Ondersteuning » Thema en CSS/opmaak » Logo in header.php

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • de header.php aanpassen van je template. Als je de header codes er even bijzet, maakt het gemakkelijker aan te wijzen wat er weg moet en/of bij moet.

    groet

    Thread starter burobraaf

    (@burobraaf)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title>
    <?php
          if ( is_front_page() || is_home() ) {
    	echo bloginfo('description');
    } elseif ( is_single() || is_page() ) {
    	echo wp_title('');
    } elseif (is_404()) {
    	echo '404 Not Found';
    } elseif (is_category()) {
    	echo 'Category:'; wp_title('');
    } elseif (is_search()) {
    	echo 'Search Results: '; the_search_query();
    } elseif ( is_day() || is_month() || is_year() ) {
    	echo 'Archives:'; wp_title('');
    } else {
    	echo wp_title(''); } ?>
         &raquo; <?php bloginfo('name'); ?>
    </title>
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    <?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    <div id="page">
    
        <div id="header">
            <a href="http://www.angelinevanderwal.nl"><a href="images/artistiek_logo.png"</a>
    
            <ul id="nav"><?php wp_list_pages('title_li=&depth=1'); ?></ul>
    
            <?php get_search_form(); ?>
        </div>

    *op lijn 37 zie dus staan waar het logo staat en waar hij naartoe moet linken. Maar als ik nu naar de pagina’s kijk staat die ook hoger in de header. Kijk maar even op de website : http://www.angelinevanderwal.nl

    Thread starter burobraaf

    (@burobraaf)

    Heb het logo er nu instaan. Maar nu staat m’n page nav nogal raar. die staan eronder in plaats van ernaast. En de searchform precies hetzelfde..

    <div id="header">
            <a href="http://www.angelinevanderwal.nl"><a href="images/artistiek_logo.png"</a>
            <ul id="nav"><?php wp_list_pages('title_li=&depth=1'); ?></ul>
            <?php get_search_form(); ?>
        </div>

    Als je dat aanpast naar:

    <div id="header">
            <a href="/"><img src="images/artistiek_logo.png" alt="Angelique van der Wal" class="headerlogo" /></a>
            <ul id="nav"><?php wp_list_pages('title_li=&depth=1'); ?></ul>
            <?php get_search_form(); ?>
        </div>

    En dan in style.css van thema fifty-fifth-street de volgende regel erbij zet:
    .headerlogo {float:left; margin-right: 40px;}
    Dan zouden het menu en de search rechts naast het logo moeten komen.

    Thread starter burobraaf

    (@burobraaf)

    Nu zweeft het menu naast het logo.
    Het staat niet gelijk met de onderkant van het logo. Hoe kan dat?

    Omdat je het menu nog niet hebt gepositioneerd met css?

    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!

    Heb je al clear:both; bij de css van je logo gezet.

    No floating elements allowed on either the left or the right side

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