Centrare butoane de tip share
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1 • Distribuiţi
Centrare butoane de tip share
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>
');
});
Ultima editare efectuata de catre PixX in Dum Mai 05, 2013 1:55 pm, editata de 1 ori
Re: Centrare butoane de tip share
Buna seara.
Incercati:
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>
');
});
Re: Centrare butoane de tip share
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;
}
Re: Centrare butoane de tip share
Buna ziua,
Postati aici va rog forumul pe care doriti sa faceti modificarile.
Postati aici va rog forumul pe care doriti sa faceti modificarile.
Kevin.- Membru Forumgratuit
- Mesaje : 233
Varsta : 30
Localizare : Bucuresti
Data înscrierii : 26/10/2012
Mulțumiri : 0
Re: Centrare butoane de tip share
Rideem a scris:Buna ziua,
Postati aici va rog forumul pe care doriti sa faceti modificarile.
Nu mai este nevoie.Am rezolvat , in codul CSS era undeva "float:left" si am pus "center"!Multumesc pentru ajutor , TC!
Re: Centrare butoane de tip share
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!
Paste fericit!
Subiecte similare
» Butoane Like, Twitter, Share etc.
» Problema butoane de tip share
» Care este codul de la aceste butoane de share
» Centrare continut
» Scoatere bara şi centrare butoane pe mijloc
» Problema butoane de tip share
» Care este codul de la aceste butoane de share
» Centrare continut
» Scoatere bara şi centrare butoane pe mijloc
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum