Logo in header in plaats van blogname

  • Opgelost MLou1987

    (@mlou1987)


    13 jaren, 7 maanden geleden

    Wie kan mij helpen? Ik wil graag mijn logo in de header van mijn website in plaats van de blognaam. Ik heb de code al geprobeerd aan te passen maar het werkt nog niet..

    De code (in de header.php) ziet er nu als volgt uit:

    <div id=”header”>
    <div id=”logo”>/”><img src=”image/logo.png”> <p class=”description”><?php bloginfo(‘description’); ?></p></div>
    <?php
    $ad_header_468_60 = obwp_get_meta(SHORTNAME.”_ad_header_468_60″);
    if(!empty($ad_header_468_60))
    {
    echo ‘<div class=”banner”>’.$ad_header_468_60.'</div>’;
    }
    ?>
    </div>

    En de stylesheet heb ik ook iets aangepast:

    #header #logo{
    float:left;
    padding:10px 0 0 27px;
    background:url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/logo.jpg”)
    }
    #header #logo a{
    color:#000;
    font-size:46px;
    text-transform:uppercase;
    letter-spacing:-2px;
    font-family:Georgia, “Times New Roman”, Times, serif;
    background:url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/logo.jpg”)

    }

    Maar blijkbaar dus nog niet goed! Help!

    PS: de website is: http://www.followfashion.nl

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • kortschot

    (@kortschot)

    13 jaren, 7 maanden geleden

    Je kan in de stylesheet niet <?php bloginfo('stylesheet_directory'); ?> gebruiken.

    Laad je logo in de header.php met een html image link bijvoorbeeld:

    <a href="<?php echo get_option('home'); ?>/" id="logo"><img src="<?php bloginfo('template_url'); ?>/images/logo.png"></a>

    vervolgens kan je indien nodig de id=logo eventueel stylen in de css middels:
    #logo { }

    Thread starter MLou1987

    (@mlou1987)

    13 jaren, 7 maanden geleden

    Thanks! Het logo staat erin.
    Hij is alleen nu niet mooi uitgelijnd. Ik wil hem laten lijnen met de ‘F’ van Featured en daarnaast moet ie een paar tikjes naar boven zodat ie zweeft en niet op de lijn staat. Kun je me hier ook mee helpen?

    valandil

    (@valandil)

    13 jaren, 7 maanden geleden

    #logo { margin: -20px 0px 20px -10px }

    Nietd netste manier van css maar zo gaat hij iets naar boven en naar links.

    ditz te je in je stylsheet.css 😉

    Volgorde van de margin: boven rechts onder links.

    Dus boven -20 (omhoogtrekken) rehcts 0px onder 20px links -10px(naar links trekken).

    Hoort eigenlijk niet met een min maar anders moet je het in je hete stylsheet opzoeken 🙂

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Logo in header in plaats van blogname’ is gesloten voor nieuwe reacties.