Boton flotante!

  • Autor Autor Dezukez
  • Fecha de inicio Fecha de inicio
D

Dezukez

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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
 
seria un detalle por tu parte que compartieras la solución con todos pro si alguien mas lo necesita
 
exacto, seria una ayuda a la comunidad dar la solucion al problema asi a alguien mas le puede servir.
 
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. 😀

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:".
 
Re: (Solucionado) Boton flotante!

gracias Desukez, seguro que a mas de uno le resulta útil esta modificación ^_^
 
Re: (Solucionado) Boton flotante!

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

De nada, la verdad es que quedan muy buenas las solapas, asi que seguro que alguien lo usa. Un saludo che. 😉
 
Re: (Solucionado) Boton flotante!

y el boton :$

gracias
 
Re: (Solucionado) Boton flotante!

gracias ahora si, esto es util y se que a alguien le va a servir pero como dice jjuuaannk

saludos! 😛
 
Re: (Solucionado) Boton flotante!

Aqui esta el botón

😀

faceb.png
 
Re: (Solucionado) Boton flotante!

Aqui esta el botón

😀

faceb.png

Noooo!!! Que HDP jajajajajajaja ahi vi como te quedo en el foro. 😀😀😀

El Boton de FB:
Fb_Lnk.png


El boton de MagazinNes: (Para que lo quieren a este??? xD)
MagazinNES.png


Edit: Que foro mas raro Jjuuaannk.
 
Re: (Solucionado) Boton flotante!

Off Topic:

jajaja raro te parece ami me parece que muy modificado xD
 
Re: (Solucionado) Boton flotante!

Off Topic:

jajaja raro te parece ami me parece que muy modificado xD

Jajajaja claro, entre y no podia creer que era VB! xD (Ejem, no desvirtuemos mas que nos rajan. 😀)
 
Re: (Solucionado) Boton flotante!

Excelente aporte, ya me pondré a analizarlo ^^
 
Re: (Solucionado) Boton flotante!

Luce muy elegante. Me agrada bastante ^^
 
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!
 
que lindo, yo lo quiero.
 

Temas similares

Atrás
Arriba