Problema butoane de tip share

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Problema butoane de tip share

Mesaj Scris de Vips-Area la data de Vin 31 Ian - 20:56

Saluatare forumgratuit.ro,tot incerc de ceva vreme sa rezolv problema de unu singur,dar nu reusesc,si pentru asta am nevoie de voi.

Am urmarit acest tutorial [Trebuie sa fiti inscris si conectat pentru a vedea acest link] dar rezultate,nu sunt cum ar trebui sa fie,si apar in felul acesta:

Ce trebuie sa fac sa apara normal ca in tutorial?

Multumesc!

Vips-Area
Membru Forumgratuit

Mesaje : 46
Data de inscriere : 10/04/2011
Multumiri : 0
Niciun avertisment

http://www.vips-area.forumer.ro

Sus In jos

In cos Re: Problema butoane de tip share

Mesaj Scris de Zeus la data de Lun 3 Feb - 11:17

Buna ziua,  La revedere 

Codurile css le-ati adaugati in P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css ?


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

In cos Re: Problema butoane de tip share

Mesaj Scris de Vips-Area la data de Mier 5 Feb - 22:44

da,am facut exact ca acolo.

Vips-Area
Membru Forumgratuit

Mesaje : 46
Data de inscriere : 10/04/2011
Multumiri : 0
Niciun avertisment

http://www.vips-area.forumer.ro

Sus In jos

In cos Re: Problema butoane de tip share

Mesaj Scris de mr.franta la data de Mar 11 Feb - 15:28

Buna ziua,te rog sterge codurile din acel tutorial si adaugati-le pe acestea.

Acest coda il adaugati in pa/afisare/generalitati

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>

Iar acest cod CSS il adaugati in pa/afisare/colori/css

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;}


Iar pentru pozitionare lui folositi acest cod css

Cod:

ul#text.sharing-cl{
  position: relative;
  bottom: 0px;
left: 0px;
right: 0px;
top: 0px;}

Modificati in zona la care doriti dumneavoastra unde sunt 0px;
Legenda:
left-Positioneaza de la stanga la dreapta.
right-Pozitioneaza de la dreapta la stanga
top-Pozitioneaza de sus in jos
bottom: Pozitioneaza de jos in sus.
position-relative (acesta faca ca pozitia codul sa fie diferita,continutul va fi mutat,dar atentie uneori peste alte continut-uri)



mr.franta
Membru onorific
Membru onorific

masculin

Mesaje : 1072
Varsta : 28
Localizare : giurgiu
Data de inscriere : 18/02/2012
Multumiri : 69
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

In cos Re: Problema butoane de tip share

Mesaj Scris de Zeus la data de Mier 19 Feb - 11:17

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avind un titlu explicit.


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Zeus
Administrator
Administrator

masculin

Mesaje : 3915
Localizare : Bucuresti, Romania
Data de inscriere : 19/02/2012
Multumiri : 599
Niciun avertisment

http://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum