Cum pun imagini de socializare in header phpbb3

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 10:46

Buna ziua, as dori un cod sa pun si eu ca si aici niste imagini de socializare cu efectul ala cand pui masusul pe imagine se ridica in sus pe versiunea phpBB3:

Multumesc !

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Omu la data de Sam 23 Iun - 11:11

Cod jQuery:
Cod:
jQuery(document).ready(function() {
jQuery('.headerbar').before('
<div class="social">
<a href="link"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png" /></a>
<a href="link"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/twitter.png" /></a>
<a href="link"><img src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/rss.png" /></a>
</div>
');
});

Cod CSS:
Cod:
.social img {
height: 16px;
width: 16px;}

.social img:hover {
height: 32px;
width: 32px;}

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 11:20

Eu doresc codul asta daca se poate de hover: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] (nu e reclama)

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Vexx la data de Sam 23 Iun - 11:23

Buna ziua,
Codul dat de Omu este intocmai cel dorit de dumneavoastra. L-ati testat?

Vexx
Membru activ

masculin

Mesaje : 464
Varsta : 19
Data de inscriere : 20/04/2012
Multumiri : 4
Niciun avertisment

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 11:24

Da dar imaginile nu apar ca si in aceea imagine. In imagine sunt jumatate imaginile la mine sunt intregi si as vrea sa fie si la mine ca si in aceea imagine si cand sa pun click pe imagine atunci sa fie imaginea normala.

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Ade'S la data de Sam 23 Iun - 11:31

JavaScript

Cod:


jQuery(document).ready(function() {
jQuery('#wrap').before('
<div class="social">
<a href="LINK1"><img src="LINK IMG1"></a>    <a href="LINK2"><img src="LINK IMG2"></a>  <a href="LINK3"><img src="LINK IMG 2"></a>
</div>
');
});

Cod:
.social {
background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -100px -57px no-repeat transparent;
height: 33px;
left: 18px;
position: relative;
width: 50px;
}

.social:hover  {
background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -100px -57px no-repeat transparent;
height: 33px;
left: 18px;
position: relative;
width: 50px;
}
 
 
.social:hover {
background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") 0px -13px no-repeat transparent;
height: 33px;
width: 50px;
}

.social {
background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") 0px -57px no-repeat transparent;
height: 33px;
width: 50px;
}


.social:hover {
background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -50px -13px no-repeat transparent;
height: 33px;
width: 50px;
}


.social {
background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -50px -57px no-repeat transparent;
height: 33px;
left: 33px;
position: relative;
width: 50px;
}
CSS

Ade'S
Membru activ

feminin

Mesaje : 1317
Varsta : 23
Data de inscriere : 04/06/2012
Multumiri : 1
Membru exclus

http://realsupport.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 11:48

Degeaba nu merge.

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Omu la data de Sam 23 Iun - 12:03

Cod:
jQuery(document).ready(function() {
jQuery('.headerbar').before('<div class="social1"></div><div class="social2"></div><div class="social3"></div>');});

Cod:
.social1 {
    background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -100px -57px no-repeat transparent;
    height: 33px;
    position: relative;
    width: 50px;
    }

    .social1:hover  {
    background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -100px -57px no-repeat transparent;
    height: 33px;
    position: relative;
    width: 50px;
    }
   
   
    .social2:hover {
    background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") 0px -13px no-repeat transparent;
    height: 33px;
    width: 50px;
    }

    .social2 {
    background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") 0px -57px no-repeat transparent;
    height: 33px;
    width: 50px;
    }


    .social3:hover {
    background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -50px -13px no-repeat transparent;
    height: 33px;
    width: 50px;
    }


    .social3 {
    background: url("http://i42.servimg.com/u/f42/15/42/26/78/social13.png") -50px -57px no-repeat transparent;
    height: 33px;
    position: relative;
    width: 50px;
    }

Te-aș ruga doar să schimbi imaginea aceasta: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6310
Varsta : 20
Data de inscriere : 04/11/2010
Multumiri : 153
Niciun avertisment

http://www.tech-titans.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 12:07

Imagine aceasta: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] sa o schimb cu o alta imagine tot asa cu 3 imagini pe un rand sau cu cate o imagine ?

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Ade'S la data de Sam 23 Iun - 12:22

Pai daca vrei un asemenea hover, va trebuii sa schimbi acele 3 imagini uc altele 3 imagini, dar sa fie set A face cu ochiul .

Ade'S
Membru activ

feminin

Mesaje : 1317
Varsta : 23
Data de inscriere : 04/06/2012
Multumiri : 1
Membru exclus

http://realsupport.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 12:23

Deci tot nu inteleg.

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Ade'S la data de Sam 23 Iun - 12:24

Cum sunt acestea sase imagini

Asa va trebuii sa faci si tu, trei sus cu culoarea dorita, iar trei jos cu culoarea de la hover Fericit .

Ade'S
Membru activ

feminin

Mesaje : 1317
Varsta : 23
Data de inscriere : 04/06/2012
Multumiri : 1
Membru exclus

http://realsupport.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 12:35

Acum apare asa am facut acel set si am inlocuit link imaginii de la set cu celelalte linkuri si uitati cum apare:


Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Ade'S la data de Sam 23 Iun - 12:40

Adauga:

Cod:
margin-left Xpx;

La toate codurile si le setezi dupa bunul plac

Ade'S
Membru activ

feminin

Mesaje : 1317
Varsta : 23
Data de inscriere : 04/06/2012
Multumiri : 1
Membru exclus

http://realsupport.forumgratuit.ro/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 12:43

Lyzzi daca nu stii sa rezolvi problema te rog nu te baga astept raspunsul cuiva care stie sa rezolve. Am zis mai sus ca nu merge.

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de DeeQ la data de Sam 23 Iun - 13:01

Adauga in Mesaj pe pagina de start:
Cod:
<div class="da"><div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
      <li class="shr-comfeed">
        <a title="Subscribe to the comments for this post?" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-delicious">
        <a title="Share this on del.icio.us" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-twitter">
<a target="_blank" href="http://albforum.forumotion.net/" title="Tweet This!" ca_clicked="1"> </a>
      </li>
      <li class="shr-facebook">
<a class="t" target="_blank" title="Share this on Facebook" lnp="2" href="http://www.facebook.com/"> </a>
      </li>
      <li class="shr-gmail">
        <a title="Email this via Gmail" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-digg">
        <a title="Digg this!" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-diigo">
        <a title="Post this on Diigo" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-googlebuzz">
        <a title="Post on Google Buzz" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-stumbleupon">
        <a title="Stumble upon something good? Share it on StumbleUpon" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
      <li class="shr-technorati">
        <a title="Share this on Technorati" class="external" rel="nofollow" href="http://albforum.forumotion.net/"> </a>
      </li>
</ul><div style="clear:both;"></div>
</div></div>



Si in css:[/code]

DeeQ
Membru Forumgratuit

Mesaje : 170
Varsta : 25
Localizare : ...
Data de inscriere : 20/04/2012
Multumiri : 0
Membru exclus

http://www.Fguide.all-up.com/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Kevin la data de Sam 23 Iun - 13:17

Multumesc DeeQ.

topic rezolvat

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum pun imagini de socializare in header phpbb3

Mesaj Scris de Lycan la data de Sam 23 Iun - 13:19

topic rezolvat

Lycan
Membru onorific
Membru onorific

masculin

Mesaje : 3146
Localizare : Karaibe
Data de inscriere : 21/10/2011
Multumiri : 0
Niciun avertisment

http://netuts.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum