Ayuda para agregar un botón Rss en mi header

G

Guillermo

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 4 Jul 2009

• #1

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

1

Eta

Programador

Suscripción a IA

• 5 Jul 2009

• #2

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.

 

A

alejandrocq

Gamma

Redactor

• 5 Jul 2009

• #3

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>

Hacer clic para expandir...

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.

 

Última edición: 5 Jul 2009

C

Camilo Sánchez

Dseda

Redactor

• 5 Jul 2009

• #4

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

 

A

alejandrocq

Gamma

Redactor

• 5 Jul 2009

• #5

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

Eta

Verificación en dos pasos activada

Verificado por Whatsapp

Verificado por Binance

• 7 Jul 2009

• #6

Yo le compraré el .org a Guille 😀 Espero que lo aprobeche.

 

G

Guillermo

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 7 Jul 2009

• #7

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

1

Eta

Programador

Suscripción a IA

• 8 Jul 2009

• #8

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.

 

G

Guillermo

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Jul 2009

• #9

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 😀

 

A

aldols

Gamma

Redactor

• 8 Jul 2009

• #10

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.

 

G

Guillermo

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Jul 2009

• #11

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!

 

Última edición: 8 Jul 2009