-
| .
|
|
|
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="ch-item"><img src="http://i.imgur.com/zw1a2br.png"></div> <div class="gif1"><img class="gif1" src="http://i.imgur.com/jLn9gJu.gif"></div>
<div id="description"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div> <br> <div class="gif2"><img class="gif2" src="http://i.imgur.com/FFmvE7r.gif"></div> <div id="description"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div> <br> <div class="work">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>
<br> <div> <div class="link" id="one"><a href="link">link</a></div> <div class="link" id="one"><a href="link">link</a></div> <div class="link" id="one"><a href="link">link</a></div> <div class="link" id="two"><a href="link">link</a></div></div><br> <div class="quote">We are Young</div> <div id="credits">sidebar by <a href="http://terry.phoebe.blogfree.net/?act=Profile&MID=541597">phoebe'</a></div>
</div>
in colori e stili
CODICE #corposidebar {position: fixed; top: 50px; left: 10px; height: 400; width: 175px; background-color: #000; padding: 5px}
.ch-item {width: 170px; height: 75px; border-radius: 50%; overflow: hidden; position: relative; cursor: default; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); transition: all 0.4s ease-in-out; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55;}
.gif1 {border-radius: 50px 0 0 50px; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; float: left; margin-right: 3px; width: 35px; height: 71px}
.gif2 {border-radius: 0 0 50px; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; float: right; margin-left: 3px; width: 35px; height: 71px}
.work {color: #2F4E6F; width: 170px; height: 70px; overflow: auto; text-align: justify; font-size: 10pt; line-height: 10pt}
.link {background-color: #3a3a3a; color: #c1c1c1; font-size: 11px; width: 50px; height: 30px; display: inline-block; margin: 0 3px 8px 0; padding-top: 5px; line-height: 25px; text-align: center}
#description {color: #CCC; width: 130px; height: 70px; font-size: 10pt; line-height: 10pt; overflow: auto; text-align: justify}
.quote {width: 170px; overflow: auto; color: #C8D7E3; height: 45px; line-height: 12px; font-size: 12px; text-align: center; font-style: italic; font-transform: lowercase}
#credits {font-size: 8px; text-align: center; color: #fff}
|
|
| .
|
0 replies since 21/8/2013, 17:02 51 views
.