Cum pun iconite de socializare in header ?

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 18:29

Salut, as vrea sa pun aici in header niste imagini de socializare cum as putea face acest lucru pe versiunea punBB ?

Demo:

Multumesc !
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu la data de Sam 26 Mai - 18:36

Cod:
jQuery(document).ready(function() {
jQuery('.top-menu').after(' <div class="socializare">
<a href="LINK"><img src="IMAGINE" /></a>
<a href="LINK"><img src="IMAGINE" /></a>
<a href="LINK"><img src="IMAGINE" /></a>
<a href="LINK"><img src="IMAGINE" /></a></div>');
});
Si in CSS:
Cod:

.socializare {
float: right !important;
margin-top: 3px;
position: absolute;}

.socializare a { display: inline !important; )

Nu uita sa inlocuieste LINK cu link-ul si IMAGINE cu link-ul imaginii.
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6318
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 18:44

Am inlocuit tot am bagat codul CSS si imi da eroare la codul CSS.
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Covrigel la data de Sam 26 Mai - 19:15

Uite

Cod:
.socializare {
float: right !important;
margin-top: 3px;
position: absolute;}

.socializare a { display: inline !important; }
avatar
Covrigel
Membru Forumgratuit

masculin

Mesaje : 250
Varsta : 20
Localizare : Prahova
Data înscrierii : 20/04/2012
Multumiri : 0
Membru exclus

http://web-tutorial.wow3.info/

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 19:18

Covrigel acest cod care mi lai dat este fix ca si codul dat de Omu.
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu la data de Sam 26 Mai - 19:27

Cod:
.socializare {
float: right !important;
margin-top: 3px;
position: absolute;}

.socializare a { display: inline !important; }

Scuza-ma, inchisesem cum paranteza rotunda in loc de acolada Jenat Ar trebui sa-ti mearga acum.
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6318
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 19:29

Codul merge dar nu le pot muta pe dreapta aia este problema.
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu la data de Sam 26 Mai - 19:33

Incearca acest cod:

Cod:
    jQuery(document).ready(function() {
    jQuery('.top-menu').after(' <div style="float: right;" class="socializare">
    <a href="LINK"><img src="IMAGINE" /></a>
    <a href="LINK"><img src="IMAGINE" /></a>
    <a href="LINK"><img src="IMAGINE" /></a>
    <a href="LINK"><img src="IMAGINE" /></a></div>');
    });
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6318
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 19:36

Nici asa nu merge Omu.
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu la data de Sam 26 Mai - 19:38

Cod:
.socializare {
float: right !important;
margin-top: 3px;}

.socializare a { display: inline !important; }

Sau
Cod:

.socializare {
float: right !important;
right: 3px;
top: 3px;
position: absolute;}

.socializare a { display: inline !important; }
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6318
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 19:43

Merge primul cod dar cum pot sa le fac mai apropiate ?
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu la data de Sam 26 Mai - 20:05

Adauga deasupra codurilor deja folosite:

Cod:
.socializare a {
padding: 0px;}
avatar
Omu
Membru onorific
Membru onorific

masculin

Mesaje : 6318
Varsta : 21
Data înscrierii : 04/11/2010
Multumiri : 153
Niciun avertisment

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

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum