MyBB.support, le portail francophone de MyBB
[Réglé] Personnalisation du design - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : [Réglé] Personnalisation du design (/thread-4707.html)



Personnalisation du design - BlueShadowZ - 10-09-2011

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 !


RE: Personnalisation du design - BlueShadowZ - 10-09-2011

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


RE: Personnalisation du design - spyto - 10-09-2011

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 {
    
...
    
width95%;
   .... 
par
Code PHP :
#container {
    
....
    
width960px;
.... 
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 !


RE: Personnalisation du design - BlueShadowZ - 10-09-2011

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


RE: Personnalisation du design - exdiogene - 10-09-2011

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

Code PHP :
#container {
    
width95%;
    
background#fff;
    
border1px solid #e4e4e4;
    
color#000000;
    
marginauto auto;
    
padding20px;
    
text-alignleft/* 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);".


RE: Personnalisation du design - spyto - 10-09-2011

(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.



RE: Personnalisation du design - BlueShadowZ - 11-09-2011

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


RE: Personnalisation du design - spyto - 11-09-2011

Tout simplement dans le sélecteur body, remplacer
Code PHP :
body {
    
background#efefef;
... 

par
Code PHP :
body {
    
background#fff;
... 



RE: Personnalisation du design - BlueShadowZ - 11-09-2011

merci


RE: Personnalisation du design - Gérald59 - 11-09-2011

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


 Utilitaire de traduction fourni par Regentronique