[Réglé] Personnalisation du design

[BlueShadowZ]

Salut !

J'aimerai savoir comment :
1/ Rétrécir les côté du forum pour voir un peu plus le fond ?
2/ Mettre une image de fond (à la place du fond blanc) ?
3/ Créer une bande qui englobe la bannière et le menu dans le header ?


Merci !
P.S. URL du forum : http://www.zorgalaxy.uphero.com/forum/index.php

A plus !

[BlueShadowZ]

Quelqu'un peut me répondre S.V.P. ? :s

[spyto]

Comme l'a indiqué Exdiogene ici http://mybb.fr/thread-4681-post-26393.html#pid26393, il ne nous est pas possible d'assurer une aide pour la personnalisation des thèmes.
Ceci, pour des raisons évidentes : d'abord parce que ça prend beaucoup de temps, mais surtout, selon moi, parce que ça dépasse le cadre du support MyBB proprement dit.

Toutes ces personnalisations de thème ont évidemment une relation avec MyBB, mais elles relèvent d'un cadre beaucoup plus général.
En effet, tes questions portent sur des modifications de CSS et concernent bien plus le développement Web que MyBB.

Comme exdiogene, j'y répondrai dans la mesure du possible, mais je ne pourrai y passer tout le temps qu'il faudrait.
Cependant, rien n'empêche d'autres utilisateurs de t'aider.

Si tu veux progresser en HTML/CSS, il existe des sites spécialisés et remplis de tutoriels comme le Site du zéro.

Pour répondre rapidement, malgré tout, à tes questions :
1. Le thème est "extensible" et occupe 95% de la largeur de la fenêtre. Pour "vois davantage les bords" comme tu dis, il faut lui attribuer une largeur fixe :
global.css => sélecteur #container,
remplace :

Code PHP :

#container {
    ...
    width: 95%;
   .... 


par

Code PHP :

#container {
    ....
    width: 960px;
.... 


par exemple.

2. De quel fond blanc parles-tu ? De toute façon il faut remplacer dans le sélecteur CSS adéquat :
background : #xxxxxx; (couleur)
par
background: url(adresse de l'image);

3. Il faut créer un <div>...</div> qui englobe ce que tu veux englober et lui attribuer les CSS voulus.

Comme tu vois, les réponses sont loin d'être simples et évidentes. Tout dépend de ce que tu veux obtenir et de tes connaissances !

[BlueShadowZ]

Ce que je veux personnaliser est dans le thème par défaut de MyBB.
Bref sinon merci !
Sinon le fond blanc c'est celui qui est "en dessous" du forum

[exdiogene]

Comme mentionnait spyto les paramètres à changer sont ceux de l'identifiant "container" dans le style du thème :

Code PHP :

#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
} 


Pour une réduction proportionnelle à l'écran de l'utilisateur, il faut changer "width: 95%;" pour "width: 80%;". Pour une largeur fixe ce sera "width: 960px;".

Pour la couleur du fond, ce sera "background: #fff;" qui deviendra "background: url(../../../images/mon_image.gif);".

[spyto]

(10-09-2011, 19:57)BlueShadowZ a écrit :  Ce que je veux personnaliser est dans le thème par défaut de MyBB.
Bref sinon merci !
Sinon le fond blanc c'est celui qui est "en dessous" du forum

J'imagine que tu veux parles des lignes alternées des forums ?
En fait elles ne sont pas blanches.
Ce sont les sélecteurs .trow1 et .trow2 :

Code PHP :

.trow1 {
    background: #f5f5f5;
}

.trow2 {
    background: #EFEFEF;
} 


Remplace par les couleurs voulues.

[BlueShadowZ]

Non, ce que je voulais c'est mettre une image à la place du blanc que je montre à gauche du screen (voir fichier joint)

[spyto]

Tout simplement dans le sélecteur body, remplacer

Code PHP :

body {
    background: #efefef;
... 


par

Code PHP :

body {
    background: #fff;
... 


[BlueShadowZ]

merci

[Gérald59]

Merci à vous, je me suis permis de changer mon fond, c'est génial