-
JackGaunt.
User deleted
Nerd Pride
Codice HTML che sarà mostrato in FONDO a tutte le pagineSPOILER (clicca per visualizzare)HTML<!-- MENU DROPUP -->
<div style="position:fixed; bottom:0px; right:20px;">
<ul class="dropup" style="box-shadow: 0px 0px 0px #000; background: black;">
<!-- ESEMPI MOLTO MINIMAL MA NERD -->
<li style="float:left; width:auto"><img src="http://i.imgur.com/qtarG.gif">
<ul>
<li > [data] [evento] <br> [data] [evento] <br> [data] [evento]
</li>
</ul>
</li>
<li style="float:left;width:auto"><a><img src="http://i.imgur.com/DVD7D.gif"> <img src="http://i.imgur.com/DVD7D.gif"> <img src="http://i.imgur.com/DVD7D.gif"> <img src="http://i.imgur.com/DVD7D.gif"> <img src="http://i.imgur.com/DVD7D.gif"> </a>
<ul>
<li><a href="#">< cd</a> <ul> <li><a>ls</a></li> <li><a>cp</a></li></ul></li>
<li><a href="#">ls </a></li>
<li><a href="#">cp </a></li>
<li><a href="#">mv </a></li>
<li><a href="#">rm </a></li>
</ul> </li></div>
Amministrazione > Grafica > Colori e StiliSPOILER (clicca per visualizzare)CODICE/* MENU DROPUP(Latest News_) */
ul.dropup li {width: inherit; padding: 0 5px; vertical-align: middle;
zoom: 1; background:black; line-height: 32px}
ul.dropup ul a {color: #006600; padding: 0 5px; text-align:left; text-shadow: 1px 1px 1px black; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
ul.dropup ul a:hover {color: #00FF00; letter-spacing: 0; font-style: normal; top: 5px; left: 0}
ul.dropup li a:hover {color: #00FF00; letter-spacing: 0; font-style: normal; top: 5px; left: 0}
ul.dropup a {color: #006600}
ul.dropup a.open {visibility:hidden}
ul.dropup ul a.open {visibility:hidden}
ul.dropup li, ul.dropup ul {padding: 0 10px}
ul.dropup, ul.dropup li, ul.dropup ul {list-style: none; margin: 0}
ul.dropup {position: relative; z-index: 3}
ul.dropup li.hover,
ul.dropup li:hover {position: relative; z-index: 3; cursor: default;
visibility: visible; width:inherit}
/* posizioni degli ul */
ul.dropup ul {position: absolute; bottom: 100%; right: 0; z-index: 3;
visibility: hidden}
ul.dropup ul ul {top: 0; right: 80%; visibility: hidden}
/* effetto transizione*/
ul.dropup li > ul {display:block; visibility:hidden; opacity: 0; transition:opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -o-transition:opacity 0.5s linear}
ul.dropup li:hover > ul {display:block; visibility: visible; transition:opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -o-transition:opacity 0.5s linear; opacity: 1}
/* fix visibility */
.dropup li ul {display:none}
ul.dropup li > ul a {display:none}
ul.dropup li ul li > ul a {display:none}
ul.dropup li:hover > ul a {display:block}
ul.dropup li ul li:hover > ul a {display:block}
codice creato da JackGaunt.
!Importante : Aggiungere nei creditsCODICE<div style="background:rgba(0,0,0,0.5); border-radius:5px; width:250px; padding:5px" align="center"><i>Menu Utente creato da <a href="http://forumdesigner.forumfree.it/?act=Profile&MID=4602329" style="font-size:11pt; letter-spacing:2px">JackGaunt</a><br><span style="letter-spacing:1px">per la sua skin</span><a href="http://nerdpride.skin.forumcommunity.net/" style="font-size:11pt; letter-spacing:4px">▦ Nerd Pride</a>.</span></i></div>INDICATE CORTESEMENTE I NOMI E LINK DEI FORUM SU CUI APPLICATE IL CODICE!
Edited by JackGaunt - 9/9/2012, 13:44.