-
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; left: 10px; height: 360px; width: 200px; background-color: #FFC9C9; padding: 5px; border: 2px dotted #FFFFFF; border-radius: 10px; font-size: 10px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none}
#titolo {padding: 1px; color: #D39292; text-align: center; font-size: 20px; font-family: georgia; font-style: bold; margin-top: -3px}
.round
{width: 150px; height: 80px; 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: #DA7575; border-radius: 100%; width: 40px; height: 40px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 6px 3px 3px 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: #ECB4B4; width: 40px; height: 40px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 6px 3px 3px 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(-45deg)}
In CODICE HTML IN CIMA A TUTTE LE PAGINECODICE<div id="corposidebar"> <div id="titolo">title</div> <br>
<img class="round" src="http://i.imgur.com/EgHqYup.png"> <br>
<div style="width:200px;height:90px;overflow-y: scroll; border:;">
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <br>
<body>
<div align="center"><div id="sidebar">
<div>
<div class="link"><a href="http://3sidebarmarti.blogfree.net/">http</a></div>
<div class="link"><a href="http://3sidebarmarti.blogfree.net/">http</a></div>
<div class="link"><a href="http://3sidebarmarti.blogfree.net/">http</a></div>
<div class="link"><a href="http://3sidebarmarti.blogfree.net/">http</a></div>
</div>
</div>
<img class="round" src="http://i.imgur.com/Sg7Bfdo.png"></div>
sidebar © <a href="http://rainbow-girls.forumfree.it/?act=Profile&MID=9145896">whatthehell.</a> <a href="http://rainbow-girls.forumfree.it/">°°°</a> <br>
</div>
Se prelevate, o comunque gradite... Commentate!
.
