It is currently Fri 30 Sep 2016 - 18:52 - créer un forum

[guide]modifier la largeur du forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 395, 96, 97

[guide]modifier la largeur du forum
Author Message
Shadow Paladdin


Joined: 21 Jun 2014
Posts: 10

PostPosted: Sat 21 Jun 2014 - 12:07    Post subject: [guide]modifier la largeur du forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour!
Moi aussi je suis nouveau pour la création de forum, et aimerai un coup de main sur le mien: J'aimerai réduire les marges sur les côtés de moitié voir plus, et ne sait pas quels sont les valeurs dans mon template à modifier.
Voilà une copie de des lignes de codes de celui-ci:
Code: Sélectionner - Agrandir

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files10/w/o/wow_alliance-8fe7b.css" type="text/css">
<style type="text/css">
<!--
.logorow1 {
    background: url(http://img.xooimage.com/files4/8/a/e/logo_left3-1153055.gif) top left no-repeat;
}
.logorow2 {
    background: url(http://img.xooimage.com/files7/4/f/3/logo_right2-11530f2.gif) top right no-repeat;
}
-->
</style>
<script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/s/c/scripts-8fe7e.js"></script>
<script language="javascript" type="text/javascript" src="http://img.xooimage.com/files6/f/o/formstyle-8fe7f.js"></script>
<link rel="icon" href="http://img.xooimage.com/files5/f/a/favicon-30e74.ico" />
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
    /*    window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); */
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body>
<a name="top"></a>
<img id="formStyleTestImage" src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" />
<table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
<tr>
    <td valign="top" class="content-row"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="logotable">
    <tr>
        <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files55/1/e/a/final-90-3df803d.gif" height="112" alt="{L_INDEX}" /></a></div></td>
    </tr>
    </table>
    <table border="0" width="100%" cellspacing="0" cellpadding="0" id="buttonstable">
    <tr>
        <td align="center" valign="middle" width="100%" id="header-buttons">
            <!-- BEGIN switch_user_logged_out -->
            <a href="{U_REGISTER}">{L_REGISTER}</a> •
            <!-- END switch_user_logged_out -->
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_PROFILE}">{L_PROFILE}</a> •
            <a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}</a> •
            <!-- END switch_user_logged_in -->
            <a href="{U_SEARCH}">{L_SEARCH}</a> •
            <a href="{U_FAQ}">{L_FAQ}</a> •
            <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
            <a href="{U_GROUP_CP}">{L_USERGROUPS}</a> •
            <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
        </td>
    </tr>
    </table>
    <table border="0" width="100%" cellspacing="0" cellpadding="0" class="content">
    <tr>
        <td class="content" valign="top">

    <!-- BEGIN switch_user_logged_in -->
    <center><div class="pm-{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
    <!-- END switch_user_logged_in -->




Pourriez-vous m'indiquer quels sont les valeurs à modifier, EN LES METTANT EN ROUGE pour plus de facilité?

PS: Si possible je voudrait également agrandir le logo, merci de m'indiquer s'il est également possible de le faire et comment, je crois que c'est la ligne suivante:

 
Code: Sélectionner - Agrandir
 <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files55/1/e/a/final-90-3df803d.gif" height="112" alt="{L_INDEX}" /></a></div></td>

Et la valeur à augmenter, c'est 112, non?

Merci à tous pour toute l'aide que vous pourrez m'apporter!
Loading...
Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 386
Niveau:
Point(s): 367
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Sat 21 Jun 2014 - 16:13    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,


Avant tout sauvegardez votre template Overall_Header.

Ensuite :

La largeur de votre forum est la balise width="{T_BODY_BACKGROUND}"

Située dans cette partie de code

Code: Sélectionner - Agrandir

 
<a name="top"></a>
<img id="formStyleTestImage" src="http://img.xooimage.com/files1/_/ti/_-2f2a.gif" />
<table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">




Elle équivaut à la valeur :

Code: Sélectionner - Agrandir


width="800"



Il suffit donc de remplacer {T_BODY_BACKGROUND} par la largeur de votre choix.

Exemple :

Code: Sélectionner - Agrandir

width="960"


Valeur standard que j'utilise sur mon forum (pour exemple).

Au sujet de votre logo,

Il suffit de jouer avec height="180" (la hauteur) et ajouter la largeur avec width="720"

Exemple avec le code de votre logo, on rajoute le style afin de définir la largeur et la hauteur du logo :

Code: Sélectionner - Agrandir

 <td align="center" class="logorow1"><div class="logorow2"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files55/1/e/a/final-90-3df803d.gif"     

style="height:180px; width:720px;"  

alt="{L_INDEX}" /></a></div></td> 


Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Author Message
Shadow Paladdin
Membre


Offline
Membre

Joined: 21 Jun 2014
Posts: 10
Point(s): 10
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 21 Jun 2014 - 18:30    Post subject: [guide]modifier la largeur du forum Reply with quote

Merci, RotorMan!
C'est parfait, j'ai aussi galéré juste après à cause de la marge de la pub secondaire sur la gauche, mais j'ai vite compris d'où venait le problème et ai pu corriger, maintenant tout est comme je désire ou presque, reste juste la chatbox à modifier!
Encore merci pour l'aide que vous m'avez apporté, et bon courage!
Following members like this message:
RotorMan (21/06/14)


Forum
Author Message
Arthel
Membre


Offline
Membre

Joined: 01 Jul 2014
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Tue 1 Jul 2014 - 15:23    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,


