Butonul Autentificare în colţul de jos al sait-ului

Pentru a accesa toate paginile forumului

te rugăm să te înregistrezi

[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]

Pagina 1 din 1
1

Stapanul

Data: Marţi, 2012-06-05, 10:51 PM | Mesaj # 1

Total mesaje: 279

Vezi premiile: 10

Este un script foarte frumos şi plăcut. Va apărea în colţul drept al site-ului şi foarte repede va atrage atenţia. Le va fi mai uşor şi oaspeţilor să găsescă formularul de Logare/Înregistrare.
Intalare: Panoul de Control - Administrarea design-ului (şabloane) - Secţiuni globale [Partea superioara a site-ului] - şi adăugăm acest cod la sfârşit:

Cod

<?if($LOGIN_LINK$)?><style type="text/css">
    .uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;box-shadow: 0 2px 7px
rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;left:7px;}
    .uPanel a.url,.uPanel a.url:visited{display:block;float:left;color:#fff;font-
weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;}
    .uPanel a.url img{vertical-align:-8px;}
    .uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}
    .uPanel a.url.highlighted{opacity:1.0;}
    .uPanel a.url span
{display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
    </style>

<div class="uPanel">
<a href="$LOGIN_LINK$"><img align="absmiddle" title="Autentificare" src="http://fierbinte.ucoz.ro/Forum/Diverse/Autentificare_iconita.png"> <b>Autentificare</b></a>
</div>

<script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw',
http://fierbinte.ucoz.ro/:275 Uncaught TypeError: Object #<Object> has no method 'tipsy'
    html: true});</script><?endif?>

Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.

Stapanul

Data: Duminică, 2012-06-24, 11:03 PM | Mesaj # 2

Total mesaje: 279

Vezi premiile: 10

Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea inferioară a site-ului] - aici adăugaţi codul:

Cod

<?if($USER_LOGGED_IN$)?><?else?>
   <div id="dstyle"></div>
   <div class="uPanel" id="uPanel" style="display:none">
   <a class="button" href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span>Conectare</span></a> <a class="button" href="/index/3"><span>Înregistrare</span></a>
   </span></a>
   </div>
   <script type="text/javascript">
   $(function(){
   $("#uPanel").fadeIn('normal');
   $("#uPanel a.url").tipsy({gravity: 'sw', html: true});
   });
   </script>
   </div>
   <?endif?>

Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - aici adăugaţi acest cod:

Cod

.uPanel {
   background:rgba(0,0,0,0.8);
   color:#fff;
   float:left;
   box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
   -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);
   padding: 4px 5px 4px 5px;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   position:fixed;
   bottom:7px;
   left:7px;
   }

   a.button{display:block;float:left;padding:6px 9px 6px 9px;margin:2px;color:#fff;font-weight:bold;background:url('http://fierbinte.ucoz.ro/Forum/Diverse/Autentificare/conect_autentif_fundal.png') #4E4E4E;background-position:100% 0px;border:1px solid #2D2D2D;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 1px #fff inset;-moz-box-shadow:0px 0px 1px #fff inset;text-shadow:0px -1px 0px #000}
   a.button:hover{border:1px solid #815500;color:#fff;background-position:100% -28px;text-shadow:0px -1px 0px #815500}
   a.button:active{border:1px solid #815500;color:#fff;background-position:100% -28px;box-shadow:0px 0px 5px #000 inset;-moz-box-shadow:0px 0px 5px #000 inset;text-shadow:0px -1px 0px #815500}

Rezultatul:

Pomul se cunoaşte după roade, omul după fapte.

Butonul Autentificare în colţul de jos al sait-ului

Pagina 1 din 1
1