Navigare mai usoara pe forum !

In jos

Navigare mai usoara pe forum !

Mesaj Scris de Razvan la data de Vin Ian 21, 2011 1:45 am

Buna seara deci in primu rand vreau sa va zic ca nu prea ma pricep sa vorbesc :) deci va voi oferi un script cu care sa puteti naviga mai usor :)

COD
Cod:
<link rel="stylesheet" href="/72-ltr.css" type="text/css" />
 
<style type="text/css">
.stack { position: fixed; bottom: 15px; right: 20px; } 
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; } 
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; } 
.stack ul li { position: absolute; } 
.stack ul li img { border: 0; } 
.stack ul li span { display: none; } 
.stack .openStack li span { 
    font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block; 
    height: 14px; 
    position:absolute; 
    top: 17px; 
    right:60px; 
    line-height: 14px; 
    border: 0; 
    background-image: url(http://img220.imageshack.us/img220/7396/bodybackgroundg.jpg);
    padding: 10px 15px; 
    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0px 0px 1px #000;
        -webkit-box-shadow: 0px 0px 1px #000;
        border: 2px solid #353535;
    color: #fcfcfc; 
    text-align: center; 
    text-shadow: #000 1px 1px 1px; 
    opacity: .85; 
    filter: alpha(opacity = 85); 

 
.stack { _position: absolute; } 
.stack ul { _z-index:-1; _top:-15px; } 
.stack ul li { *right:5px; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://dsprime.webs.com/Stacker.js"></script><div class="stack">  <img src="http://i67.servimg.com/u/f67/14/87/55/48/stack110.png" alt="stack">  <ul id="stack">  <li><a href="http://www.google.com/"><span>Razvan </span><img src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/48/bug.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Test1</span><img src="http://cdn.iconfinder.net/data/icons/iconos/Gallery.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/customicondesignoffice5/48/content.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/function_icon_set/paper_content_pencil_48.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Razvan</span><img src="http://cdn.iconfinder.net/data/icons/basicset/help_48.png" alt="Test"></a></li>  </ul>


Pentru versiunile phpbb2 si punbb introduce-ti codul in Afisare-Template-uri- General - Overall_footer

Pentru phpbb3 il introduceti in Afisare-Pagina de start-Generalitati-Mesaj pe pagina de start


Previzualizare : click aici !
avatar
Razvan
Moderator
Moderator

<b>Sex</b> Sex : masculin
<b>Mesaje</b> Mesaje : 15
<b>Credite</b> Credite : 2742
<b>Varsta</b> Varsta : 24
<b>Localizare</b> Localizare : Galati
<b>Respectarea Regulamentului</b> Respectarea Regulamentului :

Vezi profilul utilizatorului

Sus In jos

Re: Navigare mai usoara pe forum !

Mesaj Scris de Pein la data de Sam Ian 22, 2011 1:14 am

Multumim foarte mult pentru acest cod.



dark_angel.Ro ( Theme )
avatar
Pein
Fondator
Fondator

<b>Sex</b> Sex : masculin
<b>Mesaje</b> Mesaje : 617
<b>Credite</b> Credite : 3614
<b>Varsta</b> Varsta : 23
<b>Localizare</b> Localizare : Campina
<b>Respectarea Regulamentului</b> Respectarea Regulamentului :

Vezi profilul utilizatorului http://help-forums.forumz.ro

Sus In jos

Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum