• ¡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 en "Comparte esta página" en el pié.

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
En la parte inferior de la mayoría de las páginas está la barra "Comparte esta página" con enlaces a Twitter y FaceBook con un gran sitio a la derecha. He añadido algunos botones a sitios sociales que solo precisan de alguna modificaciones de plantilla. Se usan las ventanas emergentes de ayuda de XenForo.

Crea una plantilla y llámala social_icons y ponle este código:
PHP:
[PLAIN]<div style="float: right;">
<ul class="socialicons">
<li title="Find us on Facebook" class="Tooltip"><a href="http://www.facebook.com/xxxxxxxxxxxxx" target="_blank"><img src="@imagePath/social/24px/facebook.png" border="0" width="24" height="24"></a></li>
<li title="Follow us on Twitter" class="Tooltip"><a href="http://www.twitter.com/xxxxxxxxxxx" target="_blank"><img src="@imagePath/social/24px/twitter-2.png" border="0" width="24" height="24"></a></li>
<li title="Subscribe to us on YouTube" class="Tooltip"><a href="http://www.youtube.com/user/xxxxxxxx" target="_blank"><img src="@imagePath/social/24px/youtube.png" border="0" width="24" height="24"></a></li>
</ul>
</div>[/PLAIN]
Edita para colocar tu información de sitios y añadir los que precises.

Los iconos los puedes obtener de http://icondock.com/free/vector-social-media-icons

Sube los iconos que quieras usar y ajusta la plantilla para que las etiquetas de imagen apunten a ellos. Si no quieres cambiar la plantilla, yo los he puesto en el directorio /styles/default/social/24px/pero puedes colocarlos donde quieras.

Abre la plantilla EXTRA.css de esto al final:
PHP:
.socialicons li {
float: left;
}
.socialicons img {
height: 24px;
width: 24px;
margin-right:5px;
}
Abre la plantilla share_page y busca:
PHP:
        <h3 class="textHeading larger">{xen:phrase share_this_page}</h3>
Añade justo debajo:
PHP:
<xen:include template="social_icons" />
Autor: Mutt
Página: http://xenforo.com/community/threads/social-site-icons-in-footer-share-this-page.12889/
Demo: aquí, en xenfacil.com

Salud2
 
Arriba