- Statut : non résolu
- Ce sujet contient 6 réponses, 4 participants et a été mis à jour pour la dernière fois par
labidouille, le il y a 17 années et 5 mois.
-
AuteurMessages
-
31 août 2007 à 11 h 00 min #453833
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 2.2
– Thème utilisé : Beautiful Day
– Plugins en place :
– Nom de l’hebergeur : olympe-network
– Adresse du site : http://burtoniens.o-n.fr/blogProblème(s) rencontré(s) :
Bonjour,
Je suis une grande débutante et j’ai trouvé un thème qui me plait mais que j’aimerais « personnaliser » un peu… A savoir qu’il comporte des onglets sur le haut et j’aimerais les configurer.
Cependant, je ne sais pas où aller pour ça, ni ce que je dois mettre…Quelqu’un peut m’aider ?
Merci d’avance 🙂
31 août 2007 à 11 h 29 min #608721Salut Lowett
Un p’tit truc pour voir ce qui est appliqué comme css est de faire click droit et regarder le code source.
Concernant tes onglets du haut c’est la class navigation donc c’est dans ce code que tu dois faire le changement que tu veux.
/* navigation */
.navigation {
border-left:1px solid #CFDEE7; border-right:1px solid #CFDEE7; border-top:1px solid #DFEEF7; border-bottom:1px solid #DFEEF7; background:#D9E1E5 url(‘img/nav.gif’); height: 41px
}
.navigation a {
background: #D9E1E5 url(‘img/nav.gif’);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
line-height: 41px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:sans-serif; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}
.navigation a:hover {background-position: left bottom; color: #234;}Un autre petit truc… avant de faire tes changements et au lieu d’effacer ce qui est là, mets un /* avant la ligne de code que tu veux modifier et un */ à la fin. Ta ligne de code va devenir grisé et ne sera pas pris en compte.
Fais une nouvelle ligne de code avec ce que tu veux dedans et tu regardes le résultat. En gardant ta ligne de code d’origine avec des /* */ cela te permets de voir ce qui a été fait et de reproduire certaines choses que tu aimes. Si tu l’effaces pour mettre une nouvelle ligne tu ne pourras plus t’y référer.Bonne journée
31 août 2007 à 12 h 29 min #608722Ah oki pas mal le conseil des /* 🙂
J’ai trouvé le code que je pense devoir modifier.
Ce que je voudrais c’est enlever le About, Enlever le Blog … Et faire que quand on clique sur « contact » on peut m’envoyer un mail et que quand on clique sur « photo » on arrive sur ma galerie photo internet (donc je voudrais mettre un lien)
Je ne sais pas trop quel code mettre pour que ça fasse ça …
EDIT: j’ai trouvé … C’est moi qui avait mal regardé j’avais pas vu les ptit « » pour qu’on puisse mettre qqch dedans…
C’est résolu
31 août 2007 à 12 h 35 min #608723Je viens de regarder et cliquer et tu as tout réussi.
2 septembre 2007 à 11 h 24 min #608724J’ai pour ma part placé :
<div id="header" onclick="location.href='’; » style= »cursor: pointer; »>
dans header.phpMa bannière devient cliquable, mais le header s’est disgrâcieusement d’calé d’un chouilla sur la gauche. Que faire ?
Ci-joint le code :
<html xmlns="http://www.w3.org/1999/xhtml" >
<meta http-equiv="Content-Type" content="; charset= » />
» Archive du blog
<meta name="generator" content="WordPress » />
<link rel="stylesheet" href=" » type= »text/css » media= »screen » />
<link rel="alternate" type="application/rss+xml" title=" RSS Feed » href= » » />
<link rel="pingback" href=" » /><?php // Controle si la sidebar est présente ou pas.
if ( !$withcomments && !is_single() ) {
?>
#page { background: url(« /images/kubrickbg-.jpg ») repeat-y top; border: none; }#page { background: url(« /images/kubrickbgwide.jpg ») repeat-y top; border: none; }
<div id="header" onclick="location.href='’; » style= »cursor: pointer; »><a href="/ »>
2 septembre 2007 à 12 h 04 min #608725Apparemment il s’agit du thème par défaut. Il est normal que tu aies un décalage, tu a une redondance. Regardes bien ce que tu as inséré :
<div id="header">
<div id="header" onclick="location.href='’; » style= »cursor: pointer; »>
<h1><a href="/ »></a></h1>
<div class="description">Pourquoi ça décale ?
Si tu regarde dans ton fichier de style la partie correspondant à l’ID #header, tu verras qu’il y a une légère marge (margin).
Un ID doit être unique à un div, sinon on parle de class (ex :
)Donc si tu réinsère le même div avec le même ID, la marge sera ré-interprétée, d’où le décalage.
Donc la solution est ?
Oui, retirer un des div, qui est inutile et n’avoir que ceci :
<div id="header" onclick="location.href='’; » style= »cursor: pointer; »>
<h1><a href="/ »></a></h1>
<div class="description">2 septembre 2007 à 12 h 50 min #608726Exact ! Problème de décalage résolu. Merci.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.