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 2
  • 1
  • 2
  • »
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Diverse » Panouri cu diverse funcții
Panouri cu diverse funcții
StapanulData: Marţi, 2012-06-26, 12:57 PM | Mesaj # 1
Neconectat
 Pe pagina unde doriţi să apară mini-panoul, înainte de </body> adăugaţi codul:

Code
<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>     
         
     <input name="dfdsfds" type="hidden" id="d-opacity" value="0.7" />     
     <input name="dffsd" type="hidden" id="d-color" value="255,255,255" /
>     
     <div id="dstyle"></div>     
     <div class="uPanel" id="uPanel" style="display:none">     
     <a href="#" title="Găseşte ceea ce cauţi" class="url"><?if
($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" style="width:24px; height:24px;" alt="" /><?else?><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" style="width:24px; height:24px;" alt="" /><?endif?></a>     
     <a href="$PM_URL$" title="Mesaje Personale" class="url"><img     
src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/MP.png" alt="" /></span></a>     
         
     <a href="$PERSONAL_PAGE_LINK$" onclick="dialogColor(); return     
false;" title="Pagina personală" class="url"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/PP.png" alt="" /></a>     
     <a href="$LOGOUT_LINK$" title="Deconectare" onclick="showLogForm(); return     
false;" class="url"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Decone.png" alt="" /></a>     
     </div>     
     <script type="text/javascript">     
     $(function(){     
     $("#uPanel").fadeIn('normal');
     });     
     </script>


Rezultatul:
 
StapanulData: Vineri, 2012-06-29, 11:38 AM | Mesaj # 2
Neconectat
 Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea superioară a site-ului] - sus, înaintea codurilor de acolo, adăugaţi:

Code
<div style="clear:both;"/></div>
<div class="wp_panel"><div style="float:left;padding-left:7px;padding-top:9px;"><div style="padding-right:9px;border-right: 1px dashed #7b7b7f;"><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/Iesire.png" class="wp_vxod_link_pr"></a><?else?><a href="$LOGIN_LINK$"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/Intrare.png" class="wp_vxod_link_pr"></a><?endif?></div></div><span style="float:left;padding-right:9px;padding-left:9px;padding-top:14px;"><a href="/" title='twitter'><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/Twitter.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a><a href="/" title='Facebook'><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/Facebook.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a><a href="/" title='Youtube'><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/Youtube.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a></span><span style="float:left;padding-right:9px;padding-left:11px;padding-top:9px;"><?if($USER_LOGGED_IN$)?><a href="/index/8"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/profilul.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a><?endif?><a href="javascript://" onclick="openwp_chat();"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/chat_ul.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a><a href="/forum/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/forum.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a></span><span style="float:right;padding-right:9px;padding-left:11px;padding-top:16px;"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/statistici.gif" class="wp_vxod_link_pr" style="padding-right:5px;"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/statistici.gif" class="wp_vxod_link_pr" style="padding-right:5px;"></span></div>
<style>
   .wp_panel {height:54px; width:100%;background:url("http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/Mega_panou/fonul_panoului.png");position:fixed;bottom:2px; z-index:9999}
   .wp_vxod_link_pr:hover {   
opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100);   
}
.wp_vxod_link_pr {   
opacity:0.8; -moz-opacity:0.9; filter:alpha(opacity=60);   
}
</style>

