Cum pun iconite de socializare in header ?

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 !

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 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.

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 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.

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

Covrigel
Membru Forumgratuit

masculin

Mesaje : 250
Varsta : 19
Localizare : Prahova
Data de inscriere : 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.

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 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.

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 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.

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

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 iconite de socializare in header ?

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

Nici asa nu merge Omu.

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

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 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 ?

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

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 iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 20:07

Am pus deasupra codurilor folosite si 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 iconite de socializare in header ?

Mesaj Scris de L! la data de Sam 26 Mai - 21:25

Salutare.

Spoiler:
Frumos ar fi sa adaugati drepturile de autor reale la pagina de start

Adaugati in Foaie de stil CSS, la sfarsit:
Cod:
#top-menu img{
margin: 0px 5px 0px 0px;
}

L!
Membru activ

masculin

Mesaje : 1503
Varsta : 23
Localizare : Romania
Data de inscriere : 26/04/2012
Multumiri : 1
Membru exclus

http://www.ldevelopment.org/

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 21:28

Merge L! si cum le pot aduce mai la stanga ?

Spoiler:
L! uitate sa vezi la template-uri pe forumul meu sa vezi ca este template meu.

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 iconite de socializare in header ?

Mesaj Scris de L! la data de Sam 26 Mai - 21:42

Spoiler:
Daca dvs. erati in stare sa creeati acel template, atunci eu solicitam ajutorul dvs., ci nu dvs. ajutorul meu. A face cu ochiul

Va rog sa aveti bun simt catre autor. Dvs ati modificat doar 2 cuvinte din template...

Poftim:
Cod:
#top-menu img{
position: relative !important;
right: 20px;
}

L!
Membru activ

masculin

Mesaje : 1503
Varsta : 23
Localizare : Romania
Data de inscriere : 26/04/2012
Multumiri : 1
Membru exclus

http://www.ldevelopment.org/

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Sam 26 Mai - 21:45

Tot nu merge codul si lam adaugat la sfarsitul foii de stil css.

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 iconite de socializare in header ?

Mesaj Scris de Keir la data de Sam 26 Mai - 22:27

Încercați să adăugați în CSS:

Cod:
.socializare{
margin-right: 15px;}

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Covrigel la data de Dum 27 Mai - 7:49

Boom mai incearca odata punand in CSS acest cod ca la mine afunctionat cu asta
Cod:
.socializare {
float: right !important;
right: 3px;
top: 3px;
position: absolute;}

.socializare a { display: inline !important; }

Covrigel
Membru Forumgratuit

masculin

Mesaje : 250
Varsta : 19
Localizare : Prahova
Data de inscriere : 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 Dum 27 Mai - 9:47

A mers cu codul lui Keir dar cum le pot apropia aceste iconite ?

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 iconite de socializare in header ?

Mesaj Scris de L! la data de Dum 27 Mai - 9:52

Am dat codul mai sus:
Cod:
#top-menu img{
margin: 0px 5px 0px 0px;
}

L!
Membru activ

masculin

Mesaje : 1503
Varsta : 23
Localizare : Romania
Data de inscriere : 26/04/2012
Multumiri : 1
Membru exclus

http://www.ldevelopment.org/

Sus In jos

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin la data de Dum 27 Mai - 10:01

Va multumesc L!, Omu si Keir pentru raspunsuri. Am rezolvat.

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 iconite de socializare in header ?

Mesaj Scris de Vizitato la data de Dum 27 Mai - 11:00

topic rezolvat

Vizitato
Vizitator


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum