It is currently Sat 1 Oct 2016 - 15:47 - créer un forum

[guide]modifier la largeur du forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 389, 90, 9195, 96, 97  >

[guide]modifier la largeur du forum
Author Message
Yskander


Joined: 26 Jan 2008
Posts: 1,558

PostPosted: Sat 10 Jul 2010 - 14:02    Post subject: [guide]modifier la largeur du forum Reply with quote

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

Bonjour v13*grego*
Mettez votre template entre les balises codes afin que le code soit exploitable par les membres qui vous aideront.
Cordialement
Forum
Author Message
Homer54
Membre


Offline
Membre

Joined: 11 Jul 2010
Posts: 14
Niveau:
Point(s): 14
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct)

PostPosted: Sun 11 Jul 2010 - 08:41    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour à tous,
je suis admin par interim d'un forum.
http://lemanssportteam.xooit.fr/index.php

Il a été décidé de reprendre l'esthétique du forum.
Je suis parti du thème subsilver que j'ai modifié petit à petit.
Je souhaiterais profiter un peu plus de l'image de fond. C'est pour ça que j'aurais aimé diminuer la taille du forum.
Je suis actuellement à 100%, et j'aimerais passer à 80%.

 
J'ai bien trouvé ce code, mais la modification 100 en 80 n'a aucun effet sur ma page de test.

Quote:

Code: Sélectionner - Agrandir<table width="XXX" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>





Voici le contenue du overall_header



 
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://img10.xooimage.com/files/e/3/4/subsilver-1e039d7.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://img10.hostingpics.net/pics/2650984618343166_b594145391_o.jpg");
background-attachment: fixed;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border:0; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img10.xooimage.com/files/e/1/6/cellpic3-1e039d6.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img4.xooimage.com/files/f/d/3/banniere_sujet02-1deff5d.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img4.xooimage.com/files/b/3/2/cellpic2_essai-1df0076.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color: {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TD_COLOR2};
    border-width:1px;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
    border-width:1px;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
    border-width:1px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- 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 bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/0/e/2/bannierelms-1def728.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
<span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

<div style="text-align:center">
                <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table>
</div>
        <br />



Merci d'avance pour votre aide.


 


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: Sun 11 Jul 2010 - 11:04    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour

sur ton forum de test je ne vois pas la modification tu es bien sur d'enregistrer
_______________________


Forum
Author Message
Homer54
Membre


Offline
Membre

Joined: 11 Jul 2010
Posts: 14
Niveau:
Point(s): 14
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct)

PostPosted: Sun 11 Jul 2010 - 11:10    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour,
oui mais j'ai remis entre temps la taille par défaut.
La mon forum de test contient bien 80 dans le overall header.


Forum
Author Message
v13*grego*


Offline
Guest




PostPosted: Tue 13 Jul 2010 - 12:41    Post subject: [guide]modifier la largeur du forum Reply with quote

Comment dois-je faire pour mettre mon overhall header dans les balises codes?

Cordialement


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: Wed 14 Jul 2010 - 10:57    Post subject: [guide]modifier la largeur du forum Reply with quote

Forum
Author Message
v13*grego*


Offline
Guest




PostPosted: Wed 14 Jul 2010 - 19:00    Post subject: [guide]modifier la largeur du forum Reply with quote

je veux que mes sous-forums soient centrés en les visionnant sur un ordinateur 15 pouces.