<script type="text/javascript">   
function openwp_chat(){new _uWnd('wp_chat','Chat-ul',300,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#wp_chat").html() )}   
</script>   
<div style="display:none;" id="wp_chat">$CHAT_BOX$</div>
 
OmulPaianjenData: Vineri, 2012-07-27, 5:44 PM | Mesaj # 3
Neconectat
 Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea inferioară a site-ului] - nu ștergeți nimic de aici, doar adăugați la început aceste coduri:

Code
<!-- Windows panou -->  
<!-- windows Meniu -->  
<div id="start">  
  <table border="0" cellpadding="0" cellspacing="0" width="403"><tbody><tr><td class="start1" align="center" height="65" width="403"><span style="cursor:pointer;"><img alt="" title="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://fierbinte.ucoz.ro/Forum/Iconite/Fara_avatar/31.png<?endif?>" style="padding-top: 0px; padding-right: 46px;" onclick="profile1();" align="right" height="45" width="48"></span></td></tr></tbody></table>  
  <table border="0" cellpadding="0" cellspacing="0" height="370" width="403"><tbody><tr><td width="268" align="left" class="start2">  
  <div style="text-align:left;"><div style="text-align:left;">  
  <?if($USER_AGENT$=='ie' || $USER_AGENT$=='opera')?><script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/Menu_IE.js"></script><?endif?>  

  <ul id="winmenu" class="pmenu">  
  <li><a href="$HOME_PAGE_LINK$"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/acasa.png" border="0" alt="Acasă" align="left" > <span class="winmenutext">Prima pagină</span></a></li>  
  <li><a href="$HOME_PAGE_LINK$index/0-2/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/informatie.png" border="0" alt="Despre" align="left" > <span class="winmenutext">Despre noi</span></a></li>  
  <li><a href="$HOME_PAGE_LINK$load/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/fisierele.png" border="0" alt="Fișiere" align="left" > <span class="winmenutext">Catalog de Fișiere</span></a>  
  <ul>  
  <li><a href="/"><span class="winmenutext">Titlu Categorie</span></a>  
  <ul id="navmenu-v">  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  </ul>  
  </li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 2</span></a>  
  <ul>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 2</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 2</span></a></li>  
  </ul>  
  </li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 3</span></a>  
  <ul>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 3</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 3</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 3</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 3</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie 3</span></a></li>  
  </ul>  
  </li>  
  </ul>  
  </li>  
  <li><a href="$HOME_PAGE_LINK$publ/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/regulament.png" border="0" alt="Regulamentul" align="left" > <span class="winmenutext">Regulamentul</span></a>  
  <ul>  
  <li><a href="#"><span class="winmenutext">Pentru sait</span></a></li>  
  <li><a href="#"><span class="winmenutext">Pentru Forum</span></a></li>  
  </ul>  
  </li>  
  <li><a href="$HOME_PAGE_LINK$photo/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/foto.png" border="0" alt="Album Foto" align="left" > <span class="winmenutext">Album Foto</span></a>  
  <ul>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  <li><a href="#"><span class="winmenutext">Titlu Categorie</span></a></li>  
  </ul></li>  
  <li><a href="#"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/aplicatii.png" border="0" alt="Aplicații" align="left" > <span class="winmenutext">Aplicații</span></a> </li>  
  <li><a href="$HOME_PAGE_LINK$stuff/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/jocuri.png" border="0" alt="Jocuri" align="left" > <span class="winmenutext">Jocuri Online</span></a> </li>  
  <li><a href="$HOME_PAGE_LINK$forum/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/forum.png" border="0" alt="Forum" align="left" > <span class="winmenutext">Forumul nostru</span></a> </li>  
  <li><a href="$HOME_PAGE_LINK$gb/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/oaspeti.gif" border="0" alt="Cartea de oaspeți" align="left" > <span class="winmenutext">Cartea de oaspeți</span></a> </li>  
  <li><a href="$HOME_PAGE_LINK$index/0-3/"><img src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/contacte.png" border="0" alt="Contactați-ne" align="left" > <span class="winmenutext">Contactați-ne</span></a> </li>  
  </ul>  
  </div>  
  <script type="text/javascript">  
  $.each($(".pmenu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "current";});  
  </script></div>  
  </td><td width="135" align="left" valign="top" class="start3">  
  <?if($USER_LOGGED_IN$)?>  
  <ul class="uz">  
  <li class="m1"><a class="m1" href="javascript://" onclick="profile1();"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/profilul.gif" border="0" > <span style="color: rgb(255, 255, 255);">Profilul meu</span></a></li>  
  <li class="m1"><a class="m1" href="javascript://" onclick="pm1();"><?if($IS_NEW_PM$)?><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/plic.gif" border="0" ><?else?><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/nu-s_mesaje.gif" border="0" ><?endif?> <span style="color: rgb(255, 255, 255);">Mesaje [MP] (<b>$UNREAD_PM$</b>)</span></a></li>  
  <li class="m1"><a class="m1" href="javascript://" onclick="send1();"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/trimite_un_mesaj.png" border="0" > <span style="color: rgb(255, 255, 255);">Trimite un MP</span></a></li>  
  <li class="m1"><a class="m1" href="javascript://" onclick="change1();"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/setari.png" border="0" > <span style="color: rgb(255, 255, 255);">Setări date</span></a></li>  
  <li class="m1"><a class="m1" href="javascript://" onclick="users1();"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/membrii.png" border="0" > <span style="color: rgb(255, 255, 255);">Utilizatorii</span></a></li>  
  <li class="m1"><a class="m1" href="http://fierbinte.ucoz.ro/Forum/Chatul.htm" target="_blank""><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/chatul.gif" border="0" > <span style="color: rgb(255, 255, 255);">Chat-ul nostru</span></a></li>  
  <li class="m1"><a class="m1" href="http://fierbinte.ucoz.ro/forum/4" target="_blank"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/sabloane_noi.png" border="0" > <span style="color: rgb(255, 255, 255);">Șabloane noi</span></a></li>  
  <li class="m1"><a class="m1" href="http://fierbinte.ucoz.ro/tests" target="_blank"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/Photoshop.gif" border="0" > <span style="color: rgb(255, 255, 255);">Photoshop</span></a></li>  
  <li class="m1"><a class="m1" href="$LOGOUT_LINK$"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/deconectare.png" width="16" height="16" border="0" > <span style="color: rgb(255, 255, 255);">Deconectare</span></a></li>  
  </ul>  
  <script type="text/javascript">  
  function profile1(){$('#start').toggle(); new _uWnd('profile1','Profilul Meu',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/8-$_USER_ID$" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }  
  function pm1(){$('#start').toggle(); new _uWnd('pm1','Mesaje private',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }  
  function send1(){$('#start').toggle(); new _uWnd('send1','Trimite un mesaj privat',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14-0-0-1" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }  
  function change1(){$('#start').toggle(); new _uWnd('change1','Editare date personale',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/11" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }  
  function users1(){$('#start').toggle(); new _uWnd('users1','Utilizatorii saitului',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/15" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }  
  function bookmarks1(){$('#start').toggle(); bMarksView(); }  
  </script>  
  <?else?><ul class="uz">  
  <li class="m1"><a class="m1" href="javascript://" rel="nofollow" onclick="$('#start').toggle(); new _uWnd('LF','Autentificare',-250,-110,{autosize:0,closeonesc:1,resize:0},{url:'/index/40'});return false;" ><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/conectare.gif" border="0" > <span style="color: rgb(255, 255, 255);">Conectare</span></a></li>  
  <li class="m1"><a class="m1" href="$REGISTER_LINK$" onclick="$('#start').toggle();"><img alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/inregistrare.png" border="0" > <span style="color: rgb(255, 255, 255);">Înregistrare</span></a></li></ul>  
  <?endif?></td>  
  </tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" height="16" width="403"><tbody><tr><td class="start4" height="16" width="403"></td></tr></tbody></table>  
  </div>  
<!-- end windows menu -->  

<table class="starttable" border="0" cellpadding="0" cellspacing="0" height="29" width="100%">  
  <tbody><tr><td style="padding-left: 20px;" height="41" valign="top">  
  <a class="pusk" id="pusk" onclick="$ ('#start').toggle();" setTimeout(off, 100); return false;></a></td>  
  <td valign="top" style="padding-top: 7px; padding-right: 20px;" align="right">  
  <a title="Tradu pagina în franceză" href="javascript:getTranslation();"><img class="panelka" alt="" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/flag_Romania.png" border="none"></a><script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/Traducere.js"></script> <script type="text/javascript">function nod(){new _uWnd('nod','ESET Online Scanner',900,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:0},'<iframe style="overflow:hidden; width:99%; height:99%; margin:0px; border:0px;" src="http://www.eset.ro/threatsense/scanare-antivirus-online.php" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>');}</script><a title="Scanare Antivirus Online" href="javascript:;" onclick="nod();"><img class="panelka" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/eset32.png" alt="Scanare Antivirus Online" border="none" height="24" width="24"></a>
  <span id="hours" style="font-weight:bold; vertical-align: super; color: #FFFFFF;"></span></td></tr>  
  </tbody></table>  

<a href="#" id="toTop" style="z-index:45;"><img alt="" class="panelka" style="z-index:45;" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/sus.png" border="0" align="middle" title="SuS" ></a>  
  <script src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/SuS.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(function() {  
  $("#toTop").scrollToTop();  
  });  
  </script>  

<script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/Ora_exacta.js"></script>  
<!-- Sfârșit Windows panou -->


Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați următoarele stiluri:

Code
/* Meniul */  
.winmenublock {display:block; height:320px;width:180px;}  
.current {background:#dfedfd !important;display:block; width:180px; height:33px;}  
.current:hover {background:#B2DCFF !important;}  
#winmenu{list-style:none; padding:0; margin:0; height:33px; position:relative; z-index:2; width:180px; }  
#winmenu li {list-style:none;position:relative;padding:0px; margin:0px; float:left; height:33px;}  
#winmenu li a{display:block; list-style:none; padding:0px; margin:0px; float:left; width:180px; height:33px; font-size:12px; position:relative; z-index:1; padding:0px 0 0 7px;}  
.winmenutext { font-weight:bold; position:absolute; padding-top:10px;}  
#winmenu li a:link{text-decoration:none;color:#000;}  
#winmenu li a:visited{text-decoration:none;color:#000;}  
#winmenu li a:hover{text-decoration:none;color:#000;background:#B2DCFF;}  
#winmenu li:hover, #winmenu li.jshover{ background:#B2DCFF; }  
#winmenu li:hover a:link, #winmenu li.jshover a:link{text-decoration:none;color:#000;}  
#winmenu li:hover a:visited, #winmenu li.jshover a:visited{text-decoration:none;color:#000;}  
#winmenu li:hover a:hover, #winmenu li.jshover a:hover{text-decoration:none;color:#000;}  
#winmenu li:hover li a:link, #winmenu li.jshover li a:link{text-decoration:none;color:#000;}  
#winmenu li:hover li a:visited, #winmenu li.jshover li a:visited{text-decoration:none;color:#000;}  
#winmenu li:hover li a:hover, #winmenu li.jshover li a:hover{text-decoration:none;color:#000;}  
#winmenu li:hover li:hover a:link, #winmenu li.jshover li.jshover a:link{text-decoration:none;color:#414141;}  
#winmenu li:hover li:hover a:visited, #winmenu li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}  
#winmenu li:hover li:hover a:hover, #winmenu li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}  
#winmenu li:hover li:hover li a:link, #winmenu li.jshover li.jshover li a:link{text-decoration:none;color:#000;}  
#winmenu li:hover li:hover li a:visited, #winmenu li.jshover li.jshover li a:visited{text-decoration:none;color:#000;}  
#winmenu li:hover li:hover li a:hover, #winmenu li.jshover li.jshover li a:hover{text-decoration:none;color:#000;}  
#winmenu li:hover li:hover li:hover a:link, #winmenu li.jshover li.jshover li.jshover a:link{text-decoration:none;color:#414141;}  
#winmenu li:hover li:hover li:hover a:visited, #winmenu li.jshover li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}  
#winmenu li:hover li:hover li:hover a:hover, #winmenu li.jshover li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}  
#winmenu ul{ display:none; list-style:none; padding:0; margin:0; position:absolute; z-index:3; left:186px; top:0; width:180px; background:#e3e3e3 !important;}  
#winmenu li:hover ul, #winmenu li.jshover ul{ display:block; background:#e3e3e3 !important;}  
#winmenu li:hover ul ul, #winmenu li.jshover ul ul{ display:none; background:#e3e3e3 !important;}  
#winmenu li:hover ul li:hover ul, #winmenu li.jshover ul li.jshover ul{ display:block; background:#e3e3e3 !important;}  
#winmenu li ul li {background:#e3e3e3 !important;}  
/* Meniul */  

/* Windows panou */  
#start {z-index:40; display: none; position: fixed; bottom: 39px; left: 0px; width:403px;}  
.start1 {background-image: url('http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/07.png'); background-position: right; color: rgb(255, 255, 255);}  
.start2 {background-image: url('http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/7_1.png'); padding-left:10px;}  
.start3 {background-image: url('http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/7_2.png'); background-position: right; padding-left:10px;}  
.start4 {background-image: url('http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/12.png');}  
.panelka { cursor:pointer; border:none; padding:2px; background:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }  
.panelka:hover {padding:1px;border:1px solid #BDCFD7;background:#3b7385;}  
.starttable {z-index:40; position: fixed; bottom: 0px; left: 0px; width: 100%; background-image: url('http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/vista2.png');}  
a.pusk {background:url('http://fierbinte.ucoz.ro/Forum/Diverse/Mini_panou_jos/windows_jos/vista3.png') 0px 0px no-repeat;width:46px;height:41px;display:block; border:none;}  
a.pusk:hover {background-position:0px -43px}  
#toTop { width: 25px; border: none; text-align: center; padding: 5px; position: fixed; bottom: 0px; right: 185px; cursor: pointer; color: #666666; text-decoration: none; }  
span.baner span a img { cursor:pointer; border:none !important; padding:2px !important; background:none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}  
span.baner span a img:hover {padding:1px !important;border:1px solid #BDCFD7 !important;background:#3b7385 !important;}  
/* Windows panou */
 
OmulPaianjenData: Joi, 2012-08-09, 1:04 PM | Mesaj # 4
Neconectat
 Pasul 1: Descarcă arhiva. Panoul de Control - Manager de fişiere - încarcă aici cele 3 dosare (css, images, js). În arhivă găsiți și fișierul Exemplu viu. Îl deschideți cu ''brauzerul'' dvs. pentru a vedea ce prezintă scriptul. Codul de jos poate fi editat după placul dvs.

Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - pe paginile unde doriți panoul, între <head> și </head> adăugați codurile:

Code
<!-- stylesheets -->
      <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
      <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
       
      <!-- PNG FIX for IE6 -->
      <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
     <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
    <![endif]-->
        
       <!-- jQuery - the core -->
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <!-- Sliding effect -->
    <script src="js/slide.js" type="text/javascript"></script>


iar după <body> adăugați următoarele coduri:

Code
<!-- Panel -->
<div id="toppanel">
    <div id="panel">
     <div class="content clearfix">
      <div class="left">
       <h1>Welcome to Web-Kreation</h1>
       <h2>Sliding login panel Demo with jQuery</h2>     
       <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p>
       <h2>Download</h2>
       <p class="grey">To download this script go back to <a href="http://fierbinte.ucoz.ro/" title="Download">article »</a></p>
      </div>
      <div class="left">
       <!-- Login Form -->
       <form class="clearfix" action="#" method="post">
        <h1>Member Login</h1>
        <label class="grey" for="log">Username:</label>
        <input class="field" type="text" name="log" id="log" value="" size="23" />
        <label class="grey" for="pwd">Password:</label>
        <input class="field" type="password" name="pwd" id="pwd" size="23" />
                 <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" />  Remember me</label>
              <div class="clear"></div>
        <input type="submit" name="submit" value="Login" class="bt_login" />
        <a class="lost-pwd" href="#">Lost your password?</a>
       </form>
      </div>
      <div class="left right">      
       <!-- Register Form -->
       <form action="#" method="post">
        <h1>Not a member yet? Sign Up!</h1>       
        <label class="grey" for="signup">Username:</label>
        <input class="field" type="text" name="signup" id="signup" value="" size="23" />
        <label class="grey" for="email">Email:</label>
        <input class="field" type="text" name="email" id="email" size="23" />
        <label>A password will be e-mailed to you.</label>
        <input type="submit" name="submit" value="Register" class="bt_register" />
       </form>
      </div>
     </div>
    </div> <!-- /login -->    

       <!-- The tab on top -->    
    <div class="tab">
     <ul class="login">
         <li class="left"> </li>
            <li>Hello Guest!</li>
      <li class="sep">|</li>
      <li id="toggle">
       <a id="open" class="open" href="#">Log In | Register</a>
       <a id="close" style="display: none;" class="close" href="#">Close Panel</a>      
      </li>
         <li class="right"> </li>
     </ul>    
    </div> <!-- / top -->
       
</div> <!--panel -->
 
OmulPaianjenData: Sâmbătă, 2012-08-25, 9:45 PM | Mesaj # 5
Neconectat
 Unde aveți nevoie de acest panou simplu și drăguț, adăugați codurile:

Code
<style>#acont {background:#bababa; border: 10px solid #888; width:700px; height:100px; position:fixed; bottom:-140px; left:50%; margin-left:-350px;opacity:0;border-radius: 20 20 0 0;-moz-border-radius:20 20 0 0;padding:10px;color:#000;font-weight:bold;}   
#abtn {position:fixed; bottom:0px; left:50%; margin-left:-75px;width:150px;}   
</style>   

<input id="abtn" value="Deschide panoul" type="button" />   
<div id="acont"> Aici puteți adăuga orice informație</div>   

<script>
var b = $('#abtn');   
var c = $('#acont');   
b.toggle(function() {   
b.animate({bottom: '+=100px',opacity: 0.7}, 1000).attr('value' , 'Închide panoul');   
c.animate({bottom: '+=100px',opacity: 0.7}, 1000);   
},   
function() {   
b.animate({bottom: '-=100px',opacity: 1}, 1000).attr('value' , 'Deschide panoul');   
c.animate({bottom: '-=100px',opacity: 0}, 1000);   
});   
</script>
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Diverse » Panouri cu diverse funcții
  • Pagina 1 din 2
  • 1
  • 2
  • »
Căutare:
Copyright © 2019. Toate drepturile rezervate
Politicieni | Acţiunea 2012 | Powered by uCoz