Largeur bloquée ?

[le barbier fou]

Bonjour !

Sur notre forum (http://fvsm.forumperso.com/forum.htm) nous avons appliqué le thème UltimateResource (http://fr.hitskin.com/?afolder=theme&id=135209)
Néanmoins, comme vous pouvez le constater, le forum est beaucoup plus large qu'il ne devrait être normalement.
J'ai essayé de réduire la largeur du forum à l'aide de l'option consacrée (dans Général>Forum>Configuration), mais rien n'y fait, ça ne bouge pas d'un pixel. En revanche, il est possible d'augmenter la largeur.

Merci d'avance de votre aide !

[Invité]

Bonsoir,

Ce qui empêche le redimensionnement de votre forum c'est votre bannière qui est trop large. Redimensionnez votre bannière de manière à ce quelle soit plus étroite ou demandez à la section graphique ici même de le faire si vous ne savez pas le faire

Cordialement

[le barbier fou]

Merci de ta réponse !

J'ai "maigri" la bannière, mais il est toujours impossible de rétrécir la largeur du forum.

[Ea]

Bonjour,


En plus de cette largeur il y a un paramètre largeur minimale dans le CSS, il faudrait également changer sa valeur afin de pouvoir mettre une largeur plus petite que la largeur minimale ^^

Pour cela il faut ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style CSS ) ceci :

Code:

#ipbwrapper { min-width: 1100px; }

( en remplaçant 1100 par le chiffre désiré )

Cordialement.

[mario968]

Bonjour,

J'ai le même probléme, et je ne sais pas tripoter dans le CSS que faire?

Jai déjà posé la question ici : https://forum.forumactif.com/gerer-l-apparence-de-son-forum-f7/largeur-du-forum-trop-grande-pour-differentes-taille-d-ecrans-t277437.htm

Et j'en suis toujours au point mort.

[le barbier fou]

Formidable, ça fonctionne !
Merci beaucoup !

@ mario 968 : il faut aller dans Affichage> Couleurs > Onglet "Feuille de style CSS".
Là tu n'as qu'à écrire dans le cadre les instructions.

[mario968]

Oui mais quel chiffre mettre à la place de 1100 ?

Ma page de CSS est vide il y à la mention : Désactiver le CSS de base, il est coché non, dois je cochér oui ?

MERCI

[mario968]

Voici ce que j'ai dans mon template général (rien à voir avec affichage, couleur)
viewforum_body
________________

Code:

{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>
      <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">
            //<![CDATA[
               insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
         <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
         <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><div class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>

<div id="info_close" style="display:none">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>
   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>

         <td align="left" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
         </td>
         <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

   </tr>
   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
               <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
               </td>
               <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
               </td>
               <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_legend -->
</table>
      </form>

[le barbier fou]

Ma page de CSS est vide il y à la mention : Désactiver le CSS de base, il est coché non, dois je cochér oui ?

Si ton CSS personnalisé est vide, c'est que tout tient dans celui de base, il faut donc vérifier que "non" soit coché.

Sur la page vide, il te faut écrire

Code:

#ipbwrapper { min-width: 1100px; }

Là, c'est à 1100. Si ça ne résout pas le problème, baisse cette valeur progressivement jusqu'à ce que ton forum "maigrisse".
Chez moi, à 900 tout est bon !

Et pas besoin de toucher aux templates !

[mario968]

Bonjour,

Je viens d'écrire dans ma page CSS vide ce que vous m'indiquez et je suis à 900px, mais rien n'a bougé je suis déscendu à 500px et toujours rien ne bouge

Merci tout de même

[mario968]

Ou est la Hot line ?,

Il n'y à personne d'assez compétente pour nous aider à régler notre problème qui à priori est une question très fréquente.

Pourquoi certains forums s'adaptent automatiquement et pas un forum de forumactif ?

On peux m'éxpliquer, ou dois je mourir sans réponse.

[Invité]

Ya pas de hotline.

L'astuce donnée avant ne marche pas, car tu n'es pas sous Invision, c'est tout ..

Code:

.bodyline {
width: Zpx;
}

Remplace Z.

[mario968]

J'ai remplacé le Z par 900px et un ami qui posséde un 17 pouces m'a dit que la largeur du forum était parfaite chez lui.

C'est chez moi que c'est plus petit, mais je vais voir si je peux mofifier ma résolution d'écran.

Un grand merci à toi Ratchet Ranger