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.

Centrare butoane de tip share

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Centrare butoane de tip share

Mesaj Scris de Cesar Sam Mai 04, 2013 9:30 pm

Salut!
Buna seara,
Dupa cum spune si titlul subiectului meu , as vrea sa centrez codul urmator:
Cod:
jQuery(document).ready(function(){
var url=document.URL;
jQuery("#page-body").append('
<br>
<div class="cattitle" style="margin-top:5px;">Spune-le prietenilor despre forumul nostru:<hr></div>
<table cellspacing=0 cellpadding=0 width=100%><tr><td align=right valign=center style="margin-right:20px;">
<ul class="sharing-cl" id="text">
<li><a target="_blank" class="sh-mail" href="mailto:?subject=Nu ai auzit inca de acest forum?&body='+url+'">Email</a></li>
<li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>
<li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Fa-ti si tu un cont pe acest forum: '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>
<li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u='+url+'">Facebook</a></li>
<li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon</a></li>
<li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url='+url+'">Digg</a></li>
</ul></td><td width="180" align="right" valign=center><fb:like href="'+url+'" layout="button_count" width="45"></fb:like></td></tr></table><br>
');
});
Apare in stanga , iar eu as vrea sa fie pe mijloc.
Centrare butoane de tip share HpMm9S6


Ultima editare efectuata de catre PixX in Dum Mai 05, 2013 1:55 pm, editata de 1 ori
Cesar

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cassius Dio Sam Mai 04, 2013 9:35 pm

Buna seara. Foarte fericit

Incercati:
Cod:
jQuery(document).ready(function(){
var url=document.URL;
jQuery("#page-body").append('
<br>
<center><div class="cattitle" style="margin-top:5px;">Spune-le prietenilor despre forumul nostru:<hr></div>
<table cellspacing=0 cellpadding=0 width=100%><tr><td align=right valign=center style="margin-right:20px;">
<ul class="sharing-cl" id="text">
<li><a target="_blank" class="sh-mail" href="mailto:?subject=Nu ai auzit inca de acest forum?&body='+url+'">Email</a></li>
<li><a target="_blank" class="sh-feed" href=" /feed">RSS</a></li>
<li><a target="_blank" class="sh-tweet" href="http://twitter.com/home?status=Fa-ti si tu un cont pe acest forum: '+url+'" target="_blank" onclick="javascript:pageTracker._trackPageview (\'/outbound/twitter.com\');">Twitter</a></li>
<li><a target="_blank" class="sh-face" href="http://www.facebook.com/share.php?u='+url+'">Facebook</a></li>
<li><a target="_blank" class="sh-su" href="http://www.stumbleupon.com/submit?url='+url+'">Stumbleupon</a></li>
<li><a target="_blank" class="sh-digg" href="http://digg.com/submit?phase=2&url='+url+'">Digg</a></li>
</ul></td><td width="180" align="right" valign=center><fb:like href="'+url+'" layout="button_count" width="45"></fb:like></td></tr></table></center><br>
');
});
Cassius Dio

Cassius Dio
Membru onorific
Membru onorific

Mesaje : 10826
Varsta : 26
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Mulțumiri : 84
Internet Explorer phpBB3

http://beatles.forummo.com/
Cassius Dio a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cesar Sam Mai 04, 2013 9:47 pm

Confuz
Tot acolo apare..Oare trebuie sa modific codul din CSS?

// Poftiti si codul CSS
Cod:
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:100%;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.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:5px;
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;
}
Cesar

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Kevin. Dum Mai 05, 2013 1:24 pm

Buna ziua,

Postati aici va rog forumul pe care doriti sa faceti modificarile.
Kevin.

Kevin.
Membru Forumgratuit

Mesaje : 233
Varsta : 30
Localizare : Bucuresti
Data înscrierii : 26/10/2012
Mulțumiri : 0
Internet Explorer punBB

Kevin. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cesar Dum Mai 05, 2013 1:39 pm

Rideem a scris:Buna ziua,

Postati aici va rog forumul pe care doriti sa faceti modificarile.
Salut!
Nu mai este nevoie.Am rezolvat , in codul CSS era undeva "float:left" si am pus "center"!Multumesc pentru ajutor , TC!
Cesar

Cesar
Membru onorific
Membru onorific

Mesaje : 3361
Varsta : 25
Localizare : Sinaia, Prahova
Data înscrierii : 13/09/2012
Mulțumiri : 311
Google Chrome punBB

https://help.forumgratuit.ro/
Cesar a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Centrare butoane de tip share

Mesaj Scris de Cassius Dio Dum Mai 05, 2013 2:44 pm

Nu exista valoarea center pentru proprietatea float, iar daca adaugati una inexistenta browser-ul interpreteaza codul cu valoarea none (ceea ce trebuia de adaugat).
Paste fericit! Foarte fericit
topic rezolvat
Cassius Dio

Cassius Dio
Membru onorific
Membru onorific

Mesaje : 10826
Varsta : 26
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Mulțumiri : 84
Internet Explorer phpBB3

http://beatles.forummo.com/
Cassius Dio a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum