Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 4.0 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
  • Index
  •  » Thèmes
  •  » theme twenty twelve/ taille header(bandeau) et marges

#1 02-05-2013 14:36:19

creizic
Connaisseur WP
Date d'inscription: 26-04-2012
Messages: 36

theme twenty twelve/ taille header(bandeau) et marges

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : wordpress3.5.1
- Version de PHP/MySQL :
- Thème utilisé : twenty twelve
- Extensions en place :
- Nom de l'hebergeur : ovh
(www) unpointpartout.fr/test/

Problème(s) rencontré(s) :

Bonjour
je rends volontairement l'adresse provisoire du site pour qu'il n'apparaisse pas sous google

Mon prb :
je travaille normalement sous un autre cms pour la création de site (guppy) et décide de me mettre à wordpress
je rencontre la première difficulté suivante : je souhaiterai que mon bandeau ou header ne soit pas entouré de cette marge blanche à gauche et en haut par défaut. je souhaiterai qu'il n'y ai que le bandeau pas de marge sur le coté
je suppose que je devrai agrandie mon bandeau à 1024px mais quand je fais cet essai, mon bandeau est coupé car j'ai toujours la marge à gauche et en haut

également sous l'onglet "notre force" j'ai réussi à intégrer des colonnes (en cours) mais l'espace entre le menu et l'image est bien trop large, je souhaiterai le réduire
là aussi je pêche

j'ai cherché sur les forums mais ne trouve pas ce que je dois faire pour ces 2 pb

merci de votre aide
pour une meilleure compréhension de ce que je souhaite faire, je mets en pièce jointe une capture d'écran
en bleu la zone que je souhaite supprimer
en vert celle dont je voudrai réduire la hauteurhttp://www.creizic.com/wordpressex.png

Hors ligne

 

#2 02-05-2013 15:14:05

lorenzolamas
Blogodépendant
Date d'inscription: 05-06-2012
Messages: 2866
Site web

Re: theme twenty twelve/ taille header(bandeau) et marges

Alors,

premier problème a priori il faut reset les margin et padding de ton header pour que l'image soit "bord a bord" (cad les mettre a 0px).

second problème, ton menu doit avoir un margin-bottom d'une 20aine de pixel, il faut réduire ça. (ou mettre un margin-top negatif a la div suivante: banner)


www.deepintheweb.com => Comprendre les bases du web; des trucs et astuces pour créer son site avec wordpress, des conseils sur le SEO, des suggestions d'app et de plugins.

Hors ligne

 

#3 03-05-2013 12:37:25

creizic
Connaisseur WP
Date d'inscription: 26-04-2012
Messages: 36

Re: theme twenty twelve/ taille header(bandeau) et marges

J'ai réussi
enfin une partie et j'ai compris
je galère encore sur les points suivants
du coup j'a besoin dans mes pages de rajouter une marge de 10 ou 20^x à droite et à gauche (cadre bleu sur l'image ci dessous)
de réduire l'espacement entre mon image de l'article et le menu (normallement le theme par défaut met un bandeau ici que j'ai enlevé)
ensuite réduire la hauteur de mon header, afin qu'il soit coller au menu

voici l'image pour etre plus claire,

merci de votre aide
http://www.creizic.com/wordpress2.png

Hors ligne

 

#4 03-05-2013 14:52:15

negaton
Membre WP
Date d'inscription: 03-05-2013
Messages: 7

Re: theme twenty twelve/ taille header(bandeau) et marges

creizic a écrit:

J'ai réussi
enfin une partie et j'ai compris
je galère encore sur les points suivants
du coup j'a besoin dans mes pages de rajouter une marge de 10 ou 20^x à droite et à gauche (cadre bleu sur l'image ci dessous)
de réduire l'espacement entre mon image de l'article et le menu (normallement le theme par défaut met un bandeau ici que j'ai enlevé)
ensuite réduire la hauteur de mon header, afin qu'il soit coller au menu

voici l'image pour etre plus claire,

merci de votre aide
http://www.creizic.com/wordpress2.png

Bonjour,
Juste au cas où, connaissez vous les "outils de développement", disponible par exemple sous chrome, firefox ou ie.
Je m'en sers souvent pour :
1 / mettre un nom sur la balise css à modifier
2 / tester en temps réel l'ajout / modification / suppression d'une clause css afin de voir si mon design évolue comme je le souhaite.

Par exemple, sous chrome, aller dans le menu (à droite : bouton avec trois traits horizontaux) puis sous menu "outils / outils de développement"
Dans la barre d'outil qui s'ouvre, cliquer sur le bouton "loupe" et survoler, dans votre cas, le menu.
Vous verrez à droite les différentes clauses css qui s'appliquent et pouvez les faire évoluer en temps réel sans toucher à la vraie css. Chrome vous affiche même la ligne à laquelle la clause css est lue dans le fichier...
Après, il suffit d'essayer.

En espérant vous avoir aidé !

Hors ligne

 

#5 04-05-2013 16:29:22

lorenzolamas
Blogodépendant
Date d'inscription: 05-06-2012
Messages: 2866
Site web

Re: theme twenty twelve/ taille header(bandeau) et marges

C'est un peu ça.
Avec firebug ou autre add-on, tu pourrais voir les div composant le layout, et donc retrouver dans le css ce qu'il faut modifier.


www.deepintheweb.com => Comprendre les bases du web; des trucs et astuces pour créer son site avec wordpress, des conseils sur le SEO, des suggestions d'app et de plugins.

Hors ligne

 

#6 17-05-2013 17:28:05

creizic
Connaisseur WP
Date d'inscription: 26-04-2012
Messages: 36

Re: theme twenty twelve/ taille header(bandeau) et marges

Bonjour
Je reviens vers vous car j'utilise bien sur firebug mais je ne trouve vraiment pas ou supprimer l'espace 1.
je m'arrache les cheveux...

j'ai essayé bcp de chose dans le fichier header.php mais rien ne marche...
Si vous aviez une idée je suis preneuse

Hors ligne

 
  • Index
  •  » Thèmes
  •  » theme twenty twelve/ taille header(bandeau) et marges

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.038 seconds, 15 queries executed ]