Merci de m apporter vos solutions.

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>:: InnoXia's Prikbord ::</title>
<LINK href="http://img6.xooimage.com/files/1/1/4/wodan-1925acc.css" type=text/css rel=stylesheet>
<style type="text/css"><style type="text/css">
<!--
@import url("formIE.css");
-->
</style>
<!-- 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>
<table border="0" cellspacing="1" width="100%" style="background-image: images/hout1.jpg')" cellpadding="20">
      <tr>
        <td width="100%">&nbsp;
          <table border="0" cellspacing="1" width="100%" style="background-image: images/hout1.jpg')">
            <tr>
              <td width="100%" style="background-image: images/hout1.jpg'); background-repeat: repeat" valign="middle" align="justify">
                <table border="0" cellspacing="1" width="100%">
                  <tr>
                    <td width="100%" style="background-image: images/hout1.jpg'); background-repeat: repeat" valign="middle" align="justify">
                      <div align="center">
                        <table border="0" cellspacing="1" width="100%">
                          <tr>
                            <td width="100%" style="background-image: images/hout1.jpg'); background-repeat: repeat" valign="middle" align="justify">
                              <p align="center"><map name="FPMap0">
        <area href="http://" shape="circle" coords="8, 420, 4"></map><img border="0" src="http://img6.xooimage.com/files/a/d/b/sans-titre-1-copie-1c9e9e4.jpg" usemap="#FPMap0" width="919" height="368">
                              <p>&nbsp;</td>
                          </tr>
                        </table>
                      </div>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table></center>
    <br>
<td class=menuline>
<tr>
              <td width="100%" style="background-image: images/hout1.jpg'); background-repeat: repeat" valign="middle" align="justify">
                <div align="center"><noWrap valign="center"><span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img                      src="http://img4.xooimage.com/files/f/3/1/accueil4-1ca5119.png"border="0"></a></span>
                <noWrap valign="center"><span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><img                      src="http://img6.xooimage.com/files/5/b/e/faq-1ca5108.png"border="0"><!--{L_FAQ}--></a></span>
                <noWrap valign="center"><span class="mainmenu"><a href="{U_SEARCH}" class="mainmenu"><img                      src="http://img2.xooimage.com/files/9/e/2/search-1ca50e6.png"border="0"><!--{L_SEARCH}--></a></span>
                <noWrap valign="center"><span class="mainmenu"><a href="{U_MEMBERLIST}" class="mainmenu"><img                      src="http://img10.xooimage.com/files/8/7/0/membres-1ca50d7.png"border="0"><!--{L_MEMBERLIST}--></a></span>
                <noWrap valign="center"><span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img                      src="http://img6.xooimage.com/files/b/9/0/profil-1ca50a3.png"border="0"><!--{L_PROFILE}--></a></span>
                <noWrap valign="center"><span class="mainmenu"><a href="{U_PRIVATEMSGS}" class="mainmenu"><img                      src="http://img6.xooimage.com/files/3/c/e/mess-1ca5085.png"border="0"></a></span>
                <noWrap valign="center"><span class="mainmenu"><a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/d/a/8/enregistre-1ca5043.png" border="0"><!--{L_REGISTER}--></a></span>
    <noWrap valign="center"><span class="mainmenu"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img                      src="http://img4.xooimage.com/files/e/7/d/connexion-1ca4ecc.png"border="0"><!--{L_LOGIN_LOGOUT}--></a></span>
    <!-- BEGIN switch_user_logged_out --><!-- END switch_user_logged_out --></td>
            </tr>
</td></div>
 
</a><td width="100%" style="background-image: images/hout1.jpg'); background-repeat: repeat" valign="center" align="justify">
<tr><td class="bodyline">

 


Author Message
Homer54
Membre


Offline
Membre

Joined: 11 Jul 2010
Posts: 14
Niveau:
Point(s): 14
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct)

PostPosted: Wed 21 Jul 2010 - 21:33    Post subject: [guide]modifier la largeur du forum Reply with quote

je me permet un petit up. Embarassed
Homer54 wrote:

Bonjour à tous,
je suis admin par interim d'un forum.
http://lemanssportteam.xooit.fr/index.php

Il a été décidé de reprendre l'esthétique du forum.
Je suis parti du thème subsilver que j'ai modifié petit à petit.
Je souhaiterais profiter un peu plus de l'image de fond. C'est pour ça que j'aurais aimé diminuer la taille du forum.
Je suis actuellement à 100%, et j'aimerais passer à 80%.

 
J'ai bien trouvé ce code, mais la modification 100 en 80 n'a aucun effet sur ma page de test.

Quote:


Code: Sélectionner - Agrandir<table width="XXX" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>






