Boton flotante!

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:

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.

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:".

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

Iniciado por Kas_Limon

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.

y el boton

gracias

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

y el boton

saludos!

Aqui esta el botón

Iniciado por jjuuaannk

Aqui esta el botón

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

El Boton de FB:


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


Edit: Que foro mas raro Jjuuaannk.

Off Topic:

jajaja raro te parece ami me parece que muy modificado xD

Iniciado por jjuuaannk

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

Excelente aporte, ya me pondré a analizarlo

Luce muy elegante. Me agrada bastante

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!