-
| .
|
|
|
clicca la foto per visualizzare l'anteprima
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 codici html in homepage
CODICE <div id="corposidebar"> <div class="link1"><a href="link">uno</a></div> <div class="link1"><a href="link">due</a></div> <div class="link1"><a href="link">tre</a></div> <img class="round" src="http://i.imgur.com/bhOdxXi.png"> <div class="link1"><a href="link">uno</a></div> <div class="link1"><a href="link">due</a></div> <div class="link1"><a href="link">tre</a></div>
<div id="psdescrizione"> <div style="overflow:auto; height:100px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id felis velit. Praesent sit amet feugiat mauris. Donec vehicula magna non justo vehicula rutrum cursus magna dignissim. Aenean aliquam condimentum lectus, a egestas nisi pellentesque nec. Nunc aliquam placerat bibendum. Duis sit amet purus sit amet elit iaculis euismod. Pellentesque vitae ligula nibh. Donec bibendum sapien a ipsum faucibus non blandit erat dignissim. Maecenas tempus placerat augue, faucibus tristique nibh auctor id. Integer venenatis sem non felis porttitor a rutrum elit interdum. Fusce risus enim, porttitor et vehicula nec, molestie sit amet ligula. Ut dapibus iaculis velit et sodales. Integer faucibus sollicitudin cursus.</div> </div>
<div id="pscredits"> sidebar by <a href="http://vampireshouses.blogfree.net/?act=Profile&MID=541597">phoebe'</a> thanks to tigerdirty</div>
</div>
in colori e stili
CODICE /*tutorial by psiche - tigerdirty.forumfree.net - vietata la copia*/ #corposidebar {position: fixed; top: 30px; left: 20px; height: 330px; width: 200px; background-color: #555555; padding: 5px; padding-top: 5px; border: 2px dotted #222222; border-radius: 50px 0 50px 0} .round {width: 200px; height: 100px; border-radius: 50px 0 0 0; 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: 50px; border-radius: 100%; height: 50px; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 3px; padding-left: 5px; 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 #A5A0A0, 0 0 0#B377C2} .link1 a:hover {color: #B377C2; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent} #psdescrizione {width: 180px; background-color: transparent; text-align: justify; font-size: 10px; color: #FFFFFF; overflow: auto; padding: 5px; line-height: 7px; font-family: georgia} #pscredits {color: #FFFFFF; text-align: center; font-size: 9px; font-family: arial} /*fine tutorial*/
|
|
| .
|
0 replies since 21/8/2013, 17:08 55 views
.