Afbeelding met link in header

  • marjolein2012xx

    (@marjolein2012xx)


    13 jaren, 4 maanden geleden

    Hallo allemaal,
    Voor mijn website (http://www.detulpenvanoranje.nl/english/) zou ik graag op de plek waar nu NL | EN staat, ipv deze tekst een Nederlands en Engels vlaggetje plaatsen met een link erin. De code van de header.php staat onderaan. De link van de afbeelding met de vlaggetjes staat hier: http://www.detulpenvanoranje.nl/english/wp-content/uploads/2012/12/flags.jpg

    Wie kan mij helpen? Thnx!

    Marjolein

    Header.php

    <!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 wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
remove_action('wp_head', 'wp_generator');
wp_enqueue_script('jquery');
if ( is_singular() && get_option( 'thread_comments' ) ) {
	wp_enqueue_script( 'comment-reply' );
}
wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<div id="art-page-background-glare-wrapper">
    <div id="art-page-background-glare"></div>
</div>
<div id="art-main">
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body">
            <div class="art-header">

                <div class="art-headerobject"></div>
                        <div class="art-logo"> <p>|	 NL	|	EN </p>
                        <?php if(theme_get_option('theme_header_show_headline')): ?>
                        <?php $headline = theme_get_option('theme_'.(is_single()?'single':'posts').'_headline_tag'); ?>
                        <<?php echo $headline; ?> class="art-logo-name"><a>/"><?php bloginfo('name'); ?></a></<?php echo $headline; ?>>
                        <?php endif; ?>
                        <?php if(theme_get_option('theme_header_show_slogan')): ?>
                        <?php $slogan = theme_get_option('theme_'.(is_single()?'single':'posts').'_slogan_tag'); ?>
                            <<?php echo $slogan; ?> class="art-logo-text"><?php bloginfo('description'); ?></<?php echo $slogan; ?>>
                        <?php endif; ?>
                        </div>
            </div>
            <div class="cleared reset-box"></div>
1 reactie aan het bekijken (van in totaal 1)
  • Yasp0

    (@yasp0)

    13 jaren, 4 maanden geleden

    Het zit hem in dit deel:

    <p>| NL | EN </p>

    Eén manier is, vervangen door:

    <a href="http://www.detulpenvanoranje.nl/" class="nl"></a>
<a href="http://www.detulpenvanoranje.nl/english" class="en"></a>
<div style="clear:left;"></div>

    Met de volgende CSS code:

    a.nl {
background:url(images/vlag-nl.jpg) no-repeat;
width:50px;
height:30px;
display:block;
float:left;
}

a.en {
background:url(images/vlag-en.jpg) no-repeat;
width:50px;
height:30px;
display:block;
float:left;
}

    Breedte en hoogte even aanpassen 😉

1 reactie aan het bekijken (van in totaal 1)

Het onderwerp ‘Afbeelding met link in header’ is gesloten voor nieuwe reacties.