Themes y Diseño

Foro WordPress » WordPress » Themes y Diseño

Colocar Logo en barra de la izquierda (11 mensajes)

Acerca de este hilo

Tags

Etiquetas:

  1. yomecomunico

    3.0
    Antiguedad: Jul 2010
    Mensajes: 34

    offline

    Publicado hace 9 meses
    #

    Hola a tod@s,
    Estoy haciendo un blog de música: http://www.movimientocadera.com/ La chica que me ayudaba se ha ido de viaje y no tiene tiempo para seguir ayudándome, así que me he armado de valor y voy a intentar acabar lo que me queda.

    Me gustaría color el logo, que tengo en la parte izquierda de mi sidebar, justo donde hay un cuadrado rosa. El logo es estehttp://www.facebook.com/MovimientoCadera . Sabéis como tendría que hacerlo

    mil gracias

  2. LGrusin

    Moderador
    Antiguedad: Feb 2011
    Mensajes: 1.801

    offline

    Publicado hace 9 meses
    #

    Pues han modificado el theme y tienes los códigos para el logo diferentes en los archivos, single.php, index.php y archive.php. El código debe ser el mismo para todos esos archivos.

    Pon el mismo que tienes en archive.php quitanto eso de <p>MC</p>

    Después en style.css sustituye:

    #logo {
    width: 50px;
    padding: 0px 5px 0px 0px;
    float: none;
    background: #FF3366;
    }

    por:

    #logo a {
    display:block;
    width: 180px;
    height: 180px;
    background: #FF3366 url(images/logo.jpg);
    }

    Copias esa imagen que quieres para el logo y la subes por FTP a la carpeta images de tu theme.

    La imagen la he llamado logo.jpg pero le puedes poner el nombre que quieras cambiando el código.

    Saludos

  3. Max Lopez

    3.0
    Antiguedad: Ago 2011
    Mensajes: 30

    offline

    Publicado hace 9 meses
    #

    Hola yomecomunico, lo que debes hacer es reeplazar la etiqueta h1 que está dentro del div con id logo por la imagen de tu logo.
    Este es el Código:

    < div id="logo" >
    <img src="http://profile.ak.fbcdn.net/hprofile-ak-ash2/203586_151741511514448_3558939_n.jpg" alt="Mi Logo" />
    < /div >

    Como puedes ver he reemplazado el <h1></h1> por la imagen del Logo. La url de la imagen la he sacado del enlace de fecebook que dejaste, pero puedes subirla a tu sitio y cambiar la url.

  4. yomecomunico

    3.0
    Antiguedad: Jul 2010
    Mensajes: 34

    offline

    Publicado hace 9 meses
    #

    mil gracias a los 2!! Me pongo hoy mismo y os cuento los resultados.
    Saludos!!

  5. LGrusin

    Moderador
    Antiguedad: Feb 2011
    Mensajes: 1.801

    offline

    Publicado hace 9 meses
    #

    Max Lopez pensé lo mismo que tú pero después me di cuenta de que tiene distintos códigos en los archivos que dije antes. Uno está con H1 otro con H3 y otro con las letras MC si no recuerdo mal.

    Si haces eso que dices sólo mostrará el Logo (sin enlace al sitio) en la página principal. No se verá ni en las categorías ni en los artículos.

    Revisa todo eso yomecomunico

    Saludos

  6. yomecomunico

    3.0
    Antiguedad: Jul 2010
    Mensajes: 34

    offline

    Publicado hace 9 meses
    #

    Hola chicos!! Ya he colocado el logo: http://www.movimientocadera.com/ Muchas gracias a los dos. Lo que pasa es que ahora la plantilla se ha ido hacia abajo. ¿Habría algún modo de subir el logo más arriba? Así como la parte gris de la plantilla que se ha ido hacía abajo. Mil gracias

  7. Max Lopez

    3.0
    Antiguedad: Ago 2011
    Mensajes: 30

    offline

    Publicado hace 9 meses
    #

    En tu style.css busca esto

    #feature {
      background: #FFFFFF;
      float: left;
      padding: 80px 70px 40px 40px;
      position: absolute;
      width: 210px;
    }

    y reeplazalo por esto:

    #feature {
      background: #FFFFFF;
      float: left;
      padding: 20px 70px 40px 40px;
      position: absolute;
      width: 210px;
    }

    Busca Esto:

    background: #F2F2F2;
    float: left;
    margin-left: 320px;
    padding: 85px 0 24px 16px;
    position: relative;
    width: 624px;

    y Reemplazalo por esto:

    background: #F2F2F2;
    float: left;
    margin-left: 320px;
    padding: 60px 0 24px 16px;
    position: relative;
    width: 624px;

    Busca esto:

    #sidebar {
      position: absolute;
      right: 16px;
      top: 35px;
      width: 624px;
      z-index: 90;
    }


    y reemplazalo por:

    #sidebar {
      position: absolute;
      right: 16px;
      top: 15px;
      width: 624px;
      z-index: 90;
    }

  8. yomecomunico

    3.0
    Antiguedad: Jul 2010
    Mensajes: 34

    offline

    Publicado hace 9 meses
    #

    Gracias!! este fin de semana prueba y te cuento novedades. Mil gracias por ayudarme con esto de verdad.
    saludos

  9. yomecomunico

    3.0
    Antiguedad: Jul 2010
    Mensajes: 34

    offline

    Publicado hace 8 meses
    #

    Hola!! He conseguido subir el logo más arriba gracias! cambiando el tamaño de feature, el segundo cambio no lo he realizado porque el menú se iba hacia abajo y se comía parte de los posts. Al final ha quedado así: http://www.movimientocadera.com/.
    Luego el logo, no aparece en otras dos páginas del blog: http://www.movimientocadera.com/contacto/ y http://www.movimientocadera.com/quienes-somos/¿Sabéis porque? Debería colocar el texto de las páginas en alguna otra parte del editor.
    MIL GRACIAS!!!

  10. LGrusin

    Moderador
    Antiguedad: Feb 2011
    Mensajes: 1.801

    offline

    Publicado hace 8 meses
    #

    Tal como te dije antes:

    Pues han modificado el theme y tienes los códigos para el logo diferentes en los archivos, single.php, index.php y archive.php. El código debe ser el mismo para todos esos archivos...

    Mira en el archivo page.php como está ese logo y ponlo igual que en los demás.

    Saludos

  11. yomecomunico

    3.0
    Antiguedad: Jul 2010
    Mensajes: 34

    offline

    Publicado hace 8 meses
    #

    Solo quería daros las gracias a los 2 por ayudarme. Ya he colocado el logo en todas las páginas ,así que en breves lanzaré el blog. Espero que os guste!!!
    Un saludo

Responder

Debes Identificarte para publicar.

Foro WordPress » WordPress » Themes y Diseño