MyBB.support, le portail francophone de MyBB

Version complète : [Question] Fichier 'style.css'
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
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
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
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 !
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...
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
Pas de nouvelles..
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);
....

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