J'ai une question concernant la largeur du forum. J'ai essayé de la modifier dans la ligne de code ci-dessous en remplaçant le "100%", par une valeur fixe premièrement et ensuite un pourcentage différent (75%), mais les deux sont identiques et lorsque je change ma résolution d'écran (en 1024x768), le forum ne s'adapte pas à la nouvelle résolution, ce que j'avais compris qu'il ferait. Il n'apparaît donc pas entier sur la page, ce qui le rend tout de suite pas très agréables à voir.
 
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>


J'utilise le thème "darkages" légèrement modifié par mes soins.


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 386
Niveau:
Point(s): 367
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Tue 1 Jul 2014 - 16:08    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,

C'est normal, l'image de votre bannière fait 1 520px × 560px.

Réduisez la grandeur de l'image de votre bannière afin que le réglage - à 75% ou 80% - de la largeur de votre forum prenne effet.

Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Author Message
Arthel
Membre


Offline
Membre

Joined: 01 Jul 2014
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

PostPosted: Tue 1 Jul 2014 - 16:42    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,

Merci de votre réponse rapide, le problème commençait à devenir embêtant. 


Forum
Author Message
Silver-Puck
Membre


Offline
Membre

Joined: 18 May 2014
Posts: 21
Niveau:
Point(s): 31
Moyenne: 1.48
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 9 Jul 2014 - 18:47    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour, très bon tuto.
Mais j'ai une question. Est-ce que le fait de modifier la largeur du forum peut déformer certaines parties du qui est en ligne ou d'autres problèmes d'images déformées ?

Cordialement, Silver-Puck.


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 29 Jul 2014 - 02:11    Post subject: [guide]modifier la largeur du forum Reply with quote

Silver-Puck wrote:

Bonjour, très bon tuto.
Mais j'ai une question. Est-ce que le fait de modifier la largeur du forum peut déformer certaines parties du qui est en ligne ou d'autres problèmes d'images déformées ?

Cordialement, Silver-Puck.
Salut,

Vu que personne n'a répondu,

Oui c'est possible en fonction des thèmes tu peux avoir des déformations s'ils sont assez différents de ce qui est donné ici il faut donc dans ce cas modifier d'autres table du template
_______________________


Forum
Author Message
blevanaks
Membre


Offline
Membre

Joined: 12 Jun 2012
Posts: 2
Point(s): 2
Moyenne: 1.00

PostPosted: Wed 21 Jan 2015 - 14:10    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour


A t il un moyen d’empêcher que la PUB entre les posts déforme le forum car elle est trop large ?


Merci 


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Wed 21 Jan 2015 - 16:43    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour

oui en la plaçant en haut du premier message ( comme ici d'ailleur ,en haut de page ), elle passera de rectangle a a carré ,donc 2x moins large


Forum
Author Message
Synedh
Membre


Offline
Membre

Joined: 20 Nov 2012
Posts: 6
Niveau:
Point(s): 6
Moyenne: 1.00
Masculin

PostPosted: Mon 27 Jul 2015 - 11:52    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour, j'aimerais essayer de faire un truc un peu particulier sur mon forum :
- Avoir une largeur de base (pour mon forum, c'est 1000).
- Ne pas avoir une largeur supérieure à 100% de la largeur de la fenêtre (dans la limite des images évidemment).


En CSS, c'est très faisable avec width et max-width, en mettant max-width à 100%, mais comment l'appliquer à mon forum ?


Merci d'avance.


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Mon 27 Jul 2015 - 19:35    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour ,tu voudrez que tes image ne déforme pas ton forum !! au de la de 100%

c'est bien ça !! je ne comprend pas bien .


Forum
Author Message
Synedh
Membre


Offline
Membre

Joined: 20 Nov 2012
Posts: 6
Niveau:
Point(s): 6
Moyenne: 1.00
Masculin

PostPosted: Wed 29 Jul 2015 - 09:50    Post subject: [guide]modifier la largeur du forum Reply with quote

Nop, j'aimerais que mon forum ait une largeur fixe, (dans overall_header, width=1000), mais que la largeur du forum ne dépasse pas la largeur de la fenêtre. En CSS,  on peut facilement mettre une valeur maximum à width, mais je ne sais pas comment l'adapter sur les templates, d'où ma question.


En gros, j'aimerais éviter d'avoir une barre de défilement horizontale.


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Wed 29 Jul 2015 - 20:37    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour il faudra je pense travaillé avec le bodyline
pour test >>>

Code: Sélectionner - Agrandir
.bodyline{max-width:100% !important;}


a placé dans votre css ou overall_header , dans la partie css ..

tiens moi au courent
bonne soirée


Forum
Author Message
Synedh
Membre


Offline
Membre

Joined: 20 Nov 2012
Posts: 6
Niveau:
Point(s): 6
Moyenne: 1.00
Masculin

PostPosted: Tue 24 May 2016 - 11:34    Post subject: [guide]modifier la largeur du forum Reply with quote

10 mois plus tard, et parce que xooit tombe doucement en désuétude, me revoilà.

J'ai essayé ta solution qui n'a pas marché : j'ai bien le "max-width: 100% !important;" qui apparaît dans le css de la page (un petit coup d'inspect sur le bodyline avec F12), mais la largeur du forum n'est pas modifiée si je réduit la largeur de ma fenêtre. Est-ce que la cause peut venir de l'image en header, où celle-ci n'intervient pas dans la largeur du forum ?


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 18:52    Post subject: [guide]modifier la largeur du forum

Display posts from previous:   
Reply to topic Page 97 of 97 Goto page: <  1, 2, 395, 96, 97




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401