Tom's Guide > Forum > Programmation > [Résolu] Modfication largeur forum Phpbb2

[Résolu] Modfication largeur forum Phpbb2

Forum Programmation : [Résolu] Modfication largeur forum Phpbb2

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre

Lire la meilleure réponse, apportée par Allstar27.

Mot :    Pseudo :           
 
flo5   11-08-2009 à 19:20:16

Bonjour à tous et a toutes,

Forum en question:http://ro-aion.clanfree.net/forum

Voila j'aimerai fixer la largeur du forum à 800px afin de pouvoir créer une image de fond avec un espace vide de largeur de 800px et de mettre des images sur les cotés.
Mais voila le souci c'est que je ne sais pas quoi modifier ni où. J'ai lu la documentation mais il n'existe pas de fichier common.css dans le theme de base qui est flower_of_evil.

Voici les fichiers css présents dans le dossier du template:
flower_of_evil.css

Code :
  1. /*
  2.       flower_of_evil Theme for phpBB version 2+
  3.       Created by larme d'ange
  4.       http://lda-creation.conceptbb.com
  6.       NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  7.       theme administration centre. When you have finalised your style you could cut the final CSS code
  8.       and place it in an external file, deleting this section to save bandwidth.
  9.     */
  11.     /* General page style. The scroll bar colours only visible in IE5.5+ */
  12.     body {
  14.       /*background-image: url(images/background.png);*/
  15.       background-attachment: fixed;
  16.       background-repeat: repeat;
  17.       background-position: left;
  18.       background-color: #333333;
  20.     }
  22.     /* General font families for common tags */
  23.     font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size : 11px; color : #666666; }
  24.     a:link,a:active,a:visited { color : #666666; }
  25.     a:hover      { text-decoration: none; color : #c6022c; }
  26.     hr  { height: 0px; border: solid #101010 0px; border-top-width: 1px;}
  28.     /* This is the border line & background colour round the entire page */
  29.     .bodyline  { background-color: ""; border: 0px #3E3E3E solid; }
  31.     /* This is the outline round the main forum tables */
  32.     .forumline  { background-color: #333333; border: 2px #444444 solid; }
  34.     /* Main table cell colours and backgrounds */
  35.     td.row1  { background-color: #161616; }
  36.     td.row2  { background-color: #000000; }
  37.     td.row3  { background-color: #101010; }
  39.     /*
  40.       This is for the table cell above the Topics, Post & Last posts on the index.php page
  41.       By default this is the fading out gradiated silver background.
  42.       However, you could replace this with a bitmap specific for each forum
  43.     */
  44.     td.rowpic {
  45.           background-color: #000000;
  46.           background-image: url(images/back_title.jpg);
  47.           background-repeat: repeat-y;
  48.     }
  50.     /* Header cells - the blue and silver gradient backgrounds */
  51.     th  {
  52.       color: #4B7F07; font-size: 11px; font-weight : bold;
  53.       background-color: #000000; height: 25px;
  54.       background-image: url(images/back_title.jpg);
  55.     }
  57.     td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
  58.             background-image: url(images/back_title.jpg);
  59.             background-color:#000000; border: #2b2b2b; border-style: solid; height: 28px;
  60.             background-repeat: repeat-y;
  61.     }
  63.     /*
  64.       Setting additional nice inner borders for the main table cells.
  65.       The names indicate which sides the border will be on.
  66.       Don't worry if you don't understand this, just ignore it :-)
  67.     */
  68.     td.cat,td.catHead,td.catBottom {
  69.       height: 29px;
  70.       border-width: 0px 0px 0px 0px;
  71.     }
  72.     th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  73.       font-weight: bold; border: #333333; border-style: solid; height: 25px;
  74.     }
  75.     td.row3Right,td.spaceRow {
  76.       background-color: #101010; border: #2b2b2b; border-style: solid;
  77.     }
  79.     th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
  80.     th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
  81.     th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
  82.     th.thLeft,td.catLeft    { border-width: 0px 0px 0px 1px; }
  83.     th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
  84.     th.thTop    { border-width: 1px 0px 0px 0px; }
  85.     th.thCornerL { border-width: 1px 0px 0px 1px; }
  86.     th.thCornerR { border-width: 1px 1px 0px 0px; }
  88.     /* The largest text used in the index page title and toptic title etc. */
  89.     .maintitle  {
  90.       font-weight: bold; font-size: 18px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
  91.       text-decoration: none; line-height : 120%; color : #bbbbbb;
  92.     }
  94.     /* General text */
  95.     .gen { font-size : 12px; }
  96.     .genmed { font-size : 11px; }
  97.     .gensmall { font-size : 10px; }
  98.     .gen,.genmed,.gensmall { color : #bbbbbb; }
  99.     a.gen,a.genmed,a.gensmall { color: #666666; text-decoration: none; }
  100.     a.gen:hover,a.genmed:hover,a.gensmall:hover  { color: #c6022c; text-decoration: none; }
  102.     /* The register, login, search etc links at the top of the page */
  103.     .mainmenu      { font-size : 11px; color : #bbbbbb }
  104.     a.mainmenu      { text-decoration: none; color : #666666;  }
  105.     a.mainmenu:hover{ text-decoration: none; color : #c6022c; }
  107.     /* Forum category titles */
  108.     .cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #82AF20}
  109.     a.cattitle      { text-decoration: none; color : #82AF20; }
  110.     a.cattitle:hover{ text-decoration: none; }
  112.     /* Forum title: Text and link to the forums used in: index.php */
  113.     .forumlink      { font-weight: bold; font-size: 12px; color : #82AF20; }
  114.     a.forumlink    { text-decoration: none; color : #82AF20; }
  115.     a.forumlink:hover{ text-decoration: none; color : #c6022c; }
  117.     /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
  118.     .nav        { font-weight: bold; font-size: 11px; color : #bbbbbb;}
  119.     a.nav        { text-decoration: none; color : #666666; }
  120.     a.nav:hover      { text-decoration: none; }
  122.     /* titles for the topics: could specify viewed link colour too */
  123.     .topictitle,h1,h2  { font-weight: bold; font-size: 11px; color : #bbbbbb; }
  124.     a.topictitle:link  { text-decoration: none; color : #666666; }
  125.     a.topictitle:visited { text-decoration: none; color : #808080; }
  126.     a.topictitle:hover  { text-decoration: none; color : #c6022c; }
  128.     /* Name of poster in viewmsg.php and viewtopic.php and other places */
  129.     .name        { font-size : 11px; color : #bbbbbb;}
  131.     /* Location, number of posts, post date etc */
  132.     .postdetails      { font-size : 10px; color : #bbbbbb; }
  134.     /* The content of the posts (body of text) */
  135.     .postbody { font-size : 12px; line-height: 18px}
  136.     a.postlink:link  { text-decoration: none; color : #666666 }
  137.     a.postlink:visited { text-decoration: none; color : #808080; }
  138.     a.postlink:hover { text-decoration: none; color : #c6022c}
  140.     /* Quote & Code blocks */
  141.     .code {
  142.       font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #c6c6c6;
  143.       background-color: #535353; border: #3E3E3E; border-style: solid;
  144.       border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
  145.     }
  147.     .quote {
  148.       font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #a0a0a0; line-height: 125%;
  149.       background-color: #535353; border: #3E3E3E; border-style: solid;
  150.       border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
  151.     }
  153.     /* Copyright and bottom info */
  154.     .copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #a0a0a0; letter-spacing: -1px;}
  155.     a.copyright      { color: #7FDF00; text-decoration: none;}
  156.     a.copyright:hover { color: #c6c6c6; text-decoration: none;}
  158.     /* Form elements */
  159.     input,textarea, select {
  160.         border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
  161.       color : #7FDF00;
  162.       font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  163.       border-color : #a0a0a0;
  164.     }
  166.     /* The text input fields background colour */
  167.     input.post, textarea.post, select {
  168.       background-color : #2b2b2b;
  169.     }
  171.     input { text-indent : 2px;
  172.           background-color : #535353; }
  174.     /* The buttons used for bbCode styling in message post */
  175.     input.button {
  176.       background-color : #000000;
  177.       color : #bbbbbb;
  178.       font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
  179.     }
  181.     /* The main submit button option */
  182.     input.mainoption {
  183.       background-color : #535353;
  184.       font-weight : bold;
  185.     }
  187.     /* None-bold submit button */
  188.     input.liteoption {
  189.       background-color : #535353;
  190.       font-weight : normal;
  191.     }
  193.     /* This is the line in the posting page which shows the rollover
  194.       help line. This is actually a text box, but if set to be the same
  195.       colour as the background no one will know ;)
  196.     */
  197.     .helpline { background-color: #000000; border-style: none; }




et
rcs_stylesheet.css

Code :
  1. /**
  2.     *
  3.     * @package rank_color_system_mod
  4.     * @version $Id: rcs_stylesheet.css,v 0.2 02/02/2007 20:29 reddog Exp $
  5.     * @copyright (c) 2006 reddog - http://www.reddevboard.com/
  6.     * @license http://opensource.org/licenses/gpl-license.php GNU Public License
  7.     *
  8.     */
  10.     /**
  11.     * rank color system classes
  12.     */
  14.     /* table cells */
  15.     html body table.cells {
  16.       margin:0;
  17.       padding:0;
  18.       border-spacing:1px;
  19.       empty-cells:show;
  20.     }
  21.     html body table.cells tr,
  22.     table.cells th,
  23.     table.cells td {
  24.       padding:3px;
  25.     }
  27.     html body table.subcells {
  28.       border:0;
  29.       margin:0;
  30.       padding:0;
  31.       border-spacing:1px;
  33.       width:100%;
  34.     }
  35.     html body table.subcells td {
  36.       padding:1px;
  37.     }
  39.     html body table.center {
  40.       margin-left:auto;
  41.       margin-right:auto;
  42.       text-align:left;
  43.     }
  45.     /* th link */
  46.     th a,
  47.     th a:visited {
  48.       color:#FFA34F !important;
  49.       text-decoration:none;
  50.     }
  52.     th a:hover {
  53.       text-decoration:underline;
  54.     }
  56.     /* floating */
  57.     html body div.float_left { float:left; text-align:left; }
  58.     html body div.float_right { float:right; }
  59.     html body div.flow_auto { overflow:auto; width:100%; }
  60.     html body div.float_right_auto { float:right; width:auto; vertical-align:top; }
  62.     html body .margin_btm { padding:1px; margin-bottom:1px; }
  63.     html body .margin_top { padding:1px; margin-top:1px; }
  65.     /* elements */
  66.     form { margin:0; padding:0; }
  67.     html body label { cursor:pointer; }
  68.     html body br.both { clear:both; }
  69.     html body a img { border:none; }
  71.     /* alignment */
  72.     html body .hleft { text-align:left; }
  73.     html body .hcenter { text-align:center; }
  74.     html body .hright { text-align:right; }
  76.     html body .abstop { vertical-align:top; }
  77.     html body .absmiddle { vertical-align:middle; }
  78.     html body .absbottom { vertical-align:text-bottom; }
  80.     html body .middle { text-align:center; vertical-align:middle; }
  81.     html body .bottom { vertical-align:bottom; }
  82.     html body .nowrap { white-space:nowrap; }
  84.     /**
  85.     * levels classes
  86.     */
  88.     /* administrator level */
  89.     .admincolor {
  90.       color:#FFA34F;
  91.       font-weight:bold;
  92.       text-decoration:none;
  93.     }
  94.     a.admincolor:link, a.admincolor:visited {
  95.       color:#FFA34F;
  96.       font-weight:bold;
  97.       text-decoration:none;
  98.     }
  99.     a.admincolor:hover, a.admincolor:active {
  100.       color:#FFA34F;
  101.       font-weight:bold;
  102.       text-decoration:underline;
  103.     }
  105.     /* moderator level */
  106.     .modcolor {
  107.       color:#006600;
  108.       font-weight:bold;
  109.       text-decoration:none;
  110.     }
  111.     a.modcolor:link, a.modcolor:visited {
  112.       color:#006600;
  113.       font-weight:bold;
  114.       text-decoration:none;
  115.     }
  116.     a.modcolor:hover, a.modcolor:active {
  117.       color:#006600;
  118.       font-weight:bold;
  119.       text-decoration:underline;
  120.     }
  122.     /* registered user level */
  123.     .usercolor {
  124.       color:#006699;
  125.       font-weight:bold;
  126.       text-decoration:none;
  127.     }
  128.     a.usercolor:link, a.usercolor:visited {
  129.       color:#006699;
  130.       font-weight:bold;
  131.       text-decoration:none;
  132.     }
  133.     a.usercolor:hover, a.usercolor:active {
  134.       color:#006699;
  135.       font-weight:bold;
  136.       text-decoration:underline;
  137.     }
  139.     /**
  140.     * ranks classes
  141.     */
  143.     /* Administrator rank color */
  144.     .Administrator {
  145.       color:#CC0000;
  146.       font-weight:bold;
  147.       text-decoration:none;
  148.     }
  149.     a.Administrator:link, a.Administrator:visited {
  150.       color:#CC0000;
  151.       font-weight:bold;
  152.       text-decoration:none;
  153.     }
  154.     a.Administrator:hover, a.Administrator:active {
  155.       color:#CC0000;
  156.       font-weight:bold;
  157.       text-decoration:underline;
  158.     }



En vous remerçiant

Répondre
Meilleure réponse apportée par Allstar27
Bonjour ou bonsoir,

Si je me rappelle bien c'est pas dans le css que ca se modifie mais directement dans le header du templates... (overalheader ou un truc dans le genre) tu verras une <table> avec une largeur surement en pourcentage... que tu modifie par la largeur que tu veux...
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Badge Programmation Bronze Allstar27   11-08-2009 à 22:55:26
Meilleure réponse

Bonjour ou bonsoir,

Si je me rappelle bien c'est pas dans le css que ca se modifie mais directement dans le header du templates... (overalheader ou un truc dans le genre) tu verras une <table> avec une largeur surement en pourcentage... que tu modifie par la largeur que tu veux...

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
flo5   12-08-2009 à 21:05:14

Merci c'était bien dans overalheader.tpl qu'il fallait changé une valeur
Milles mercis :p

Répondre à flo5
Badge Programmation Bronze Allstar27   14-08-2009 à 16:35:21

Pas de soucis, bonne continuation!

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [Résolu] Modfication largeur forum Phpbb2
Aller à :

Il y a 2649 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,586 secondes
Liens