Vous n'êtes pas identifié.
Annonce
Mettez-vous à jour ! WordPress 3.3.2 est disponible en français.
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter
#1 09-02-2012 10:57:49
- nico233
- Connaisseur WP
- Date d'inscription: 31-01-2012
- Messages: 12
[Résolu] Changer le menu de place
Bonjour,
Ma configuration WP actuelle
- Version de WordPress : 3.3.1
- Version de PHP/MySQL : ?
- Thème utilisé : Château 2.0
- Extensions en place :
- Nom de l'hebergeur : 1&1
- Adresse du site : http://hastensblog.fr
Problème(s) rencontré(s) :
Bonjour,
Je souhaiterais pouvoir déplacer mon menu et le mettre en dessous de l'image en-tête, ce que je trouve bien plus fonctionnel et logique que de le mettre tout en haut, avant même le nom du blog.
Comment dois-je faire ?
Merci de vos réponses
Hors ligne
#2 09-02-2012 11:16:19
Re: [Résolu] Changer le menu de place
bonjour,
il faut inverser les codes dans header.php,sans voir le code header.php difficile de voir aider.
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.
Hors ligne
#3 09-02-2012 11:40:33
- nico233
- Connaisseur WP
- Date d'inscription: 31-01-2012
- Messages: 12
Re: [Résolu] Changer le menu de place
Voici le code header :
Code: html
<?php
/**
* @package WordPress
* @subpackage Chateau
*/
?>
<!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 (function_exists('is_tag') && is_tag()) {
single_tag_title('Tag Archive for "'); echo '" – ';
} elseif (is_archive()) {
wp_title(''); echo ' Archive – ';
} elseif (is_search()) {
echo 'Search results for "'.wp_specialchars($s).'" – ';
} elseif (!(is_404()) && (is_single()) || (is_page())) {
wp_title(''); echo ' – ';
} elseif (is_404()) {
echo 'Not Found – ';
} if (is_home()) {
bloginfo('name'); echo ' – '; bloginfo('description');
} else {
bloginfo('name');
} if ($paged > 1) {
echo ' – page '. $paged;
} ?>
</title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php
$colorStyle = get_option('t-c-style');
if ($colorStyle == 'black'){
echo '<link rel="stylesheet" href="' . get_bloginfo('template_directory') . '/css/dark.css" type="text/css" media="screen" />';
}
?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/ie.css" type="text/css" media="screen" />
<![endif]-->
<!-- iPhone Styles -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;" />
<link rel="apple-touch-icon" href="<?php bloginfo('template_directory'); ?>/images/iphone.png" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/iphone.css" type="text/css" media="only screen and (max-device-width: 480px)" />
<!-- End iPhone Styles -->
<?php
$accentColor = get_option('t-accent-color');
if ($accentColor){
?>
<style type="text/css">
#mainTitle h1 a:hover strong, .postTitle h2, .postTitle h2 a, .morePosts a:hover, .morePosts h3 em, .sidebar-item a:active, .postExtras .post-edit-link, .postEntry a, #comments li a:hover, #respond h3, #respond p a, #respond label span, #menu .current_page_item a, #menu .current_page_parent .current_page_item a, #calendar_wrap table td a, #comments li.byuser .commentAuthor, .postEntry h1 {color:<?php echo $accentColor; ?>;}
body, #respond button:hover {border-color:<?php echo $accentColor; ?>}
#respond button:hover {background:<?php echo $accentColor; ?>}
<?php if($colorStyle == 'black'){ ?>
#dark .morePosts h4 a, #dark .morePosts p a {color:<?php echo $accentColor; ?>;}
<?php } ?>
</style>
<?php } ?>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?><?php if($colorStyle == 'black'){ echo ' id="dark"'; } ?>>
<!-- HEADER -->
<div id="header">
<div id="menu">
<?php wp_nav_menu( array( 'theme_location' => 'mainmenu', 'container' => '', 'depth' => '2') ); ?>
</div>
<div id="mainTitle">
<h1>
<a href="<?php echo get_option('home'); ?>/" title="« Return to <?php bloginfo('name'); ?>'s Homepage">
<strong><?php bloginfo('name'); ?></strong> <span>~ <?php bloginfo('description'); ?></span>
</a>
</h1>
</div>
<div id="search">
<?php get_search_form(); ?>
</div>
<div id="mainImage">
<?php
if (!is_404() && !is_attachment()) {
if (is_singular() && has_post_thumbnail($post->ID) && ($image = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'post-thumbnail') ) && $image[1] >= HEADER_IMAGE_WIDTH) :
echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" />
<?php endif; } ?>
</div>
</div>
Dernière modification par nico233 (09-02-2012 11:53:18)
Hors ligne
#4 09-02-2012 11:43:54
Re: [Résolu] Changer le menu de place
merci de modifier votre message en mettant le code entre les balises codes 
on voit le code menu
Code: html
<div id="menu">
<?php wp_nav_menu( array( 'theme_location' => 'mainmenu', 'container' => '', 'depth' => '2') ); ?>
</div>
soit le mettre avant ou après ceci (à tester )
Code: html
<?php endif; } ?>
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.
Hors ligne
#5 09-02-2012 11:53:58
- nico233
- Connaisseur WP
- Date d'inscription: 31-01-2012
- Messages: 12
Re: [Résolu] Changer le menu de place
Super, ça marche ! Il reste néanmoins un petit souci : le nom du blog et le module de recherche sont trop hauts. =/
Hors ligne
#6 09-02-2012 13:17:51
Re: [Résolu] Changer le menu de place
oui et ?
vous les voulez plus bas ou ailleurs ?
utilisez vous l'extension firebug pour firefox ou chrome?
style.css vers ligne 156 (plus facile d'utiliser un éditeur de texte comme notepad++ on repère plus facilement les lignes après on envoie le fichier par FTP )
Code: html
#mainTitle {
clear: both;
float: left;
font-style: inherit;
margin-bottom: 20px;
margin-top: 20px;
width: 700px;
}
j'ai rajouté margin-top:20px;
style.css vers ligne 164
Code: html
#search {
float: right;
margin: 10px 15px 20px 0;
width: 205px;
}
j'ai modifié la ligne margin: -5px 15px 20px 0;
merci d'avoir modifier votre précédent message et d'avoir mis les balises codes.
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.
Hors ligne
#7 09-02-2012 14:08:36
- nico233
- Connaisseur WP
- Date d'inscription: 31-01-2012
- Messages: 12
Re: [Résolu] Changer le menu de place
De rien, c'est la moindre des choses, vu l'aide que vous me procurez !
C'est parfait, c'est exactement ce que je souhaitais.
Grâce à vous, on peut annoncer que mon problème est RÉSOLU 
Hors ligne
