Probleme suite à une modif CSS

[teol]

Bonjour,

J'ai voulu installer ce Mod/BBcode : http://mods.mybboard.net/view/hide-tags-bbcode-xtrsyz

Dans la description ils disent d'ajouter un truc dans le global.css

Je l'ai fais, mais maintenant la police des menus a changé, avant c'étais Arial ( je crois ) et maintenant c'est time new roman.

Regardez http://tutos-cs-online.net/forums/ ( l'espece de menu > s'enregistrer, liste des membres, connexion etc. )

De plus, quand maintenant je regarde dans le global.css, je n'ai plus que ca :

Code :

text-align: center;
line-height: 1.4;
margin-top: 0;
margin-bottom: 25px;
.hidetags_header {
    background: #FFF;
border: 1px solid #CCC;
padding: 4px;
margin: 4px 0 0 0;

Comment faire en sorte que ça revienne comme avant ?

[Adriian]

En regardant un peu ton CSS, j'ai vu trois chose qui n'allait pas :

Code :

body {
    background: #000 url(images/chocolate/bg.png);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
    .hidetags_header {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 4px;
    margin: 4px 0 0 0;
    
    font-size: Arial;
}

.hidetags_body {
    background: FFF;
    padding: 4px;
    border: 1px solid #CCC;
    border-top: 0;
    color: #000;
    margin: 0 0 4px 0;
}

font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

[...]

Primo : Dans le Body, on voit un font-size avec Arial...
Une taille (font-size) ne va pas avec une police (Arial) !

Secundo : Ton body n'est pas fermé...

Tertio : Comme tu peux le voir, il y a un font-family et un font-size qui se trouve.... au milieu de nulle part !

Je pense que tu devrais essayer ceci :

Code :

body {
    background: #000 url(images/chocolate/bg.png);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
}

.hidetags_header {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 4px;
    margin: 4px 0 0 0;
}

.hidetags_body {
    background: FFF;
    padding: 4px;
    border: 1px solid #CCC;
    border-top: 0;
    color: #000;
    margin: 0 0 4px 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

Si tu ne sais pas comment faire, télécharge le fichier en pièce jointe, supprimer tout ton global.css et copie le code de la pièce jointe dans ton global.css puis enregistre !

[teol]

Je vais essayer, merci

[Adriian]

Tiens moi au courant.

[teol]

Hum, désolé de cette question xD, mais il est où sur mon FTP le global.css ?

[Adriian]

Modifie-le directement dans le Panel d'admin > Templates et Style > Thème > Ton_thème > Global.css

[teol]

C'est bon j'ai supprimé tout, puis remis tout se que tu m'a dis. J'ai l'impression que ca a juste augmenté la taille de police :s

Tiens, compare : Le miens : http://tutos-cs-online.net/forums/

Un autre : http://www.tutos-gameserver.fr/mybb/index.php

[spyto]

Salut,

A mon avis le problème vient du fait que la police (famille et taille) n'est pas définie dans le sélecteur 'body', mais dans le sélecteur '.hidetags_body'.

Voici comment je te propose de modifier ton global.css

Code PHP :

body {
    background: #000 url(images/chocolate/bg.png);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}
.hidetags_body {
    background: FFF;
    padding: 4px;
    border: 1px solid #CCC;
    border-top: 0;
    color: #000;
    margin: 0 0 4px 0;
} 


En fait il faut déplacer les deux lignes :

Code PHP :

    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px; 


de .hidetags_body à body.

Dis-moi si c'est bon.

[teol]

J'ai pas trop compris, tu peux juste me dire le truc entier à mettre car je maitrise pas le CSS...

[spyto]

Exactement ce qui est dans la première citation de mon post précédent.

A savoir :
Admin > Thèmes > là tu cliques Options, et tu édites ton thème.
Ensuite, en face de global.css, Options > Editer style.
Enfin pour faciliter les modifs, clique sur l'onglet "Editer la feuille de style : mode avancé".

Et enfin tu remplaces par copier/coller les sélecteurs "body" et ".hidetags_body" par :

Code PHP :

body {
    background: #000 url(images/chocolate/bg.png);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}
.hidetags_body {
    background: FFF;
    padding: 4px;
    border: 1px solid #CCC;
    border-top: 0;
    color: #000;
    margin: 0 0 4px 0;
} 


et tu valides.

[teol]

Tu peux le mettre dans un .txt en pice jointe stp ? ( désolé de te faire un peu chier :p ) car ca affiche ca :

Code :

body {
background: #000 url(images/chocolate/bg.png);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

[spyto]

Il suffisait de remplacer les   par des espaces, c'est pas bien sorcier !

Copie/colle dans Bloc-notes par exemple, ça évitera les entités nommées !!!

Voici la PJ (à ouvrir dans un éditeur de texte brut !)

  correction.txt (Taille : 395 octets / Téléchargements : 5)

[teol]

merci, j'essaye de suite !

EDIT : Parfait, merci à vous deux !