Topic: Iconos sociales fixed

July 29, 2011 - 04:34 16:34

Iconos sociales fixed
Vista previa:

Vista previa online: http://ifirex.es/index.php

Index.template.php (Themes/tutheme)
Buscar:

	// Show the menu here, according to the menu sub template.
	template_menu();

Agregar antes:

Code: [Select]

	// Show social icons fixed
	echo'
	     <div id="social_icons">
		          <a href="tu direccion de facebook" target="_blank"><div id="facebook"></div></a>
			  <a href="tu direccion de twitter" target="_blank"><div id="twitter"></div></a>
			  <a href="tu canal de youtube" target="_blank"><div id="youtube"></div></a>
			  <a href="tu web/index.php?action=.xml;type=rss" target="_blank"><div id="rss"></div></a>
		 </div>';

Solo deben cambiar lo siguiente: tu direccion de facebook, tu direccion de twitter, tu canal de youtube y tu web.

Index.css (Themes/tutheme/css)
Agregar al final:

Code: [Select]

#social_icons
{
    position: fixed;
	right: 5px;
	z-index: 1;
	bottom: 10px;
}
#facebook 
{
    background: url(../images/social/facebook_1.png);
	height: 48px;
	width: 48px;
}
#facebook:hover
{
    background: url(../images/social/facebook_2.png);
	height: 48px;
	width: 48px;
}
#twitter
{
    background: url(../images/social/twitter_1.png);
	height: 48px;
	width: 48px;
}
#twitter:hover
{
    background: url(../images/social/twitter_2.png);
	height: 48px;
	width: 48px;
}
#youtube
{
    background: url(../images/social/youtube_1.png);
	height: 48px;
	width: 48px;
}
#youtube:hover
{
    background: url(../images/social/youtube_2.png);
	height: 48px;
	width: 48px;
}
#rss
{
    background: url(../images/social/rss_1.png);
	height: 48px;
	width: 48px;
}
#rss:hover
{
    background: url(../images/social/rss_2.png);
	height: 48px;
	width: 48px;
}

OK, ahora el rar que esta adjunto, lo descomprimen y lo suben a la carpeta images de su theme.
Y listo, espero que les funcione.

**Reply #1** July 29, 2011 - 05:09 17:09

Lindo tuto! +1 dani!

**Reply #2** July 31, 2011 - 11:08 23:08

poes yo lo intente pero solo en el theme default me salio lo que abia que encontrar en el index

y no en el del theme dejo adjunto mi index por si ay que colocarlo en algun otro lado

**Reply #3** July 31, 2011 - 11:24 23:24

Quote from: Charlie on July 31, 2011 - 11:08 23:08

poes yo lo intente pero solo en el theme default me salio lo que abia que encontrar en el index

y no en el del theme dejo adjunto mi index por si ay que colocarlo en algun otro lado

Aver prueba con este.

**Reply #4** July 31, 2011 - 11:33 23:33

quedo perfecto ya estan puestos y gracias por tu respuestay solucion tan rapida

**Reply #5** September 16, 2011 - 01:05 13:05

Exelente TUTOOO! Lo ANdaba Buscando intente unos pero no funcionaron ye ste si funcionoo

Iconos sociales fixed