Nouvel utilisateur, et quelques questions, forcément.

Statut : non résolu

Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par dean, le il y a 18 années et 8 mois.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
15 juillet 2006 à 23 h 02 min #448128

Tchey
Membre

Initié WordPress
17 contributions

Bonjour, je suis nouveau et je découvre WordPress. Jamais fait de « vrai » blog avant, mais le principe titille ma curiosité aussi je m’y suis mis voilà quelques heures.

J’ai un petit site en xHTML et CSS mais je m’y connais peu au final. J’ai un soucis avec le thème que j’utilise, le menu sur la gauche passe automatiquement en minuscule. Je souhaite avoir quelque chose de « normal » qui me laisse choisir. En fouillant un peu j’ai trouvé des lignes « text transform » que j’ai d’abord modifié par « none » puis supprimé, en vain. Je suis un peu perdu avec toutes ces lignes de code que je ne comprends que partiellement.

Ensuite, j’aime bien ce thème, mais il est trop « étroit ». Est-il possible de l’étirer un peu, et comment ? Je souhaite que le cadre de gauche soit assez large pour que les titres du menu tiennent sur une seule ligne (comme pour « Boiling Point : Road to Hell » qui est trop long), et agrandir légèrement le cadre de droite pour avoir plus de « place » pour écrire (avoir une page moins longue au final). J’sais pas si je suis bien clair, vous me direz ^^

Enfin, est-il possible d’ajouter des petits liens discrèts tout en haut de la page, dans l’en-tête gris, qui renverraient sur les autres parties de mon site (l’accueil CreaTchey et le forum) ?

Si vous pouviez m’aider…

L’adresse du futur blog, pour que vous visualisiez la chose : http://creatchey.org/blog/

Merci à vous

15 juillet 2006 à 23 h 23 min #576913

dean
Participant

Chevalier WordPress
487 contributions

( Tchey ) wrote:

En fouillant un peu j’ai trouvé des lignes « text transform » que j’ai d’abord modifié par « none » puis supprimé

la propriété text-transform du css est la capitalisation du texte, tu as donc bien trouvé, il faut bien réactualiser ta page pour que ça prenne effet, Ctrl + F5 pour Firefox et Ie

pour la taille de ta page, il faut que je regardes ton thème et le fichier css correspondant…

pour les liens
il faut éditer le fichier header.php de ton thème

tu mets ton lien avant ou aprés l’appel de la fonction

Dean

15 juillet 2006 à 23 h 38 min #576914

Anonyme
Inactif

Initié WordPress
43 contributions

En rechargeant Firefox j’ai vu les changements. Je faisais juste F5 et pas Ctrl+F5. J’ai pu mettre les liens aussi, mais pas où je le souhaite. Ils sont soit au dessus soit en dessous du « rectangle » gris, et je souhaite les placer DANS ce « rectangle », en haut dans la zone la plus sombre.

Merci bien en tout cas

dean wrote:

pour la taille de ta page, il faut que je regardes ton thème et le fichier css correspondant…

C’est à dire ? Tu veux que je copie le CSS ici ? Quelle partie ?

16 juillet 2006 à 0 h 10 min #576915
dean
Participant

Chevalier WordPress
487 contributions
Pour personnaliser tes liens, il faut modifier ton .css
exemple:
actuellement ton titre Imaginet a les attributs suivants:
```
#header {
	background-image: url(top.jpg);
          font-size: 40px;
	letter-spacing: 0.2em;
	margin: 0;
          height: 100px;
	padding: 85px 10px 15px 30px;
}

#header a {
	color: #fff;
	text-decoration: none;
            border: 0;
}
```
avec le code du header.php qui ressemble à ça à mon avis

Il te faut donc créer une nouvelle propriété css, exemple header2
ce qui donnerait
```
<div id="header2">
Retour : <a href="http://creatchey.org">CreaTchey</a> | 
<a href="http://creatchey.org/forum">Forum</a> | 
<a href="http://creatchey.org/blog">ImagiNet</a>
</div>
```
à mettre au dessus du

et ajouter dans ton .css
```
#header2 {
          font-size: 40px;
	letter-spacing: 0.2em;
	margin: 0;
          height: 100px;
	padding: 85px 10px 15px 30px;
}

#header2 a {
	color: #fff;
	text-decoration: none;
            border: 0;
}
```
là tu modifies font-size, padding etc…
16 juillet 2006 à 0 h 11 min #576916
dean
Participant

Chevalier WordPress
487 contributions
pour ton menu de gauche essais de jouer sur la valeur width suivante:
```
#menu {
	background: #fff;
	width: 150px;
        float: left;
}
```
16 juillet 2006 à 9 h 17 min #576917
Anonyme
Inactif

Initié WordPress
43 contributions
Je n’y arrive pas 😐 Les liens restent tout en haut, dans le blanc « avant » la page. J’ai modifié je crois un peu toutes les propriétés CSS une par une pour voir, et à part décaller le « blanc » autours des liens ou changer le texte des liens, je n’arrive pas à faire ce que je veux. Actuellement j’ai ceci :

style.css :
```
}

#header2 {
          font-size: 0.8em;
    letter-spacing: 0.2em;
    margin: 0;
          height: 10px;
    padding: 5px 5px 5px 5px;
}

#header2 a {
    color: black;
    text-decoration: none;
            border: 0;
}
```
Header.php :
```
<div id="header2">
Retour : <a href="http://creatchey.org">CreaTchey</a> | 
<a href="http://creatchey.org/forum">Forum</a> | 
<a href="http://creatchey.org/blog">ImagiNet</a>
</div>

<h1 id="header"><a href="<?php bloginfo('url'); ?>« ><?php bloginfo('name'); ?></a></h1>
```
Pour le menu, ça marche mais ça « mange » sur la partie de droite (contenu) d’autant que je gagne sur la partie de gauche (menu). J’vais voir si j’arrive à bidouiller d’autres valeurs sans tout casser ^^

(édition)

A priori j’ai trouvé pour « étirer » ma page.
16 juillet 2006 à 19 h 19 min #576918
dean
Participant

Chevalier WordPress
487 contributions
J’ai compris pourquoi ça ne marche pas pour tes liens

il faut les éditer dans le header contenant l’arrière image

dans ce ca il faudrait jouer sur le css des liens header
```
#header a {
    color: #fff;
    text-decoration: none;
            border: 0;
}
```
en ajoutant des propriétés du genre ( à modifier )
```
font-size: 40px;
    letter-spacing: 0.2em;
    margin: 0;
          height: 100px;
    padding: 85px 10px 15px 30px;
```
le problème c’est que ton lien ImagiNet< fait parti des propriétés header….

ça devrait t’aider, bon je me sauve ++
Auteur

Messages