Voici le contenue du overall_header



 
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://img10.xooimage.com/files/e/3/4/subsilver-1e039d7.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://img10.hostingpics.net/pics/2650984618343166_b594145391_o.jpg");
background-attachment: fixed;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border:0; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img10.xooimage.com/files/e/1/6/cellpic3-1e039d6.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img4.xooimage.com/files/f/d/3/banniere_sujet02-1deff5d.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img4.xooimage.com/files/b/3/2/cellpic2_essai-1df0076.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color: {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TD_COLOR2};
    border-width:1px;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
    border-width:1px;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
    border-width:1px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
-->
</style>
<!-- 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 bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/0/e/2/bannierelms-1def728.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a>


<span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}</span>

</div>

<div style="text-align:center">
                <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table>
</div>
        





Merci d'avance pour votre aide.


 


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: Fri 23 Jul 2010 - 11:42    Post subject: [guide]modifier la largeur du forum Reply with quote

rajoutes ça à la fin du template pour voir

Code: Sélectionner - Agrandir
<table align="center" width="800">
<tr>
<td>

_______________________


Forum
Author Message
kissskoool


Offline
Guest




PostPosted: Fri 23 Jul 2010 - 13:21    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,

Sans votre style.css dans son intégralité, je vais vous donner la solution d'après votre overall-header. En fait vous n'avez pas à redimensionner le tableau (ainsi il s'adapte à tous les écrans jusqu'à 100%). Votre problème vient surement de votre image d'entête qui est trop grande :

 
Code: Sélectionner - Agrandir

{U_INDEX}"><img src="http://img4.xooimage.com/files/0/e/2/bannierelms-1def728.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a>

Il suffit de la redimensionner - ou cropper - en largeur de 800 px ou plus et le tour est joué.
Vérifier dans tous les cas que les autres images ne dépassent pas la largeur désirée.

Bon surf,

K.

Homer54 wrote:

je me permet un petit up. Embarassed
Homer54 wrote:



Bonjour à tous,
je suis admin par interim d'un forum.
http://lemanssportteam.xooit.fr/index.php

Il a été décidé de reprendre l'esthétique du forum.
Je suis parti du thème subsilver que j'ai modifié petit à petit.
Je souhaiterais profiter un peu plus de l'image de fond. C'est pour ça que j'aurais aimé diminuer la taille du forum.
Je suis actuellement à 100%, et j'aimerais passer à 80%.

 
J'ai bien trouvé ce code, mais la modification 100 en 80 n'a aucun effet sur ma page de test.

Quote:




Code: Sélectionner - Agrandir<table width="XXX" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>








Voici le contenue du overall_header



 
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://img10.xooimage.com/files/e/3/4/subsilver-1e039d7.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://img10.hostingpics.net/pics/2650984618343166_b594145391_o.jpg");
background-attachment: fixed;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
/* .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }*/

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border:0; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img10.xooimage.com/files/e/1/6/cellpic3-1e039d6.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img4.xooimage.com/files/f/d/3/banniere_sujet02-1deff5d.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img4.xooimage.com/files/b/3/2/cellpic2_essai-1df0076.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color: {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TD_COLOR2};
    border-width:1px;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
    border-width:1px;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
    border-width:1px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
-->
</style>
<!-- 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 bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/0/e/2/bannierelms-1def728.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a>


<span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}</span>

</div>

<div style="text-align:center">
                <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img1.xooimage.com/files/i/n/interrogation-1--2e754.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_search-30d7d.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-30d7e.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_groups-30d7f.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
                        <!-- BEGIN switch_user_logged_out -->
                        &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                        <!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                    <tr>
                        <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_profile-30d81.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_message-30d82.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-30d83.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
                    </tr>
                </table>
</div>
        







Merci d'avance pour votre aide.


 






Author Message
Homer54
Membre


Offline
Membre

Joined: 11 Jul 2010
Posts: 14
Niveau:
Point(s): 14
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Balance (23sep-22oct)

PostPosted: Sat 24 Jul 2010 - 14:57    Post subject: [guide]modifier la largeur du forum Reply with quote

