BaCk Administrator
Sex : Mesaje : 153 Web cash : 5149 Varsta : 29 Localizare : Campina Bara Warn :
| Subiect: Navigare mai usoara pe forum Joi Mar 03, 2011 7:00 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 ! Cod realizat de Razvan |
|