Navigare mai usoara pe forum !

[Razvan]

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 !

[Pein]

Multumim foarte mult pentru acest cod.