Agregar botones Sociales en el footer

Hola a todos, en este tutorial les enseñare a como agregar botones sociales en el footer, este sera el resultado final :

Ahora vamos a nuestro index.template y buscamos lo siguiente :

Code: [Select]

<li class="copyright">Desing by <a href="http://www.completevb.com">Completevb.</a> Adapted by <a href="http://www.skinmod.eu">Skinmod.</a></li>
Despues agregamos :

Code: [Select]

<div class="bloque_social">
<a href="http://www.twitter.com/Mundo_Gamerz" title="Sígueme en Twitter" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/twitter.png"/></a>
<a href="http://www.facebook.com/" title="Sígueme en Facebook" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/facebook.png"/></a>
<a href="http://www.tuforo.com/index.php?type=rss;action=.xml" title="RSS" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/rss.png"/></a>
   </div>
ahora no quedara algo asi :

Code: [Select]

<li class="copyright">Desing by <a href="http://www.completevb.com">Completevb.</a> Adapted by <a href="http://www.skinmod.eu">Skinmod.</a></li>
<div class="bloque_social">
<a href="http://www.twitter.com/Mundo_Gamerz" title="Sígueme en Twitter" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/twitter.png"/></a>
<a href="http://www.facebook.com/" title="Sígueme en Facebook" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/facebook.png"/></a>
<a href="http://www.tuforo.com/index.php?type=rss;action=.xml" title="RSS" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/rss.png"/></a>
   </div>
</ul>';

Si tu theme es AnimatedArena nos vamos a nuestro index.css y agregamos al final :

Code: [Select]

.bloque_social
{
position: absolute;
top: 27px;
right: 297px;
z-index: 5000;
}
Si tu theme no es AnimatedArena, solo basta ajustar los px de Top y right, por ejemplo si quieres que esta mas arriba de 27px lo bajamos a 25px y asi hasta que quede deacuerdo asus necesidades.

Ahora solo falta subir las imagenes ala carpeta images

Para el Theme Default es asi :

Buscamos en el index.template.php :

Code: [Select]

<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
y agregamos despues :

Code: [Select]

<div class="bloque_social">
<a href="http://www.twitter.com/Mundo_Gamerz" title="Sígueme en Twitter" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/twitter.png"/></a>
<a href="http://www.facebook.com/" title="Sígueme en Facebook" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/facebook.png"/></a>
<a href="http://www.tuforo.com/index.php?type=rss;action=.xml" title="RSS" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/rss.png"/></a>
   </div>
Y como dije antes solo falta subir las imagenes ala carpeta images.

Esta modificacion queda bien en themes como AnimatedArena, FunkyFresh y similares. en otros themes puede que con los valores que tiene no quede bien.

de 10 segui asi Neili

Buen aporte niell!!

Hola a todos, en este tutorial les enseñare a como agregar botones sociales en el footer, este sera el resultado final :

Ahora vamos a nuestro index.template y buscamos lo siguiente :

Code: [Select]

<li class="copyright">Desing by <a href="http://www.completevb.com">Completevb.</a> Adapted by <a href="http://www.spam.eu">spam.</a></li>
Despues agregamos :

Code: [Select]

<div class="bloque_social">
<a href="http://www.twitter.com/Mundo_Gamerz" title="Sígueme en Twitter" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/twitter.png"/></a>
<a href="http://www.facebook.com/" title="Sígueme en Facebook" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/facebook.png"/></a>
<a href="http://www.tuforo.com/index.php?type=rss;action=.xml" title="RSS" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/rss.png"/></a>
   </div>
ahora no quedara algo asi :

Code: [Select]

<li class="copyright">Desing by <a href="http://www.completevb.com">Completevb.</a> Adapted by <a href="http://www.spam.eu">spam.</a></li>
<div class="bloque_social">
<a href="http://www.twitter.com/Mundo_Gamerz" title="Sígueme en Twitter" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/twitter.png"/></a>
<a href="http://www.facebook.com/" title="Sígueme en Facebook" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/facebook.png"/></a>
<a href="http://www.tuforo.com/index.php?type=rss;action=.xml" title="RSS" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/rss.png"/></a>
   </div>
</ul>';

Si tu theme es AnimatedArena nos vamos a nuestro index.css y agregamos al final :

Code: [Select]

.bloque_social
{
position: absolute;
top: 27px;
right: 297px;
z-index: 5000;
}
Si tu theme no es AnimatedArena, solo basta ajustar los px de Top y right, por ejemplo si quieres que esta mas arriba de 27px lo bajamos a 25px y asi hasta que quede deacuerdo asus necesidades.

Ahora solo falta subir las imagenes ala carpeta images

Para el Theme Default es asi :

Buscamos en el index.template.php :

Code: [Select]

<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
y agregamos despues :

Code: [Select]

<div class="bloque_social">
<a href="http://www.twitter.com/Mundo_Gamerz" title="Sígueme en Twitter" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/twitter.png"/></a>
<a href="http://www.facebook.com/" title="Sígueme en Facebook" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/facebook.png"/></a>
<a href="http://www.tuforo.com/index.php?type=rss;action=.xml" title="RSS" target="_blank"><img border="0" src="'. $settings['images_url']. '/botones_sociales/rss.png"/></a>
   </div>
Y como dije antes solo falta subir las imagenes ala carpeta images.

Esta modificacion queda bien en themes como AnimatedArena, FunkyFresh y similares. en otros themes puede que con los valores que tiene no quede bien.

Esto sirve para cualquier version?