Résolu Modfication largeur forum Phpbb2

Solutions (4)
Tags :
  • CSS
  • Programmation
|
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
  1. /*
  2. flower_of_evil Theme for phpBB version 2+
  3. Created by larme d'ange
  4. <a href="http://lda-creation.conceptbb.com" rel="nofollow" target="_blank">http://lda-creation.conceptbb.com</a>
  5.  
  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. */
  10.  
  11. /* General page style. The scroll bar colours only visible in IE5.5+ */
  12. body {
  13.  
  14. /*background-image: url(images/background.png);*/
  15. background-attachment: fixed;
  16. background-repeat: repeat;
  17. background-position: left;
  18. background-color: #333333;
  19.  
  20. }
  21.  
  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;}
  27.  
  28. /* This is the border line & background colour round the entire page */
  29. .bodyline { background-color: ""; border: 0px #3E3E3E solid; }
  30.  
  31. /* This is the outline round the main forum tables */
  32. .forumline { background-color: #333333; border: 2px #444444 solid; }
  33.  
  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; }
  38.  
  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. }
  49.  
  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. }
  56.  
  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. }
  62.  
  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. }
  78.  
  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; }
  87.  
  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. }
  93.  
  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; }
  101.  
  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; }
  106.  
  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; }
  111.  
  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; }
  116.  
  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; }
  121.  
  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; }
  127.  
  128. /* Name of poster in viewmsg.php and viewtopic.php and other places */
  129. .name { font-size : 11px; color : #bbbbbb;}
  130.  
  131. /* Location, number of posts, post date etc */
  132. .postdetails { font-size : 10px; color : #bbbbbb; }
  133.  
  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}
  139.  
  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. }
  146.  
  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. }
  152.  
  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;}
  157.  
  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. }
  165.  
  166. /* The text input fields background colour */
  167. input.post, textarea.post, select {
  168. background-color : #2b2b2b;
  169. }
  170.  
  171. input { text-indent : 2px;
  172. background-color : #535353; }
  173.  
  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. }
  180.  
  181. /* The main submit button option */
  182. input.mainoption {
  183. background-color : #535353;
  184. font-weight : bold;
  185. }
  186.  
  187. /* None-bold submit button */
  188. input.liteoption {
  189. background-color : #535353;
  190. font-weight : normal;
  191. }
  192.  
  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
Spoiler

  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. */
  9.  
  10. /**
  11. * rank color system classes
  12. */
  13.  
  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. }
  26.  
  27. html body table.subcells {
  28. border:0;
  29. margin:0;
  30. padding:0;
  31. border-spacing:1px;
  32.  
  33. width:100%;
  34. }
  35. html body table.subcells td {
  36. padding:1px;
  37. }
  38.  
  39. html body table.center {
  40. margin-left:auto;
  41. margin-right:auto;
  42. text-align:left;
  43. }
  44.  
  45. /* th link */
  46. th a,
  47. th a:visited {
  48. color:#FFA34F !important;
  49. text-decoration:none;
  50. }
  51.  
  52. th a:hover {
  53. text-decoration:underline;
  54. }
  55.  
  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; }
  61.  
  62. html body .margin_btm { padding:1px; margin-bottom:1px; }
  63. html body .margin_top { padding:1px; margin-top:1px; }
  64.  
  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; }
  70.  
  71. /* alignment */
  72. html body .hleft { text-align:left; }
  73. html body .hcenter { text-align:center; }
  74. html body .hright { text-align:right; }
  75.  
  76. html body .abstop { vertical-align:top; }
  77. html body .absmiddle { vertical-align:middle; }
  78. html body .absbottom { vertical-align:text-bottom; }
  79.  
  80. html body .middle { text-align:center; vertical-align:middle; }
  81. html body .bottom { vertical-align:bottom; }
  82. html body .nowrap { white-space:nowrap; }
  83.  
  84. /**
  85. * levels classes
  86. */
  87.  
  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. }
  104.  
  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. }
  121.  
  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. }
  138.  
  139. /**
  140. * ranks classes
  141. */
  142.  
  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
Contenus similaires
Meilleure solution
partage
|
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...
  • Commenter cette solution |
Score
0
òh
òi
|
Bonjour,

En cherchant pour Phpbb2 je suis tomber sur comment le faire en Phpbb3 ;) 

Si ca vous intéresse voici ou je l'ai trouvé : http://forum.forumactif.com/t311882-modifier-la-largeur...

Bonne journée et à bientot
  • Commenter cette réponse |
Score
0
òh
òi
|
Pas de soucis, bonne continuation!
  • Commenter cette réponse |
Score
0
òh
òi
|
Merci c'était bien dans overalheader.tpl qu'il fallait changé une valeur
Milles mercis :p 
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS