Imagen/Icono al lado del nombre del blog

  • Avatar de Desconocido

    Hola,
    me gustaría saber como puedo agrear un icono fijo al lado de mi nombre del blog?
    Es posible con el tema «bueno»? Me gustaría que apareciera al lado de «Steg Coaching».
    Muchas gracias de antemano por el apoyo,
    Sabine

    El blog con el que necesito ayuda es (visible solo para usuarios conectados).

  • Avatar de Desconocido

    Poder se puede hacer, clic aqui para ver el ejemplo, pero el código depende de la imagen a poner y sobretodo, no funciona correctamente al redimensionar la ventana del navegador por lo que, en mi opinión, no es aconsejable en este caso.

    Otra opción sería poner una imagen personalizada y ocultar el texto de cabecera, podría quedar, más o menos, como en este ejemplo.

    Saludos.

  • Avatar de Desconocido

    Hola Jesus,

    muchas gracias por tu respuesta. La verdad es que no quiero cambiar las cabeceras, ya que tengo una foto diferente en cada pagina y no tenía pensado en mostrar el nombre del blog en ese lugar. Por esta razón, es verdad que me gustaría mosrar el imagen al lado del nombre, tal y como lo tienes en tu primer ejemplo.

    Me ha venido una pregunta muy importante en el momento cuando vi tus ejemplos. Cómo es posible que me puedes mostrar ejemplos tan reales si solamente yo puedo tener acceso a mi cuenta? Me ha parecido un poquito raro aunque te lo agradezco.

    Precisamente me gustaría poner ese mismo imagen al lado del nombre. Me puedes explicar porfa, cómo hay que hacerlo? Después puedo hacer algunas pruebas y si no funciona bien en diferentes ordenadores, lo puedo quitar otra vez.

    Gracias y saludos,
    Sabine

  • Avatar de Desconocido

    Me ha venido una pregunta muy importante en el momento cuando vi tus ejemplos. Cómo es posible que me puedes mostrar ejemplos tan reales si solamente yo puedo tener acceso a mi cuenta? Me ha parecido un poquito raro aunque te lo agradezco.

    Raro para nada y puedes estar tranquila que no he entrado en tu cuenta, solo le eche un vistazo al código fuente de la página, cosa que puede hacer cualquiera, en el tuyo o en el mio o en el que sea.

    ¿Cómo lo hice? En mi blog de pruebas cambie el tema a Bueno, le puse el nombre de tu blog y unas páginas con el mismo nombre y orden que las tuyas. Busque en el código fuente la imagen que tienes como favicon (creo que en wordpress le llaman blavatar) y que supuse que es la que quieres usar, la descargué, le quité el fondo blanco y la subí de nuevo a mi página de pruebas para ponerla con el código correspondiente.

    Para la imagen del segundo ejemplo, cree una del tamaño especificado en el tema (930 x 198 pixels) con el mismo color de fondo y utilice la fuente Impact, que si no es se le parece mucho al texto de cabecera del tema y le añadí la imagen que había descargado.

    En cuanto al código, arrastrar un widget de texto a la barra lateral y escribes algo como esto:
    <div align="center" style="position:absolute;width:100%;top:100px;right:500px;"><img src="ruta--a--la-imagen" /></div>

    Teniendo en cuenta que tendrás que cambiar las diferentes medidas en función de la imagen. También te comento que las pruebas las hice en un PC, con una resolución de pantalla determinada y hoy, con otro PC y otra resolución (mayor), no se ve igual.

    Saludos y suerte.

    Chus.

  • Avatar de Desconocido

    Muchas gracis por tu apoyo Jesus. De momento la unica manera que me ha funcionado para ponerlo es ponerlo es en la barra lateral.

  • Avatar de Desconocido
  • El debate ‘Imagen/Icono al lado del nombre del blog’ está cerrado y no admite más respuestas.