-
.
clicca la foto per visualizzare l'anteprima
un grazie per il tutorial va al Tiger Dirty
✔ -- 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: 290px; width: 200px; background-color: #FFFFFF; padding: 5px; border: 1px dotted #000000; border-radius: 0 50px 0 50px; font-size: 11px; font-family:calibri, helvetica, sans-serif; font-weight: bold; text-decoration: none}
.round
{width: 150px; height: 150px; 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}
.link1 a {width: 40px; border-radius: 100%; height: 40px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 3px; color: #FFF; font-size: 11px; font-family:calibri, helvetica, sans-serif; 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; box-shadow: inset 0 0 75px 75px #D75A71, 0 0 0#D75A71}
.link1 a:hover {color: #000000; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}
In CODICE HTML IN CIMA A TUTTE LE PAGINECODICE<div id="corposidebar">
<img class="round" src="http://i.imgur.com/EgoHBCt.png">
<div id="sidebar">
<div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
<div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
<div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
<div class="link1"><a href="http://2sidebarmarti.forumfree.it/">http</a></div>
</div>
<br>
<div style="width:200px;height:40px;overflow-y: scroll; border:;">
<i>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
</i></div>
<br>
sidebar © <a href="http://rainbow-girls.forumfree.it/?act=Profile&MID=9145896"><b>whatthehell.</b></a> <a href="http://rainbow-girls.forumfree.it/">°°°</a>
</div>
</div>
Se prelevate, o comunque gradite... Commentate!. -
Stilinski..
User deleted
Hey! Mi piace questa sidebar, me la frego e la metto sul mio Portfolio, se ti serve il link per controllare eccolo qua XXX :3 . -
.
Ho visto, mi piace :3 E oh,anche tu sei una fan di Teen Wolf *-* <3 . -
.
Prelevo questa sidebar per questo forum! .