Modification de la largeur d'un thème

[LesT@T]

Bonjour, j'aurais voulu savoir s'il était possible de passer d'une version "fine" d'un thème à sa version large sans le réinstaller, ou sans perdre les modification apportés aux templates?

[Raphaël]

Non, le plus souvent les skins ont deux versions (1 fine et 1 large), malheuresement elles sont souvent payantes toutes les 2 ... 2 en 1 ils connaissent pas ces rats ! M'enfin dis nous quel est le skin que tu désires !

[LesT@T]

Et bien justement je ne me suis pas encore décidé sur qu'elle skin acheter alors j'en ai testé plusieurs, mais j'ai remarqué qu'une mauvaise manip d'insertion de bouton par exemple pouvait transformer un skin "fin" en skin large (sauf pour la bannière), et si je copie la template header d'un skin fin pour écraser celle d'un skin large, celui-ci devient fin, donc je suppose que modification de la template header pour permettre de passer aisément d’un style fin à large selon les envie, mais ce n’est bien sur qu’une supposition, ci quelqu’un à une idée ça me rendrai un grand service ! Merci !

[Raphaël]

Hum, c'est pluto lors de l'ajout d'un hack non compatible du type Top X que cela arrive . Mais le skin "large" est optimisé pour l'être, il sera donc plus beau que si tu le fais toi même !

[LesT@T]

Payer pour une deuxième version fine ou large... il faut pas non plus se foutre de la gueule du monde!!
Voila ce qu'on peut faire pour modifier la largeur du thème de son forum:

Au début du template header, (dans les 5 première lignes dans les skin que j'ai pu voir), il y a une phrase que ressemble à:



<table width="753" border="0" align="center" cellpadding="0" cellspacing="0">

Et apparemment le chiffre en rouge représente la largeur en pixel du forum, elle peut être remplacé par un pourcentage, pour que le skin soit large au max sur tout les écran il suffit de mettre:




<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

On peut donc laisser le forum a une taille fixe, ou a une taille qui variera en fonction des écrans.

PS : Je n’ai pas édit mon précédent post pour que ça attire l’œil d’un modo et qu’il édit le sujet et mette réglé dans le titre, aussi je m’excuse s’y la méthode que j’ai trouvé n’est pas la bonne, mais bon ça a l’air de marcher et quelqu’un que moi aura peut être envie de changer la largeur de son forum sans savoir comment faire (et sans vouloir en acheter un deuxième !)

[BiOMECHANiK]

Suffit de se rendre dans le 'Stylevars' de ton style puis de modifier la largeur du tableau principal (en pixels ou pourcentage).

Ensuite dans ton 'header' et 'footer' tu te crées une sorte de bannière à bandeaux extensibles

Par exemple 1 fixe à gauche (si logo à gauche) et le reste extensible de façon à ce qu'il remplisse la totalité du tableau du forum.

Le problème avec les style fixe c'est que souvent il y a des images placées de part et d'autres du thème et à la moindre modification le header et footer se voient défigurés.

Je te file un exemple d'une bannière que j'avais fait sur un thème


<table bgcolor="#f7f7f7" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="border">
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="450" height="152" align="left" valign="top"><img src="$stylevar[imgdir_misc]/bangauche.gif" width="450" height="152" alt="" /></td>
<td width="170" height="152" align="left" valign="top"><img src="$stylevar[imgdir_misc]/banmilieu.gif" width="170" height="152" alt="" /></td>
<td width="191" height="152" align="left" valign="top"><img src="$stylevar[imgdir_misc]/bandroite.gif" width="191" height="152" alt="" /></td>
<td width="100%" height="152" align="left" valign="top" style="background-image: url($stylevar[imgdir_misc]/banxtensible.gif)"><img src="$stylevar[imgdir_misc]/banxtensible.gif" width="100%" height="152" alt="" /></td>
</tr>
</table>

Ma bannière comprennait un logo à gauche suivie d'une image affichant le début d'un dégradé puis suivie de la suite de ce dégradé pour finir par une image extensible complètement à droite d'une couleur unie.

[LesT@T]

huhu très sympa ton code permettant de faire des bannières adaptable! tu gère un max^^

[BiOMECHANiK]

Héhé de rien... ;)

[Jules-t66]

Bonjour

j'espere cette fois monté le bon sujet. Je suis en VB 4.0.2 et je n'arrive pas a modifier la largeur principal du forum
je met bien 60% dans
Largeur du tableau principal (pixels ou pourcentage)
(Cette valeur permet de définir la largeur du tableau qui contient tout le contenu de votre forum vBulletin) :

mais sa ne se modifie pas. :(

[Ombre]

Tu es sous vb4 donc le mieux est d'utiliser les outils prévus pour, sur le style visé dirige toi dans les variables du style et recherche la variable suivante "doc_width" met en unité le % et en valeur 60 ce qui te donne 60%.

Afin de centré le forum après dirige toi dans le template vbulletin.css et dans la class body ajoute ceci, comme ça par exemple:


body {
width:{vb:stylevar doc_width};
min-width:{vb:stylevar doc_minWidth};
max-width:{vb:stylevar doc_maxWidth};
margin: {vb:stylevar doc_margin};
font-size:{vb:stylevar font.fontSize}px;
color:{vb:stylevar body_color};
line-height:{vb:stylevar line_height};
margin: auto;
}

J'ai mis l'ajout en rouge.

[Jules-t66]

Merci beaucoup
derniere question

ou se trouve

le template vbulletin.css et dans la class body

je ne le trouve pas

merci

[Jules-t66]

j'ai trouvais merci
c'etait du rapide