Navigare rapidă

Ultimele subiecte
» nike roshe one gs damen
Scris de VGXDSFE6 Mar 16 Ian - 10:16
» nike air presto damen
Scris de VGXDSFE6 Mar 16 Ian - 10:15
» adidas nmd r2
Scris de VGXDSFE6 Mar 16 Ian - 10:14
» adidas nmd r2
Scris de VGXDSFE6 Mar 16 Ian - 10:13
» adidas nmd r2
Scris de VGXDSFE6 Mar 16 Ian - 10:13
Cuvinte-cheie

edit  

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
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
Vizitator
avatar
la data de Dum 25 Dec - 16:40
Vizitato Vizitator
Conectat
Frumos efectul. Trebuia însă mai puţin shadow.
Membru ET
avatar
la data de Joi 29 Dec - 2:32
.Nick Membru ET
Conectat
Frumos efectul. Felicitari!
Membru ET
avatar
la data de Vin 30 Dec - 10:47
RaduMan96 Membru ET
Conectat
felicitari imi place foarte mult !
Membru ET
la data de Lun 9 Ian - 22:02
cata90 Membru ET
Conectat
Buna seara.

Imi puteti spune cum pun pe centrul?

Am pus pe forum codul si imi apare asa:

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Membru dedicat
avatar
la data de Lun 9 Ian - 22:17
Razvan11 Membru dedicat
Conectat
cata90 te rog sa ceri suport in sectiunea potrivita adica [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Vizitator
avatar
la data de Lun 9 Ian - 22:22
Vizitato Vizitator
Conectat
@cata90 a scris:Buna seara.

Imi puteti spune cum pun pe centrul?

Am pus pe forum codul si imi apare asa:


Sa apara in centru? foloseste
Cod:
<center> si la sfarsitul codului </center> .
Membru ET
avatar
la data de Lun 9 Ian - 22:43
Sensivity Membru ET
Conectat
Frumos tutorial ! Bravo pentru munca depusa !
Membru dedicat
avatar
la data de Lun 9 Ian - 22:44
Razvan11 Membru dedicat
Conectat
Fastandslow nu ai vazut ce am scris eu mai sus ?
Vizitator
avatar
la data de Lun 9 Ian - 22:47
Vizitato Vizitator
Conectat
@Razvan a scris:Fastandslow nu ai vazut ce am scris eu mai sus ?

Scuze, nu vazusem postul tau.
Membru ET
la data de Lun 9 Ian - 22:52
cata90 Membru ET
Conectat
@Razvan: Acuma fac
Membru ET
la data de Lun 9 Ian - 22:56
cata90 Membru ET
Conectat
Bun tutorial. Efect frumos
Membru dedicat
avatar
la data de Mar 10 Ian - 13:39
Razvan11 Membru dedicat
Conectat
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]cata90, vă reamintim că mesajele duble nu sunt acceptate decât dacă a trecut o perioadă de 24 de ore de la ultimul mesaj. Pentru eventuale corectări folosiţi butonul "Editează"!
Mulţumim pentru întelegere!
Membru dedicat
avatar
la data de Mar 10 Ian - 18:43
Cristi Membru dedicat
Conectat
Frumos tutorial ! Chiar imi place.
Membru dedicat
avatar
la data de Mier 15 Feb - 9:07
mr.franta Membru dedicat
Conectat
arata foarte bine,felicitari