MyBB.support, le portail francophone de MyBB
[Question] Fichier 'style.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 : [Question] Fichier 'style.css' (/thread-1402.html)



[Question] Fichier 'style.css' - Adriian - 17-02-2009

Quand je modifie le fichier 'thead_bg.png' sur mon ordinateur, je le met sur le ftp et j'actualise la page de mon forum mais l'endroit ou se trouve le fichier 'thead_bg.png' ne se modifie pas...

Et j'ai aussi une question, ou se trouve le fichier ou l'on peut modifier le fond, derrière le logo ??

Pourquoi,
Merci de m'aider !

Cordialement,
Adriian !


PS : Pour voir la question qui est dite dans le titre, regarder plus-bas ! Wink


RE: [Aide] Problème image "thead_bg.png" - Zingzing56 - 18-02-2009

Donc, pour actualiser ton logo, essaie de vider ton cache, pour Firefox : Outils > Effacer mes traces > Ok.

Pour le fond, regarde dans style.css de ton thème.

Cordialement


RE: [Aide] Problème image "thead_bg.png" - Adriian - 18-02-2009

Je veux bien mais il y a plusieurs choses dans ce fichier !
Voilà son contenu :
Code PHP :
#templatebox {
    
positionabsolute;
    
top40px;
    
left0;
    
width100%;
    
z-index100
    
text-aligncenter;
    
line-height0;
}

#fader{
    
positionabsolute;
    
top0;
    
left0;
    
z-index90;
    
width100%;
    
height500px;
    
background-color#000;
    
filter:alpha(opacity=60);
    -
moz-opacity0.6;
    
opacity0.6;
}

#outerContainer {
    
positionrelative;
    
background-color#fff;
    
width70%;
    
height300px;
    
margin0 auto;
}

ins {
    
background#dfd;
    
text-decorationnone;
    
padding2px;
}

del {
    
background#fdd;
    
text-decorationnone;
    
padding2px;


Alors, que dois-je modifier ?

Merci d'avance,
Cordialement,
Adriian !


RE: [Question] Fichier 'style.css' - spyto - 18-02-2009

Adriian a écrit :Quand je modifie le fichier 'thead_bg.png' sur mon ordinateur, je le met sur le ftp et j'actualise la page de mon forum mais l'endroit ou se trouve le fichier 'thead_bg.png' ne se modifie pas...

Et j'ai aussi une question, ou se trouve le fichier ou l'on peut modifier le fond, derrière le logo ??

Pourquoi,
Merci de m'aider !

Cordialement,
Adriian !


PS : Pour voir la question qui est dite dans le titre, regarder plus-bas ! Wink

Salut,

1. Pour l'image de thead :
Tout d'abord, je suppose que tu as installé un thème ?
(car thead_bg.png n'existe pas dans le thème de base, c'est un fichier .gif !)
Quand tu as modifié ton image, l'as-tu uppée au bon endroit ? (/images/tontheme/ normalement)
Si tu précisais le nom du thème ou l'url de ton forum, ce serait plus facile à voir...

2. Pour le fond de la page, il y a deux sélecteurs : body et container.
Admin > Themes > Clique sur ton thème par défaut puis sur 'global.css'.
Là tu peux modifier soit en mode simplifié, soit en mode avancé les codes des images correspondant à 'body' (la page) ou à 'container' (le forum lui-même).

Le code CSS que tu donnes dans le message ci-dessus ne concerne en rien les motifs de fond !

@+

Note : au lieu d'éditer to 1er post pour mettre un renvoi sur le second, tu aurais pu directement compléter ton premier post, ça aurait été plus lisible...


RE: [Question] Fichier 'style.css' - Adriian - 18-02-2009

Je voudrais mettre des 'bandes' rouges et noires... Comment faire ?
Et aussi je voudrais que mon logo soit centré...
Peux-tu me modifier le code ci-dessous de manière à ce que le logo et le fond soit comme je le voudrait stp ?

Code PHP :
body {    
background#000 url(images/flame/bg.png);    
color#000;
text-aligncenter;    line-height1.4;    
margin-top0;    
margin-bottom25px;    
font-familyTahomaVerdanaArialSans-Serif;    
font-size13px;
}

a:link {    
color#ab0404;    
text-decorationnone;
}

a:visited {
color#ab0404;    
text-decorationnone;
}

a:hovera:active {    
color#000;    
text-decorationunderline;
}

#container {    
background#fff;    width: 92%;    
color#000000;    border: 1px solid #000;
border-top0;
marginauto auto;    text-alignleft;
}

.
logo {    
background#960403 url(images/flame/logo_bg.png) top center repeat-x;    
border-bottom1px solid #000;    
min-height100px



RE: [Question] Fichier 'style.css' - Adriian - 20-02-2009

Pas de nouvelles..


RE: [Question] Fichier 'style.css' - spyto - 20-02-2009

1. Pour centrer le logo :
Je ne vois pas la fin du code CSS '.logo'...
mais pour le centrer, supposons que ton logo fasse 350 pixels de large, il faut inclure ces deux lignes de code dans le sélecteur .logo :
Code PHP :
.logo {
....
width350px;
margin0 auto;
...


Note : margin: 0 auto ne centrera le <div class="logo"> que si une largeur est précisée.

2. Pour les bandes rouges et noires, il te faut créer un motif (par exemple 'tonmotif.gif') et ensuite le déclarer dans container, comme ça :
Code PHP :
#container {
background#fff url(images/tonmotif.gif);
....




RE: [Question] Fichier 'style.css' - Adriian - 21-02-2009

Ca ne marche pas pour le centrage, le logo est bien centré mais à côté il n'y a pas les rayures mais rien, du blanc, que faire ?

Merci de m'aider ! :p

Cordialement,
Adriian !


RE: [Question] Fichier 'style.css' - spyto - 23-02-2009

Salut,

Ta demande va au-delà de la simple modification...

C'est normal qu'il n'y ait que du blanc : c'est le 'background' du '#container' à #ffffff sans doute ?
Mais si tu as mis une image en arrière plan de 'container' il ne devrait pas y avoir du blanc...

Si tu veux un arrière-plan sur l'entête uniquement, il te faut sans doute ajouter un élément à ta feuille de style.
Comme le logo se trouve dans le <div id="header"...> peut-être qu'en rajoutant ce sélecteur dans global.css, ça le fera ?

Comme ça :
Code PHP :
#header {
   
background#ffffff url(tonimage.png) repeat-x;


Non testé !
Evidemment tu remplaces #fffff par la couleur de ton choix et repeat-x par le "repeat" qui convient à ton image !


 Utilitaire de traduction fourni par Regentronique