Titulo: Iconos sociales en fixed

JDaniel12

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:

Código: [Seleccionar]

	// 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="', $settings['forum_url'], '/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.

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

Código: [Seleccionar]

#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.

Neekiinh0

No lo he testeado ni nada pero es un buen aporte, muchas gracias

zutzu

Gracias por aportar

Ell_Juancee

Buen aporte lo pondre en mi foro!

Arkino

gracias por el aporte, yo tengo algo parecido pero mas sencillo pero esto tambien se ve muy rulz (:

SilverxD

no me funciono...uso rc5 theme funky fresh

kenet

Cita de: SilverxD en 18/08/2011 (01:44:30) am

no me funciono...uso rc5 theme funky fresh

adjunta tu index.template y index.css

AdrianMA

No se me ven los iconos D:

[Tutorial] Personalización sobre la edición del mensaje.	V8	06/11/2011 (02:34:23) pm
Información de usuario en horizontal	dazet	03/02/2012 (04:55:49) am
Tooltips al estilo Facebook	RAULVK	11/04/2011 (12:30:13) pm
[Tip] Notifaciones [jQuery jGrowl]	FreeStyle	14/03/2012 (07:48:38) pm
[Tutorial]no funciona Tooltips estilo facebook cuando tienes estadistica skinmod	FreeStyle	16/07/2011 (01:12:32) am
[Tutorial] Agregar botón "Agregar a favoritos" y "Gracias" en del primer tema.	LockerzMexico	04/02/2011 (08:14:36) pm

Titulo: Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Titulo: Re:Iconos sociales en fixed

Otros temas de su interes

SkinMod

Lenguajes utilizados

Enlaces Rapidos

Contacte con nosotros

Usuario:
Contraseña:
Sesión: