
Navigare rapidă
Ultimele subiecte
Cuvinte-cheie
CSS - Sexy Bookmarks

Buna ziua,
In acest tutorial am sa va arat cum puteti adauga Sexy Bookmarks pe forumul dvs. Deci haideti sa incepem.
Pasul 1
Pasul 2
Cam atat pentru astazi, o zi buna tuturor.
In acest tutorial am sa va arat cum puteti adauga Sexy Bookmarks pe forumul dvs. Deci haideti sa incepem.
Pasul 1
P.A=>Afisare=>Generalitati - Adaugati codurile de mai jos acolo=>Intregistrare |
- Cod:
<center><ul class="sharing-cl" id="text">
<li><a class="sh-mail" href="LINK">email</a></li>
<li><a class="sh-feed" href="#feed">feed</a></li>
<li><a class="sh-tweet" href="http://twitter.com/home">twitter</a></li>
<li><a class="sh-face" href="http://www.facebook.com/share.php" rel="nofollow">facebook</a></li>
<li><a class="sh-su" href="http://www.stumbleupon.com/submit">stumbleupon</a></li>
<li><a class="sh-digg" href="http://digg.com/submit">digg</a></li>
</ul></center>
Pasul 2
P.A=>Afisare=>Imagini si culori=>Foaie de stil css - Adaugati codurile de mai jos acolo=>Intregistrare |
- Cod:
.sharing-cl{overflow:hidden;margin:0;padding:0;list-style:none;}
.sharing-cl a{overflow:hidden;width:75px;height:30px;float:left;margin-right:5px;text-indent:-200px;background:url("http://i39.servimg.com/u/f39/15/69/94/13/share-10.png") no-repeat;}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{margin-right:0;background-position:-350px -40px;}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{background-position:-350px 1px;}
#text{margin-top:3em;font-weight:bold;font-family:helvetica,arial,sans-serif;}
#text a{text-indent:0;height:auto;text-align:center;font-size:11px;padding-top:35px;color:#999;text-decoration:none;}
Cam atat pentru astazi, o zi buna tuturor.
Comentariile utilizatorilor