lms
Administrador
- Mensajes
- 7.741
- Puntuación de reacciones
- 2.163
- Puntos
- 2.613
- Sitio web
- xenfacil.com
- Versión de XenForo
- 2.1.x
- 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:
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:
Abre la plantilla share_page y busca:
Añade justo debajo:
Autor: Mutt
Página: http://xenforo.com/community/threads/social-site-icons-in-footer-share-this-page.12889/
Demo: aquí, en xenfacil.com
Salud2
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]
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>
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