-
whatthehell..
User deleted
clicca la foto per visualizzare l'anteprima
un grazie per il tutorial va al Tiger Dirty
PRELEVI? AVVISA QUI!
✔ -- modificare il contenuto e le immagini
✔ -- cambiare colori e dimensioni
✘ -- modificare il codice in modo eccessivo
✘ -- rimuovere i credits
✘ -- usarla come base
In COLORI E STILI vaCODICE#corposidebar {position: fixed; top: 100px; right: 20px; height: 240px; width: 200px; background-color: #000000; padding: 5px; border: 3px double #E4FF00; border-radius: 0 50px 0 50px}
#title {padding: 1px; color: #E4FF00; text-align: center; font-size: 25px; font-family: skinnychick; margin-top: -1px}
.round
{width: 150px; height: 50px; border-radius: 100%; opacity: 0.7; -webkit-transition: opacity 0.6s linear; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out}
.round:hover
{border-radius: 0; opacity: 1}
.link a {background-color: #C3D907; border-radius: 40%; width: 50px; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 5px 9px 1px 0; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 50px;
-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; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden}
.link a:hover {background-color: #E4FF00; width: 50px; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 5px 9px 1px 0; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 50px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-10deg)}
#desc {padding: 5px; color: #EBFF3E; text-align: center; font-size: 11px; font-family: arial; font-style: italic; margin-top: 2px; line-height: 10px; height: 80px}
#credits {padding: 25px; color: #083C6A; text-align: center; font-size: 10px; font-family: calibri; font-style: italic; margin-top: 2px}
In CODICE HTML IN CIMA A TUTTE LE PAGINECODICE<div id="corposidebar">
<div id="title">#title</div>
<img class="round" src="http://i.imgur.com/DB5DiyN.png">
<div>
<div class="link"><a href="http://6sidebarmarti.forumfree.it/">link</a></div>
<div class="link"><a href="http://6sidebarmarti.forumfree.it/">link</a></div>
<div class="link"><a href="http://6sidebarmarti.forumfree.it/">link</a></div>
<div id="desc">testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</div>
<div id="credits"><span style=color:#ffffff>sidebar © <a href="http://rainbow-girls.forumfree.it/?act=Profile&MID=9145896"><b>whatthehell.</b></span> </a> <a href="http://rainbow-girls.forumfree.it/"><span style=color:#ffffff>°°°</span></a>
</div>
</div>
</div>
Se prelevate, o comunque gradite... Commentate!.