La date/heure actuelle est Ven 20 Oct 2017 - 16:20 - créer un forum

[guide]modifier la largeur du forum

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 3 … , 95, 96, 97  >

[guide]modifier la largeur du forum
Auteur Message
Sploutch


Inscrit le: 02 Jan 2006
Messages: 585

MessagePosté le: Mer 25 Déc 2013 - 12:56    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

Bonjour JPGenesis,

Après une sauvegarde de votre template, effectuez le remplacement dans votre thème de test de votre overall_headertpl

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html 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/files9/a/l/alexisred-310f4.css" type="text/css">

<!-- 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 link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<a name="top"></a>
<table class="mainwindow" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>

<table width="1000" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="100%">


<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="title"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>

<!-- <td width="150" background="http://img.xooimage.com/files9/t/o/top-310a2.gif">&nbsp;</td> -->

<td valign="bottom"><div align="right"><img src="http://img.xooimage.com/files7/l/o/logo-310f5.gif"></img></div></td></tr></table></td>
</tr>
<tr>
<td class="subtitle">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<!-- <td width="100" background="http://img.xooimage.com/files7/b/o/bottom-310a4.gif">&nbsp;</td>   -->
<td class="small">
<div align="left">

        <a href="{U_INDEX}">{L_INDEX}</a> ::
        <a href="{U_FAQ}">{L_FAQ}</a> ::
        <a href="{U_SEARCH}">{L_SEARCH}</a> ::
        <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> ::
        <a href="{U_GROUP_CP}">{L_USERGROUPS}</a>

</div>
</td>
<td width="35%" class="small">
<div align="right">


                <!-- BEGIN switch_user_logged_out -->
                <a href="{U_REGISTER}">{L_REGISTER}</a> ::
                <!-- END switch_user_logged_out -->

                 <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> ::
                <a href="{U_PROFILE}">{L_PROFILE}</a>


</div>
</td>
</tr>
</table>

</td>
</tr>
</table>

<br />
<center><div class="pm"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
<br />

<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td>



Cordialement
Les membres suivants remercient Sploutch pour ce message :
(25/12/13)
Forum
Auteur Message
JPGenesis
Membre


Hors ligne
Membre

Inscrit le: 22 Déc 2013
Messages: 8
Point(s): 8
Moyenne: 1,00
Masculin

MessagePosté le: Mer 25 Déc 2013 - 13:27    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Merci beaucoup !

Forum
Auteur Message
Shadow Paladdin
Membre


Hors ligne
Membre

Inscrit le: 21 Juin 2014
Messages: 10
Point(s): 10
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Sam 21 Juin 2014 - 12:07    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 857
Niveau:
Point(s): 855
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Sam 21 Juin 2014 - 16:13    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
_______________________
Aucune 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.
Discord - Twitter


Forum
Auteur Message
Shadow Paladdin
Membre


Hors ligne
Membre

Inscrit le: 21 Juin 2014
Messages: 10
Point(s): 10
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Sam 21 Juin 2014 - 18:30    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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!
Les membres suivants remercient Shadow Paladdin pour ce message :
RotorMan (21/06/14)


Forum
Auteur Message
Arthel
Membre


Hors ligne
Membre

Inscrit le: 01 Juil 2014
Messages: 2
Niveau:
Point(s): 2
Moyenne: 1,00
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mar 1 Juil 2014 - 15:23    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 857
Niveau:
Point(s): 855
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mar 1 Juil 2014 - 16:08    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
_______________________
Aucune 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.
Discord - Twitter


Forum
Auteur Message
Arthel
Membre


Hors ligne
Membre

Inscrit le: 01 Juil 2014
Messages: 2
Niveau:
Point(s): 2
Moyenne: 1,00
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mar 1 Juil 2014 - 16:42    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Bonjour,

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


Forum
Auteur Message
Silver-Puck
Membre


Hors ligne
Membre

Inscrit le: 18 Mai 2014
Messages: 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

MessagePosté le: Mer 9 Juil 2014 - 18:47    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mar 29 Juil 2014 - 02:11    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

Silver-Puck a écrit:

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
Auteur Message
blevanaks
Membre


Hors ligne
Membre

Inscrit le: 12 Juin 2012
Messages: 2
Point(s): 2
Moyenne: 1,00

MessagePosté le: Mer 21 Jan 2015 - 14:10    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
R-max
Membre


Hors ligne
Membre

Inscrit le: 07 Sep 2014
Messages: 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)

MessagePosté le: Mer 21 Jan 2015 - 16:43    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
Synedh
Membre


Hors ligne
Membre

Inscrit le: 20 Nov 2012
Messages: 6
Niveau:
Point(s): 6
Moyenne: 1,00
Masculin

MessagePosté le: Lun 27 Juil 2015 - 11:52    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
R-max
Membre


Hors ligne
Membre

Inscrit le: 07 Sep 2014
Messages: 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)

MessagePosté le: Lun 27 Juil 2015 - 19:35    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
Synedh
Membre


Hors ligne
Membre

Inscrit le: 20 Nov 2012
Messages: 6
Niveau:
Point(s): 6
Moyenne: 1,00
Masculin

MessagePosté le: Mer 29 Juil 2015 - 09:50    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
R-max
Membre


Hors ligne
Membre

Inscrit le: 07 Sep 2014
Messages: 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)

MessagePosté le: Mer 29 Juil 2015 - 20:37    Sujet du message: [guide]modifier la largeur du forum Répondre en citant

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
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 16:20    Sujet du message: [guide]modifier la largeur du forum

Montrer les messages depuis:   
Répondre au sujet Page 96 sur 97 Aller à la page: <  1, 2, 3 … , 95, 96, 97  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401