merci je vais regarder tout ça ce week end.


edit: j'ai diminuer la bannière et le forum de test s'est réduit.

Merci beaucoup.


Forum
Author Message
DAM624


Offline
Guest




PostPosted: Sat 24 Jul 2010 - 23:35    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonsoir,

Je n'arrive pas à modifier la largeur de mon forum, j'ai essayé de modifier les height un par un mais la largeur du forum ne change jamais.

Voici mon overall_header :


Code: Sélectionner - Agrandir
<!--/* Forum Skin by PixelSlot.com */--><!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>

<style type="text/css">
<!--
/*
  The original bionic Theme for phpBB version 2+
  Created by PixelSlot
  [url=http://www.pixelslot.com/]http://www.pixelslot.com[/url]
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: #06122D;
 scrollbar-face-color: C7D3DD;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: C7D3DD;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
 background-image:url(http://img6.xooimage.com/files/b/g/bg-315c0.gif);
}
/* General font families for common tags */
font,th,td,p { font-family: Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFA34F; }
a:hover  { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #15203A 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: #111E3A; border: 1px #111E3A solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #1E2A45; }
td.row2 { background-color: #1A2640; }
td.row3 { background-color: #15203A; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
  background-color: #FFFFFF;
  background-image: url(http://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #FFFFFF; font-size: 11px; font-weight : bold;
 background-color: #FFFFFF; height: 39px;
 background-image: url(http://img4.xooimage.com/files/t/i/tile_sub-315c1.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color:#15203A; border: #1E2A45; border-style: solid; height: 28px;
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: #060A13; border-style: solid; height: 39px;
}
td.row3Right,td.spaceRow {
 background-color: #15203A; border: #15203A; border-style: solid;
}
th.thHead,td.catHead { font-size: 11px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft   { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop  { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
 font-weight: bold; font-size: 22px; font-family: "Arial, Helvetica, sans-serif",Arial, Helvetica, sans-serif;
 text-decoration: none; line-height : 120%; color : #FFFFFF;
}
/* General text */
.gen { font-size : 11px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall { color: #FFA34F; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #FFA34F; }
a.mainmenu  { text-decoration: none; color : #FFA34F;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #FFFFFF}
a.cattitle  { text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 11px; color : #FFA34F; }
a.forumlink  { text-decoration: none; color : #FFA34F; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 11px; color : #FFFFFF;}
a.nav   { text-decoration: none; color : #FFFFFF; }
a.nav:hover  { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; color : #FFFFFF; }
a.topictitle:link   { text-decoration: none; color : #FFA34F; }
a.topictitle:visited { text-decoration: none; color : #FFA34F; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 11px; color : #FFFFFF;}
/* Location, number of posts, post date etc */
.postdetails  { font-size : 11px; color : #FFFFFF; }
/* The content of the posts (body of text) */
.postbody { font-size : 11px; line-height: 18px; color : #C2C2C2}
a.postlink:link { text-decoration: none; color : #FFFFFF }
a.postlink:visited { text-decoration: none; color : #FFA34F; }
a.postlink:hover { text-decoration: underline; color : #DD6900}
/* Quote & Code blocks */
.code {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;
 background-color: #FAFAFA; border: #15203A; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
 background-color: #FAFAFA; border: #15203A; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright  { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #3A5899; }
a.copyright  { color: #3A5899; text-decoration: none;}
a.copyright:hover { color: #5C96F0; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : #1A2640;
 font: normal 11px Arial, Helvetica, sans-serif;
 border-color : #FFFFFF;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #F7F6F6;
 color : #1A2640;
 font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
 background-color : #FFFFFF;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : #FAFAFA;
 font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #F3F3F3; border-style: none; }

/* PixelSlot's */
.maintitle2 { FONT-SIZE: 15px; LETTER-SPACING: -1px; vertical-align:middle; font-weight:bold; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.maintitle2:link { text-decoration: none; color : #FFFFFF }
a.maintitle2:visited { text-decoration: none; color : #FFFFFF }
a.maintitle2:hover { text-decoration: underline; color : #FFFFFF }
.whitetext { FONT-SIZE: 11px; vertical-align:middle; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.whitetext:link { text-decoration: none; color : #FFFFFF }
a.whitetext:visited { text-decoration: none; color : #FFFFFF }
a.whitetext:hover { text-decoration: underline; color : #FFFFFF }
.register { FONT-SIZE: 11px;  color:#3A5899;}
a.register:link { text-decoration: none; color:#3A5899;  }
a.register:visited { text-decoration: none; color:#3A5899;}
a.register:hover { text-decoration: none; color:#5C96F0;}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>

<!-- 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 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a name="top"></a>
<table width="768" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="13" background="[url=http://img10.xooimage.com/files/b/g/bg_l-315cb.gif%22%3E%3Cimg]http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"><img[/url] src="http://img10.xooimage.com/files/b/g/bg_l-315cb.gif" width="13" height="5"></td>
    <td width="754" valign="top" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif"> 
      
      <table width="742" border="0" cellpadding="0" cellspacing="0" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif">
        <tr> 
          <td width="626"><a href="index.php"><img src="http://img3.xooimage.com/files/l/o/logo-315cd.gif" width="273" height="100" border="0"></a></td>
          <td width="116" valign="top">
<!-- BEGIN switch_user_logged_out -->
<table width="103" height="29" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="28" height="29"><img src="http://img10.xooimage.com/files/b/u/button_reg_l-315ce.gif" width="28" height="29"></td>
                <td width="75" background="http://img2.xooimage.com/files/b/u/button_reg_r-315cf.gif" align="center"><b><a href="{U_REGISTER}" class="register">{L_REGISTER}</a></b></td>
              </tr>
            </table>
<!-- END switch_user_logged_out -->
          </td>
        </tr>
      </table>
      <table width="742" border="0" cellspacing="0" cellpadding="0">
        <tr> 
    
   
          <td width="742" height="38" align="right" background="http://img2.xooimage.com/files/n/a/nav_bg-315d0.gif"> 
            <table width="408" border="0" cellpadding="0" cellspacing="0" background="http://img4.xooimage.com/files/b/u/button_bg-315d1.gif">
              <tr> 
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_MEMBERLIST}" class="whitetext"><b>{L_MEMBERLIST}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_GROUP_CP}" class="whitetext"><b>{L_USERGROUPS}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_PROFILE}" class="whitetext"><b>{L_PROFILE}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_SEARCH}" class="whitetext"><b>{L_SEARCH}</b></a>&nbsp;&nbsp;&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>

      <table width="742" border="0" cellpadding="10" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr> 
          <td width="742"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr> 
                <td width="14"><img src="http://img2.xooimage.com/files/n/a/nav_2_l-315d3.gif" width="14" height="33"></td>
                <td width="100%" bgcolor="112248" align="right">

 <table border="0" cellpadding="0" cellspacing="0" align="center">
              <tr>
    
    <td><span class="register">{CURRENT_TIME}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;</span>
          </td>
  <td>&nbsp;&nbsp;<img src="http://img2.xooimage.com/files/i/c/icon_mini_faq-315d4.gif" width="21" height="22" border="0" alt="{L_FAQ}" hspace="3" /></td><td>&nbsp;<a href="{U_FAQ}" class="register">{L_FAQ}</a></td>
   <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_message-315d5.gif" width="21" height="22" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></td><td>&nbsp;<a href="{U_PRIVATEMSGS}" class="register">{PRIVATE_MESSAGE_INFO}</a></td>
         <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_login-315d6.gif" width="21" height="22" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></td><td>&nbsp;<a href="{U_LOGIN_LOGOUT}" class="register">{L_LOGIN_LOGOUT}</a></td>
              </tr>
            </table>  
  
  </td>
                <td width="14"><img src="http://img9.xooimage.com/files/n/a/nav_2_r-315d7.gif" width="14" height="33"></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="742" border="0" cellpadding="20" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr> 
          <td width="742">




Pouvez vous m'aider, merci Smile EDIT : Le théme est Bionic et l'adresse du forum au cas ou ==> http://lordofwar.xooit.com/index.php

Author Message
kissskoool


Offline
Guest




PostPosted: Sun 25 Jul 2010 - 02:42    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,

La largeur de votre forum est définie par :
 
Code: Sélectionner - Agrandir


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


Modifier la valeur du width (et non le height - qui modifie la hauteur) par une valeur plus grande.

Vous avez d'autre part une erreur de codage ici :
 
Code: Sélectionner - Agrandir
     <td width="13" background="[url=http://img10.xooimage.com/files/b/g/bg_l-315cb.gif%22%3E%3Cimg]http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"><img[/url] src="http://img10.xooimage.com/files/b/g/bg_l-315cb.gif" width="13" height="5"></td>
Il faut le remplacer par :
 
Code: Sélectionner - Agrandir
     <td width="13" height="5" background="http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"></td>
Modifiez en conséquence toutes les autres valeurs pour vos table - je vous suggère de mettre des 100% pour qu'il remplissent tout l'espace - et des valeurs précises pour les td pour organiser avec plus de finesse.

Astuces : Etant donné que vous avez plusieurs tables imbriquées, modifiez UNE seule valeur de table à la fois - vous aurez ainsi un aperçu de ce que vous modifiez. Faîtes de même pour les largeurs des cellules.

Bon surf,

K.


Author Message
DAM624


Offline
Guest




PostPosted: Sun 25 Jul 2010 - 16:26    Post subject: [guide]modifier la largeur du forum Reply with quote

Bonjour,

Merci mais ca ne marche pas. J'ai bien modifiié la valeur de width mais le forum  se décale à gauche. Toutefois, la largeur change bien mais en faite, je voudrais que le forum prenne la totalité de la page et que ce soit le forum qui change de largeur et non pas le contour.

Voici mon overall_header :

Code: Sélectionner - Agrandir
<!--/* Forum Skin by PixelSlot.com */-->
<!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>

<style type="text/css">
<!--
/*
  The original bionic Theme for phpBB version 2+
  Created by PixelSlot
  [url=http://www.pixelslot.com/]http://www.pixelslot.com[/url]
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: #06122D;
 scrollbar-face-color: C7D3DD;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: C7D3DD;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
 background-image:url(http://img6.xooimage.com/files/b/g/bg-315c0.gif);
}
/* General font families for common tags */
font,th,td,p { font-family: Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFA34F; }
a:hover  { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #15203A 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: #111E3A; border: 1px #111E3A solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #1E2A45; }
td.row2 { background-color: #1A2640; }
td.row3 { background-color: #15203A; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
  background-color: #FFFFFF;
  background-image: url(http://img5.xooimage.com/files/c/e/cellpic2-30da7.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #FFFFFF; font-size: 11px; font-weight : bold;
 background-color: #FFFFFF; height: 39px;
 background-image: url(http://img4.xooimage.com/files/t/i/tile_sub-315c1.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color:#15203A; border: #1E2A45; border-style: solid; height: 28px;
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: #060A13; border-style: solid; height: 39px;
}
td.row3Right,td.spaceRow {
 background-color: #15203A; border: #15203A; border-style: solid;
}
th.thHead,td.catHead { font-size: 11px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft   { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop  { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
 font-weight: bold; font-size: 22px; font-family: "Arial, Helvetica, sans-serif",Arial, Helvetica, sans-serif;
 text-decoration: none; line-height : 120%; color : #FFFFFF;
}
/* General text */
.gen { font-size : 11px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall { color: #FFA34F; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #FFA34F; }
a.mainmenu  { text-decoration: none; color : #FFA34F;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #FFFFFF}
a.cattitle  { text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 11px; color : #FFA34F; }
a.forumlink  { text-decoration: none; color : #FFA34F; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 11px; color : #FFFFFF;}
a.nav   { text-decoration: none; color : #FFFFFF; }
a.nav:hover  { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; color : #FFFFFF; }
a.topictitle:link   { text-decoration: none; color : #FFA34F; }
a.topictitle:visited { text-decoration: none; color : #FFA34F; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 11px; color : #FFFFFF;}
/* Location, number of posts, post date etc */
.postdetails  { font-size : 11px; color : #FFFFFF; }
/* The content of the posts (body of text) */
.postbody { font-size : 11px; line-height: 18px; color : #C2C2C2}
a.postlink:link { text-decoration: none; color : #FFFFFF }
a.postlink:visited { text-decoration: none; color : #FFA34F; }
a.postlink:hover { text-decoration: underline; color : #DD6900}
/* Quote & Code blocks */
.code {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;
 background-color: #FAFAFA; border: #15203A; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
 background-color: #FAFAFA; border: #15203A; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright  { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #3A5899; }
a.copyright  { color: #3A5899; text-decoration: none;}
a.copyright:hover { color: #5C96F0; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : #1A2640;
 font: normal 11px Arial, Helvetica, sans-serif;
 border-color : #FFFFFF;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #F7F6F6;
 color : #1A2640;
 font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
 background-color : #FFFFFF;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : #FAFAFA;
 font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #F3F3F3; border-style: none; }

/* PixelSlot's */
.maintitle2 { FONT-SIZE: 15px; LETTER-SPACING: -1px; vertical-align:middle; font-weight:bold; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.maintitle2:link { text-decoration: none; color : #FFFFFF }
a.maintitle2:visited { text-decoration: none; color : #FFFFFF }
a.maintitle2:hover { text-decoration: underline; color : #FFFFFF }
.whitetext { FONT-SIZE: 11px; vertical-align:middle; color:#FFFFFF; padding:8px 0px 8px 5px;}
a.whitetext:link { text-decoration: none; color : #FFFFFF }
a.whitetext:visited { text-decoration: none; color : #FFFFFF }
a.whitetext:hover { text-decoration: underline; color : #FFFFFF }
.register { FONT-SIZE: 11px;  color:#3A5899;}
a.register:link { text-decoration: none; color:#3A5899;  }
a.register:visited { text-decoration: none; color:#3A5899;}
a.register:hover { text-decoration: none; color:#5C96F0;}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>

<!-- 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 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a name="top"></a>
<table width="1768" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
     <td width="13" height="5" background="[url=http://img10.xooimage.com/files/b/g/bg_l-315cb.gif%22%3E%3C/td]http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"></td[/url]>
   <td width="754" valign="top" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif">
     
      <table width="742" border="0" cellpadding="0" cellspacing="0" background="http://img7.xooimage.com/files/b/g/bg_2-315cc.gif">
        <tr>
          <td width="626"><a href="index.php"><img src="http://img3.xooimage.com/files/l/o/logo-315cd.gif" width="273" height="100" border="0"></a></td>
          <td width="116" valign="top">
<!-- BEGIN switch_user_logged_out -->
<table width="103" height="29" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="28" height="29"><img src="http://img10.xooimage.com/files/b/u/button_reg_l-315ce.gif" width="28" height="29"></td>
                <td width="75" background="http://img2.xooimage.com/files/b/u/button_reg_r-315cf.gif" align="center"><b><a href="{U_REGISTER}" class="register">{L_REGISTER}</a></b></td>
              </tr>
            </table>
<!-- END switch_user_logged_out -->
          </td>
        </tr>
      </table>
      <table width="742" border="0" cellspacing="0" cellpadding="0">
        <tr>
   
  
          <td width="742" height="38" align="right" background="http://img2.xooimage.com/files/n/a/nav_bg-315d0.gif">
            <table width="408" border="0" cellpadding="0" cellspacing="0" background="http://img4.xooimage.com/files/b/u/button_bg-315d1.gif">
              <tr>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_MEMBERLIST}" class="whitetext"><b>{L_MEMBERLIST}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_GROUP_CP}" class="whitetext"><b>{L_USERGROUPS}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_PROFILE}" class="whitetext"><b>{L_PROFILE}</b></a>&nbsp;&nbsp;&nbsp;</td>
                <td width="22"><img src="http://img6.xooimage.com/files/b/u/button_l-315d2.gif" width="22" height="38"></td>
                <td width="80" align="right"><a href="{U_SEARCH}" class="whitetext"><b>{L_SEARCH}</b></a>&nbsp;&nbsp;&nbsp;</td>
              </tr>
            </table></td>
        </tr>
      </table>

      <table width="742" border="0" cellpadding="10" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr>
          <td width="742"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="14"><img src="http://img2.xooimage.com/files/n/a/nav_2_l-315d3.gif" width="14" height="33"></td>
                <td width="100%" bgcolor="112248" align="right">

 <table border="0" cellpadding="0" cellspacing="0" align="center">
              <tr>
   
    <td><span class="register">{CURRENT_TIME}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;</span>
          </td>
  <td>&nbsp;&nbsp;<img src="http://img2.xooimage.com/files/i/c/icon_mini_faq-315d4.gif" width="21" height="22" border="0" alt="{L_FAQ}" hspace="3" /></td><td>&nbsp;<a href="{U_FAQ}" class="register">{L_FAQ}</a></td>
   <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_message-315d5.gif" width="21" height="22" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></td><td>&nbsp;<a href="{U_PRIVATEMSGS}" class="register">{PRIVATE_MESSAGE_INFO}</a></td>
         <td>&nbsp;&nbsp;<img src="http://img4.xooimage.com/files/i/c/icon_mini_login-315d6.gif" width="21" height="22" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></td><td>&nbsp;<a href="{U_LOGIN_LOGOUT}" class="register">{L_LOGIN_LOGOUT}</a></td>
              </tr>
            </table>  
  
  </td>
                <td width="14"><img src="http://img9.xooimage.com/files/n/a/nav_2_r-315d7.gif" width="14" height="33"></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="742" border="0" cellpadding="20" cellspacing="0" background="http://img6.xooimage.com/files/b/g/bg-315c0.gif">
        <tr>
          <td width="742">

 

Je ne sais pas comment faire, pouvez-vous m'éclairé. Merci.


Author Message
kissskoool


Offline
Guest




PostPosted: Sun 25 Jul 2010 - 17:34    Post subject: [guide]modifier la largeur du forum Reply with quote

Si vous désirez que vos tables prennent tous l'espace disponible selon la résolution de l'écran, mettez width="100%" plutôt qu'une  valeur en pixels. Pour que vos tables gardent leur cohérence, il faut aussi employer des % pour définir la largeur de vos cellules : sinon elles ne seront pas redimensionnées lors des changements de résolution.

Cependant je vous suggère de ne pas redimensionner votre forum selon la résolution de l'écran mais de la fixer : Cela a un sens si vous privilégiez l'effet visuel.

Vous devez absolu corriger les erreurs ci-dessous car elles peuvent altérer le visuel de votre forum ainsi que ses dimensions 
Code: Sélectionner - Agrandir

[url=http://www.pixelslot.com/]http://www.pixelslot.com[/url]

<td width="13" height="5" background="[url=http://img10.xooimage.com/files/b/g/bg_l-315cb.gif%22%3E%3C/td]http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"></td[/url]>


Modifiez tel quel: 
Code: Sélectionner - Agrandir

<a href="http://www.pixelslot.com/">http://www.pixelslot.com</a>
 
 <td width="13" height="5" background="http://img10.xooimage.com/files/b/g/bg_l-315cb.gif"></td>
J'espère que ces éléments vous aideront à avancer dans votre démarche.
Bon surf,

K.


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: Sun 25 Jul 2010 - 17:53    Post subject: [guide]modifier la largeur du forum Reply with quote

themalin wrote:
rajoutes ça à la fin du template pour voir

Code: Sélectionner - Agrandir
<table align="center" width="800">
<tr>
<td>


bonjour

essayes ça
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 15:47    Post subject: [guide]modifier la largeur du forum

Display posts from previous:   
Reply to topic Page 90 of 97 Goto page: <  1, 2, 389, 90, 9195, 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