You are not logged in.

Announcement

Welcome to the new Ishimaru Design website !
New host, new version and more !
More details here

-------------------------------

Bienvenue sur le nouveau site d'Ishimaru Design !
Nouvel hébergement, nouvelle version et encore plus !
Plus de détails ici

#1 2010-04-29 12:09:55

HixO
Newbie
Registered: 2010-04-29
Posts: 4

[Prostylize Darkgrey] Changer le fond par sa propre image

Bonjour à tous, j'ai installé il y a peu ce thème sobre et parfait pour mon forum phpbb3 : http://lords.esthete.org/

Je souhaite maintenant changer l'image de fond de mon forum, j'ai donc suivi le tuto fourni par la documentation française: http://forums.phpbb-fr.com/documentatio … 27852.html

Mais cela ne marche pas; le common.css de Prostylize Darkgrey ne semble pas prendre en compte mes modifications. J'ai bien vidé le cache réessayer mais rien à faire.

Peut-être pourriez vous m'aider, dois-je faire quelque chose de spéciale pour mettre une image de fond sur mon forum tout en gardant le thème. Merci d'avance pour les réponses.

Last edited by HixO (2010-04-29 12:10:51)

Offline

#2 2010-04-29 23:51:00

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: [Prostylize Darkgrey] Changer le fond par sa propre image

Bonjour.

Il faut le modifier dans colours.css et non dans common.css

Et en passant, petite étape loupée ?
=> http://ishimaru-design.servhome.org/for … -vous.html

Offline

#3 2010-04-30 09:29:57

HixO
Newbie
Registered: 2010-04-29
Posts: 4

Re: [Prostylize Darkgrey] Changer le fond par sa propre image

Oui effectivement j'ai sauté cette étape ;-) j'ai été me présenter.

Sinon dans le coulours.css je change

html, body {
   color: #888888;
   background-color: #222222;

par

html, body {
   color: #888888;
   background-image: url ("{T_THEME_PATH}/images/monfond.ext");

Cela devrait être bon non ?

Last edited by HixO (2010-04-30 09:31:15)

Offline

#4 2010-04-30 09:46:39

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: [Prostylize Darkgrey] Changer le fond par sa propre image

Tu conserves la ligne background-color, puis tu ajoutes la ligne background-image juste après, comme ceci :

html, body {
   color: #888888;
   background-color: #222222;
   background-image: url ("{T_THEME_PATH}/images/monfond.ext");

Après, tu ne modifies common.css que si tu as d'autres propriétés de fond à fixer (positionnement, répétition, etc.), en changeant

    background-color: #FFFFFF;

pour

    background: #FFFFFF none <répétition> <positionnement>;

Même si les propriétés définies sont différentes, ce qu'il y aura dans colours.css pour la couleur et l'image va avoir priorité puisque ce code apparaît après celui de common.css, par le fait que le fichier des couleurs est importé en dernier dans stylesheet.css

Offline

#5 2010-04-30 10:46:09

HixO
Newbie
Registered: 2010-04-29
Posts: 4

Re: [Prostylize Darkgrey] Changer le fond par sa propre image

Ah bien je vous remercie, cela semble bien marché, j'aimerais simplement éviter que l'image se répète et la rendre plus petite pour qu'elle soit plus net (parcequ'il semble la grossir ce qui la rend légèrement floue), pour cela il me faut donc toucher le common.css si je vous ai bien suivi (voici votre code):

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;
   /*font-size: 62.5%;             This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 12px 0;
}

Je doit donc rajouter ces lignes après background color ?

background-attachment: fixed;
   background-repeat: no-repeat;

Last edited by HixO (2010-04-30 11:00:32)

Offline

#6 2010-05-01 00:52:35

Ishimaru Chiaki
Geek cook
From: Somewhere in Québec
Registered: 2007-11-12
Posts: 1,444

Re: [Prostylize Darkgrey] Changer le fond par sa propre image

Tu peux faire comme ça :

background-color:#ffffff;
background-repeat:no-repeat;
background-attachment:fixed;
background-position: top center;

mais tu peux aussi faire comme ça :

background:#ffffff none fixed no-repeat top center;

À la différence que ça ne prendra qu'une ligne plutôt que plusieurs.

background, avec rien d'autre après, est une méga-propriété qui peut réunir plusieurs valeurs en une seule ligne.  Tu peux en savoir plus dans la partie CSS du cours de XHTML/CSS du Site du zéro : http://www.siteduzero.com

Offline

Board footer

Powered by FluxBB