MyBB.support, le portail francophone de MyBB
Probleme suite à une modif CSS - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : MyBB.fr (https://mybb.fr/forum-1.html)
+--- Forum : Support (https://mybb.fr/forum-5.html)
+--- Sujet : Probleme suite à une modif CSS (/thread-2180.html)



Probleme suite à une modif CSS - teol - 26-02-2010

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 ?


RE: Probleme suite à une modif CSS - Adriian - 26-02-2010

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 ! Wink


RE: Probleme suite à une modif CSS - teol - 26-02-2010

Je vais essayer, merci Wink


RE: Probleme suite à une modif CSS - Adriian - 26-02-2010

Tiens moi au courant.


RE: Probleme suite à une modif CSS - teol - 27-02-2010

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


RE: Probleme suite à une modif CSS - Adriian - 01-03-2010

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


RE: Probleme suite à une modif CSS - teol - 02-03-2010

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


RE: Probleme suite à une modif CSS - spyto - 02-03-2010

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-aligncenter;
    
line-height1.4;
    
margin-top0;
    
margin-bottom25px;
    
font-familyVerdanaArialSans-Serif;
    
font-size13px;
}
.
hidetags_body {
    
backgroundFFF;
    
padding4px;
    
border1px solid #CCC;
    
border-top0;
    
color#000;
    
margin0 0 4px 0;

En fait il faut déplacer les deux lignes :
Code PHP :
    font-familyVerdanaArialSans-Serif;
    
font-size13px
de .hidetags_body à body.

Dis-moi si c'est bon.


RE: Probleme suite à une modif CSS - teol - 02-03-2010

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


RE: Probleme suite à une modif CSS - spyto - 02-03-2010

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-aligncenter;
    
line-height1.4;
    
margin-top0;
    
margin-bottom25px;
    
font-familyVerdanaArialSans-Serif;
    
font-size13px;
}
.
hidetags_body {
    
backgroundFFF;
    
padding4px;
    
border1px solid #CCC;
    
border-top0;
    
color#000;
    
margin0 0 4px 0;

et tu valides.


RE: Probleme suite à une modif CSS - teol - 02-03-2010

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;
}



RE: Probleme suite à une modif CSS - spyto - 02-03-2010

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 !)
[attachment=531]


RE: Probleme suite à une modif CSS - teol - 02-03-2010

merci, j'essaye de suite !

EDIT : Parfait, merci à vous deux ! Wink


 Utilitaire de traduction fourni par Regentronique