Seleccionar idioma:
Favoritos - Donación - Portfolio - Descargas




* Iconos sociales en fixed
  Leído 1721 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
jul 30 2011


Iconos sociales fixed
Vista previa:

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

Index.template.php (Themes/tutheme)
Buscar:
Código: [Seleccionar]
// 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.

Intermedio / Experimentado
ConnectMundoV3

Mensajes: 20

ConnectMundo 

En línea

*
jul 30 2011


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



Mis Creaciones

AdkTeam +10

PalRingo: neekiinh0
Twitter: neekiinh0

Iniciando / Intermedio
#1

Mensajes: 1062

La comunidad Gamers Que esperabas ! 

En línea

*
ago 03 2011


Gracias por aportar

Experimentado
Skinmod Light v2
#2

Mensajes: 1161

Themes SMF 

En línea

*
ago 03 2011


Buen aporte lo pondre en mi foro!


Iniciando
Animated Arena RC5
#3

Mensajes: 12

Genius - Descargas Sin Limites 

En línea

*
ago 03 2011


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



In the beginner's mind there are many possibilities. In the expert's mind there are few.

Experimentado
#4

Mensajes: 307


En línea

*
ago 18 2011


no me funciono...uso rc5 theme funky fresh
#5

Mensajes: 3


En línea

*
ago 18 2011


no me funciono...uso rc5 theme funky fresh

adjunta tu index.template y index.css


Thomas Alva Edison dijo:

    "No fracasé, sólo descubrí 999 maneras de como no hacer una bombilla."


Experimentado
Andoidmod
#6

Mensajes: 844

Skinmod 

En línea

*
sep 13 2011


No se me ven los iconos D:

Intermedio
#7

Mensajes: 16


En línea




Otros temas de su interes




Usuario:
Contraseña:
Sesión: