Additional images in header (right justified with links)

Viewing 15 posts - 1 through 15 (of 17 total)
  • #4040
    sagacious
    Participant

    I would like to add right justified images in line with the logo that have (social media) links. Here’s an illustration – http://i39.tinypic.com/2a0kyz5.png

    How would I do this?

    #4361
    jgavilan84
    Participant

    If you want just what I have on mine: http://www.vintam.com you have to do bellow:

    En cabecera (header.php)

    Justo debajo de ponemos lo siguiente:


    Luego en Hoja de estilos (style.css)

    Al final del todo, añado lo siguiente:

    .social_icon
    {
    position: absolute;
    top: 57px; (ESTE VALOR LO PUEDES MODIFICAR A TU GUSTO PARA COLOCARLO EN OTRO LOUGAR)
    right: 250PX; (ESTE VALOR LO PUEDES MODIFICAR A TU GUSTO PARA COLOCARLO EN OTRO LOUGAR)
    }

    Y listo, espero que te sirva

    #4466
    consello
    Participant

    Hola estoy interesado en este tema, cuando dices que hay que poner en la cabecera no se ve el texto, no hay que poner nada o es que no se ve en el post?
    Gracias

    #4467
    jgavilan84
    Participant

    Parace que no se ven los codigos así que te lo pongo de este forma.

    En cabecera (header.php)

    Justo debajo de ponemos lo siguiente:

    http://pastebin.com/uy2MjdCz

    Luego en Hoja de estilos (style.css)

    Al final del todo, añado lo siguiente:

    http://pastebin.com/fc6B8mHT

    Espero que te sirva.

    Un saludo

    #4521
    Hair
    Participant

    Hello jgavilan84, I wanted to follow what you did with your header but… can you translate your instructions to English please? Thanks.

    #4522
    jgavilan84
    Participant

    Of course my friend.

    In the header.php you have to add the following code:

    http://pastebin.com/PAeEXgdm

    Once done you just have to edit the style.css in order to add bellow:

    http://pastebin.com/fc6B8mHT

    I hope everything is clear. If not, don’t doubt to ask.

    Bye

    #4523
    Hair
    Participant

    @jgavilan84
    Cool! Thank you very much. Now one last thing… I also want to have an image as my header but my image is 1600×130 which is way bigger than the standard 940×100. How can I modify the settings?

    #4524
    jgavilan84
    Participant

    The idea of this code really is to link little icons. I couldn’t imagine why you want to have an image so big.

    Anyway the maximum allowed picture can be changed at the media settings.

    Greetings

    • This reply was modified 12 years ago by jgavilan84.
    #4530
    Hair
    Participant

    @jgavilan84
    Yeah, well I just want to have it a bit different 🙂

    #4531
    Hair
    Participant

    @jgavilan84
    BTW, my mistake. I was not talking about the settings, what I meant was, how can I insert the header image into style.css. Also, I made the image a bit smaller now – 1100×130

    Which part of style.css should I modify? Thanks a lot for your patience. I’m not really into coding, I’m more of an Art Director.

    #4532
    Hair
    Participant

    Ok, now what I did is… I included the header image into the background which I kinda like it. I turned off the display texts option in the appearance > header. But the title text is still showing. How can I get rid of this? I want to retain the link to homepage though. Here’s the site – http://www.southcountrygarden.com
    Thanks again.

    • This reply was modified 12 years ago by Hair.
    #4535
    jgavilan84
    Participant

    Well, I have to recognize that I’m neither into code, hahahaha. I’m always finding out…

    I have been seeing your website. It looks really well from my point of view and I ask bellow:

    Firstly: I have your problem as well, I mean. I tourned off the display texts and it was still showed, however I try again in the same page, click on save once after once and it worked.

    On the other hand, when people like you or me that we are not really into code … we have to be practical. I imagine you want to conserve your main logo with a link to home. Therefore In my opinion you should use the header allowed by the theme what is almost the same in proportions…. and you also should try to save again the option to hide text and finally…. use this in the header.php to make the logo a link:

    http://pastebin.com/8Q7kNVWh

    Good luck my friend

    #4540
    Hair
    Participant

    Thank you very much @jgavilan84, that was a cool one!

    #4545
    consello
    Participant

    Muchas gracias por el aporte, funciona perfecto

    #4546
    jgavilan84
    Participant

    You’re welcome @Hair

    Me alegro que te funcione @consello

Viewing 15 posts - 1 through 15 (of 17 total)

Tagged: ,

You must be logged in to reply to this topic.