Boton flotante!

Dezukez Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Jun 2009
Mensajes
62
Esto es una ayuda pero no es sobre el manejo en si de Vb, es mas bien el manejo "web". Me explico, quiero poner uno o varios botones flotantes, ya que estamos rediseñando el sitio y va a ser algo como esto:

ds02.png

Que no es mas que CSS. Ahora bien... para poner eso mismo en Vb, que tengo que editar? Gracias de nuevo!!!

EDIT: Ya esta, lo solucione. xD
 

Carrega

Zeta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 Ago 2008
Mensajes
1.881
seria un detalle por tu parte que compartieras la solución con todos pro si alguien mas lo necesita
 

imported_Ryuk

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2009
Mensajes
1.138
exacto, seria una ayuda a la comunidad dar la solucion al problema asi a alguien mas le puede servir.
 

Dezukez

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Jun 2009
Mensajes
62
Che que flojo estuve con no ponerlo yo desde el principio, la verdad es que lo solucione y no se me ocurrio ponerlo, no de egoista sino de colgado... Pero no hay problemas, aca se los dejo. :D

Entramos al AdminCP ---> Estilos y Plantillas ---> Administrar Estilos ---> Editar Plantillas ---> Header

(Al agregar los botones en el Header, las solapas apareceran en TODAS las paginas, que era lo que yo queria lograr. Por si alguno anda buscando, en PHPBB es lo mismo solo que solo se ve en el Index.)

Agregamos al final para mantener el orden en la plantilla, el siguiente codigo:

<!-- FaceBook -->
<a class='fb_lnk' target="_blank" title="Hazte FAN de ******!" href=' URL_DE_LA_SOLAPA '><img src='images/Fb_Lnk.png'/ border="0"></a>
<!-- FaceBook -->
<!-- MagazinNes -->
<a class='mg_lnk' target="_blank" title="Lee el ultimo numero de MagazinNes On-Line!" href=' URL_DE_LA_SOLAPA '><img src='images/MagazinNES.png'/ border="0"></a>
<!-- MagazinNes -->

Ahora guardamos y vamos a:
AdminCP ---> Estilos y Plantillas ---> Administrar Estilos ---> Editar Plantillas ---> CSS Principal ---> Definición Adicional de CSS

Y al final agregamos este codigo:

.fb_lnk
{
display: scroll;
position: fixed;
bottom: 60%;
right: 0px;
}
.mg_lnk
{
display: scroll;
position: fixed;
bottom: 35%;
right: 0px;
}

Les deje mi ejemplo, que no es una sino dos solapas, el porcentaje del "bottom" es a gusto, recomiendo ponerlo asi y no con pixeles ya que segun los monitores se ve distinto.
Como dije, son dos imagenes. Para quienes quieran modificar los ".fb_lnk" y ".mg_lnk" simplemente asignan otro Class en el codigo (...class='fb_lnk'...), y eso mismo agregan en el CSS.
A mi gusto queda perfecto, les dejo una imagen para que vean como me quedo a mi.

vbhispano.png

Problemas de compatibilidad:
* Tanto en IE, Mozilla y Chrome anduvo perfecto.
* Los usuarios que utilicen IE6 van a ver los botones debajo del navbar.

Si quieren que las solapas aparezcan en la Izquierda, simplemente cambian el "right:" del codigo CSS por "left:".
 

Carrega

Zeta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 Ago 2008
Mensajes
1.881
Re: (Solucionado) Boton flotante!

gracias Desukez, seguro que a mas de uno le resulta útil esta modificación ^_^
 

jjuuaannk

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Sep 2007
Mensajes
953
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Re: (Solucionado) Boton flotante!

y el boton :$

gracias
 

jjuuaannk

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Sep 2007
Mensajes
953
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Re: (Solucionado) Boton flotante!

Aqui esta el botón

:D

faceb.png
 

jjuuaannk

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Sep 2007
Mensajes
953
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Re: (Solucionado) Boton flotante!

Off Topic:

jajaja raro te parece ami me parece que muy modificado xD
 

Tharos

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Dic 2007
Mensajes
1.029
Re: (Solucionado) Boton flotante!

Excelente aporte, ya me pondré a analizarlo ^^
 

Dezukez

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Jun 2009
Mensajes
62
Re: (Solucionado) Boton flotante!

De nada! Usen nomas, que esta para eso! ;) Si se fijan las solapas que puse estan normales, la que aporto Jjuuannk esta sacada de ese printscreen y se le notan los cortes y los nodos en las esquinas (Para los "detallistas" jeje). Un saludo!
 
Arriba