Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

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 Sam Mai 26, 2012 6:29 pm

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

Demo: iconite - Cum pun iconite de socializare in header ? 5doKJ

Multumesc !
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu Sam Mai 26, 2012 6:36 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin Sam Mai 26, 2012 6:44 pm

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

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Covrigel Sam Mai 26, 2012 7:15 pm

Uite

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

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

Covrigel
Membru Forumgratuit

Mesaje : 249
Varsta : 27
Localizare : Prahova
Data înscrierii : 20/04/2012
Mulțumiri : 0
Internet Explorer punBB

http://web-tutorial.wow3.info/
Covrigel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin Sam Mai 26, 2012 7:18 pm

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

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu Sam Mai 26, 2012 7:27 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin Sam Mai 26, 2012 7:29 pm

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

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu Sam Mai 26, 2012 7:33 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin Sam Mai 26, 2012 7:36 pm

Nici asa nu merge Omu.
Kevin

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu Sam Mai 26, 2012 7:38 pm

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Kevin Sam Mai 26, 2012 7:43 pm

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

Kevin
Membru activ

Mesaje : 1451
Varsta : 30
Localizare : Oradea
Data înscrierii : 20/05/2012
Mulțumiri : 1
Internet Explorer phpBB3

http://inedit-gfx.wikiforum.net/
Kevin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cum pun iconite de socializare in header ?

Mesaj Scris de Omu Sam Mai 26, 2012 8:05 pm

Adauga deasupra codurilor deja folosite:

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

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

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