• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Mod.Plantilla Iconos sociales encima de la navBar y debajo de las pestañas

lms

Administrador
Mensajes
7.743
Puntuación de reacciones
2.158
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Los habíamos puesto en la navbar pero cuando comienzan a haber muchas pestañas, ésta viene pequeña. Yo los he debido cambiar de sitio (con mi PC y mi pantalla todo perfecto, pero con la del curro que es más pequeña, fatal).

Crear plantilla social_buttons con éste contenido:
PHP:
<xen:edithint template="social_buttons.css" />

<a class="Tabs_lms facebooktab" target="_blank" href="http://www.facebook.com/apps/application.php?id=167923196562868"><img src="@imagePath/xenforo/social/facebook.png" width="16" height="16" alt="Compartir a Facebook" /></a><script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>
<a class="Tabs_lms twitterktab" target="_blank" href="http://twitter.com/#!/soylms/xenfacil"><img src="@imagePath/xenforo/social/twitter.png" width="16" height="16" alt="Compartir a Twitter" /></a>
<a class="Tabs_lms myspacektab" target="_blank" href="http://www.myspace.com/556176395"><img src="@imagePath/xenforo/social/myspace.png" width="16" height="16" alt="Compartir a MySpace" /></a>
<a class="Tabs_lms Tabs_lms stumbleuponktab" target="_blank" href="http://www.stumbleupon.com/"><img src="@imagePath/xenforo/social/stumbleupon.png" width="16" height="16" alt="Compartir a Stumble It" /></a>
<a class="Tabs_lms redditktab" target="_blank" href="http://reddit.com/submit" onclick="window.location = 'http://reddit.com/submit?url=' + encodeURIComponent(window.location); return false"><img src="@imagePath/xenforo/social/reddit.png" width="16" height="16" alt="Compartir a Reddit" border="0" /></a>
<a class="Tabs_lms deliciousktab" target="_blank" href="http://www.delicious.com/save" onclick="window.open('http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"><img src="@imagePath/xenforo/social/delicious.png" width="16" height="16" alt="Compartir en Delicious" /></a>
<!-- AddThis Button BEGIN -->
<a class="Tabs_lms morektab" target="_blank" href="http://www.addthis.com/bookmark.php?v=250&amp;username=soylms"><img src="@imagePath/xenforo/social/addthis_64.png" width="16" height="16" alt="Más..." /></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=soylms"></script>
<!-- AddThis Button END -->
Crear plantilla social_buttons.CSS con éste contenido:
PHP:
.Tabs_lms
{
	display: inline;
	position: relative;
	float: left;
}

.facebooktab a {
    background: transparent url(@imagePath/xenforo/social/facebook_icon.png) center center no-repeat;
     text-indent: -9999px;
}

.twitterktab a {
     background: transparent url(@imagePath/xenforo/social/twitter_icon.png) center center no-repeat;
     text-indent: -9999px;
}

.myspacektab a {
    background: transparent url(@imagePath/xenforo/social/myspace_icon.png) center center no-repeat;
     text-indent: -9999px;
}

.stumbleuponktab a {
     background: transparent url(@imagePath/xenforo/social/stumbleupon_icon.png) center center no-repeat;
     text-indent: -9999px;
}
.redditktab a {
    background: transparent url(@imagePath/xenforo/social/reddit_icon.png) center center no-repeat;
     text-indent: -9999px;
}

.deliciousktab a {
     background: transparent url(@imagePath/xenforo/social/delicious_icon.png) center center no-repeat;
     text-indent: -9999px;
}
.morektab a {
     background: transparent url(@imagePath/xenforo/social/addthis_64_icon.png) center center no-repeat;
     text-indent: -9999px;
}
Buscar en la plantilla PAGE_CONTAINER:
PHP:
<div id="content" class="{$contentTemplate}">
	<div class="pageWidth">

		<div class="pageContent">



			<!-- main content area -->
Cambiarlo por:
PHP:
<div id="content" class="{$contentTemplate}">
	<div class="pageWidth">

		<div class="pageContent">

			<div>

			<script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/apps/application.php?id=167923196562868&amp;v=wall" layout="button_count"></fb:like>


			<xen:include template="social_buttons" />
			</div>


			<!-- main content area -->
Guardar los cambios tras cada paso.

Imágenes: http://www.xenfacil.com/attachments/marcadoressociales-zip.88/
No olvides poner tus datos en los enlaces de los botones.

Salud2
 
Arriba