Ayuda para agregar un botón Rss en mi header

Guillermo · 4 Jul 2009

Hola a todos! ;D quisiera que me ayuden en un diseño que quiero hacer en mi blog, les explico. Quiero poner una imagen en la esquina de mi header, la imagen sería un redondo celeste y que adentro diga Rss para mi feed, la imagen ya la tengo, aqui les muestro:

Enlace eliminado

Y aquí les mostraré como quisiera que quede:

Enlace eliminado

Quiero que la parte donde dice "Rss" enlace a mi feed "http://feeds2.feedburner.com/Internedianos"

Le agradecere muchisimo a todos los que me ayuden! ;D

Saludos.. y gracias ya de antemano..:itsme::itsme:

danielmd · 5 Jul 2009

Métete a la hoja de estilos y coloca lo siguiente

RSS
{
position: fixed;
top: 0;
right: 0;
display: block;
height: 120px;
width: 120px;
}

una ves que hagas eso edita el header de tu blog y donde esta el logo coloca otro div con el ID de RSS
<div id=RSS> <a href=link><img src=lalala.jpg></a></div>

En el css ajustas los valores hasta que vaya quedando donde quieras.

bueno, espero darme a entender que estoy casi dormido ahorita :S
espero te sirva.

alejandrocq · 5 Jul 2009

Hola guillermo

Bueno, para enlazar la imagen RSS al feed tendría que quedar aparte, ya que sino toda la header enlazaría al feed.

Podrías usar el código lowsrc con img (si sabes HTML) y enlazar el lowsrc con el feed, quedando la imagen rss superpuesta a la header, aunque te digo que este código está en experimentación y no funciona con todos los navegadores, no se si te funcionará.

Quedaría así:

<a href="Enlace a tu blog"><img src="Dirección de la imagen de la header" </a> <a href="Enlace al feed"><img lowsrc="Enlace a la imagen RSS"> </a>

Creo que sería algo así, y debería funcionar, pero el problema está en la ubicación de la imagen, para colocarla en esa esquina.

Pruebalo en todo caso y ya me dices algo.

Un saludo

EDITO: El post de daniel parece más aceptable en todo caso.

Camilo Sánchez · 5 Jul 2009

Hola Guillermo, por que no te compras Enlace eliminado o Enlace eliminado

Me gusta el contenido de tu blog. Cualquier cosa hacemos una "vaquita" entre todos y te compramos el dominio asi dejes el crix.us de Cristhian....

Suerte!.

alejandrocq · 5 Jul 2009

Yo le recomiendo co.cc, son buenos dominios gratuitos guillermo.

Al igual que yo (tengo tu misma edad) quizá no puedas adquirir un dominio, pero te viene bien esto de co.cc

Un saludo

Cristhian · 7 Jul 2009

Yo le compraré el .org a Guille

Espero que lo aprobeche.

Guillermo · 7 Jul 2009

Hola! gracias Cristhian!

Me sirvio sus comentarios, pero tengo un problema al agregarlo en header.php la imagen sale incrustada en el medio del header y no se como lo voy a poner en la esquina..

Gracias nuevamente, espero que me respondan pronto

Saludos!..

danielmd · 8 Jul 2009

mételo dentro del div del logo en otro div, algo así:

PHP:

<div id=logo>
<img src=logo.png>

[B]<div id=rss><a href=link><img src=lalala.jpg></a></div>[/B]

</div>

esto en el CSS
rss
{
position: fixed;
top: 0px;
right: 0px;
display: block;
height: 120px;
width: 120px;
}

Modifica el top para que se vaya mas abajo dentro del div del logo, y mueve los valores de right para hacerlo mas a la izquierda y lo acomodas donde tu quieras 1,2,3,4...100 px etc.

Guillermo · 8 Jul 2009

Hola! Bueno ya coloque y quedo muy bien a la esquina.. Pero hay un problema al bajar la página la imagen del rss baja a medida que bajas la página! No entiendo como puede pasar eso dejaré así mismo para que lo veas..

Saludos y espero una respuesta pronto

aldols · 8 Jul 2009

solo cambia el valor a:

Insertar CODE, HTML o PHP:

position:fixed;

ademas agrega al css

Insertar CODE, HTML o PHP:

border: none;

para que no se vea ningun bordo en la imagen.

Guillermo · 8 Jul 2009

Ya esta asi mismo solo que el borde lo agrego ahora, pero la imagen igual sigue bajando con la página ! :S :S :S

Espero una respuesta pronta

Saludos

Por fin!!! Lo logre hacer!! Gracias a todos por sus ayudas ya que me sirvieron mucho!!

Saludos y hasta luego!