Cómo llamar imagen flotante con CSS en entradas HTML

Angar · 24 Abr 2014

Quisiera saber como llamar desde una entrada por html un codigo en CSS para poner una imagen pero que sea flotante y no afecte el texto o el contenido de la entrada.
Espero su ayuda, desde ya gracias.

nxovoix · 24 Abr 2014

Primero vas a tu editor de plantilla y antes de ]]></b:skin> poner los valores css par tu flotante por ejem:

Insertar CODE, HTML o PHP:

#imagenflotante{
position:fixed;
top:5px;
left:5px;
}

ahora al crear tu entrada vas a editar HTML creas un div con el id del Css, dentro desde div debe ir tu imagen, EJEM:

HTML:

<div id="imagenglotante"><img src="url-de-la-imagen"/></div>

ya tu vas poniendo los valores css a tu gusto, espero te ayude 🙂 Saludos :encouragement:

Angar · 24 Abr 2014

nxovoix dijo:
Primero vas a tu editor de plantilla y antes de ]=]=></b:skin> poner los valores css par tu flotante por ejem:

Insertar CODE, HTML o PHP:

#imagenflotante{ position:fixed; top:5px; left:5px; }

ahora al crear tu entrada vas a editar HTML creas un div con el id del Css, dentro desde div debe ir tu imagen, EJEM:

HTML:

<div id="imagenglotante"><img src="url-de-la-imagen"/></div>

ya tu vas poniendo los valores css a tu gusto, espero te ayude 🙂 Saludos :encouragement:

Muchas gracias por la ayuda, ya esta resuelto.

Cicklow · 24 Abr 2014

Angar dijo:
Hay alguna forma de hacer que la imagen no siga la pantalla?
Es decir que se quede pegado en un solo lugar, ya que cuando bajo la pagina la imagen me sigue.
Muchas gracias por la ayuda igualmente.

cambia fixed por absolute...

nxovoix · 24 Abr 2014

Si quieres que no te siga cambia:

position:fixed;

por

position:absolute;

aqui te dejo un manual que te servira: CSS - position

:encouragement:

Angar · 24 Abr 2014

Si ya lo habia hecho xD, por eso edite el mensaje anterior, gracias esta resuelto.

Cómo llamar imagen flotante con CSS en entradas HTML

Angar

nxovoix

Angar

Cicklow

nxovoix

Angar

Temas similares