Plugin para caja flotante de Texto en la página

rikrdomat · 31 Oct 2016

Hola un saludo,
Por favor si alguien me puede ayudar necesito un Plugin de una caja flotante de Texto que se mantenga en la pagina mientras me voy desplazando, tal cual como pueden ver aqui en esta página en la parte superior derecha donde sale "Llamanos Ahora" en azul y los numeros de telefono aquí: COCINAS INTEGRALES Y COCINAS MODERNAS EN BOGOTA

Algun plugin o algo para poner una caja de texto asi.

Muchas gracias.

juanmanuelarze · 31 Oct 2016

No necesitas un plugin, te armo un simple ejemplo.

//HTML

<div id="caja-flotante"></div>

//CSS

#caja-flotante{
width:100px;
height:100px;
position:fixed;
top:20px;
right:20px;
background-color:red;
}

Dentro de ese div arma lo que quieras, con los estilos que queiras.
Lo que hace que el div se mantenga en esa posición ( los valores de las propiedades top/right ) incluso al hacer scroll, es la propiedad "position: fixed".
Saludos.

rikrdomat · 31 Oct 2016

Gracias por responder!
Soy nuevo en wordpress, donde coloco este HTML arriba de body?
Me meto en el editor y lo coloco alli? Gracias!

juanmanuelarze dijo:
No necesitas un plugin, te armo un simple ejemplo.

//HTML

<div id="caja-flotante"></div>

//CSS

#caja-flotante{
width:100px;
height:100px;
position:fixed;
top:20px;
right:20px;
background-color:red;
}

Dentro de ese div arma lo que quieras, con los estilos que queiras.
Lo que hace que el div se mantenga en esa posición ( los valores de las propiedades top/right ) incluso al hacer scroll, es la propiedad "position: fixed".
Saludos.

juanmanuelarze · 31 Oct 2016

El html podes ponerlo en varios lados, yo te recomendaria que lo agregues al codigo de la pagina donde queres que aparezca este elemento, tambien podes agregarlo dentro del body ( no arriba ) en el editor, en el caso que quieras que este elemento aparezca en todas las paginas, si, agregalo dentro del body en el editor, te quedaria asi.

<body>

<div id="caja-flotante"></div>

...

</body>

rikrdomat dijo:
Gracias por responder!
Soy nuevo en wordpress, donde coloco este HTML arriba de body?
Me meto en el editor y lo coloco alli? Gracias!

rikrdomat · 31 Oct 2016

Lo pegue con el CSS Editor pero no me aparece en la pagina, que debo hacer para que aparezca? No sale nada.

juanmanuelarze dijo:
No necesitas un plugin, te armo un simple ejemplo.

//HTML

<div id="caja-flotante"></div>

//CSS

#caja-flotante{
width:100px;
height:100px;
position:fixed;
top:20px;
right:20px;
background-color:red;
}

Dentro de ese div arma lo que quieras, con los estilos que queiras.
Lo que hace que el div se mantenga en esa posición ( los valores de las propiedades top/right ) incluso al hacer scroll, es la propiedad "position: fixed".
Saludos.

juanmanuelarze · 31 Oct 2016

Eso es para el css, no sirve que pongas el html ahi 🙂. Te recomiendo el plugin Custom Css

rikrdomat dijo:
Lo pegue con el CSS Editor pero no me aparece en la pagina, que debo hacer para que aparezca? No sale nada.

rikrdomat · 31 Oct 2016

Perdon, quise decir con el custom css ese fue el que utilicé, lo pegue ahi pero igual no me aparece.

juanmanuelarze dijo:
Eso es para el css, no sirve que pongas el html ahi 🙂. Te recomiendo el plugin Custom Css

juanmanuelarze · 31 Oct 2016

Y el html donde lo pusiste? agregale al css la propiedad z-index:9999, puede que sea eso.
Te quedaria asi:

#caja-flotante{
width:100px;
height:100px;
position:fixed;
top:20px;
right:20px;
background-color:red;
z-index:9999;
}

rikrdomat dijo:
Perdon, quise decir con el custom css ese fue el que utilicé, lo pegue ahi pero igual no me aparece.

rikrdomat · 31 Oct 2016

El Html no lo puse en ningun lado, debo ponerlos los dos? osea el html y el css?
Ya agregue el z-index:9999 y aun no se ve.
Solo puse el css con el custom css.

Donde pongo el html?

Esta es la pagina, no sera que mi plantilla no permite que se vea?: Pagina Inicial Â» Muebles Modulares P&P

juanmanuelarze dijo:
Y el html donde lo pusiste? agregale al css la propiedad z-index:9999, puede que sea eso.
Te quedaria asi:

#caja-flotante{
width:100px;
height:100px;
position:fixed;
top:20px;
right:20px;
background-color:red;
z-index:9999;
}

juanmanuelarze · 1 Nov 2016

No chabon, si no pones el html el elemento no existe, ponelo donde te habia dicho.

rikrdomat dijo:
El Html no lo puse en ningun lado, debo ponerlos los dos? osea el html y el css?
Ya agregue el z-index:9999 y aun no se ve.
Solo puse el css con el custom css.

Donde pongo el html?

Esta es la pagina, no sera que mi plantilla no permite que se vea?: Pagina Inicial Â» Muebles Modulares P&P

rikrdomat · 1 Nov 2016

Ok ok entiendo, mi unica duda es donde poner el html porque en el editor me sale son puros estilos css mas no html.
la verdad soy nuevo en el wordpress por eso no se. Solo necesito saber donde encontar la plantilla en html porque quiero que aparezca en todas las paginas.
Gracias.

juanmanuelarze dijo:
No chabon, si no pones el html el elemento no existe, ponelo donde te habia dicho.

juanmanuelarze · 1 Nov 2016

El html podes ponerlo en varios lados, yo te recomendaria que lo agregues al codigo de la pagina donde queres que aparezca este elemento, tambien podes agregarlo dentro del body ( no arriba ) en el editor, en el caso que quieras que este elemento aparezca en todas las paginas, si, agregalo dentro del body.

rikrdomat dijo:
Ok ok entiendo, mi unica duda es donde poner el html porque en el editor me sale son puros estilos css mas no html.
la verdad soy nuevo en el wordpress por eso no se. Solo necesito saber donde encontar la plantilla en html porque quiero que aparezca en todas las paginas.
Gracias.

Plugin para caja flotante de Texto en la página

rikrdomat

juanmanuelarze

rikrdomat

juanmanuelarze

rikrdomat

juanmanuelarze

rikrdomat

juanmanuelarze

rikrdomat

juanmanuelarze

rikrdomat

juanmanuelarze

Temas similares