Modfication largeur forum Phpbb2
Xunder
-
voyageur59 Messages postés 1123 Statut Membre -
voyageur59 Messages postés 1123 Statut Membre -
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
et
rcs_stylesheet.css
Si vous souhaitez d'autres informations n'hésiter pas à demander.
En vous remerciant
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. http://lda-creation.conceptbb.com
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
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 https://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. }
Si vous souhaitez d'autres informations n'hésiter pas à demander.
En vous remerciant
A voir également:
- Modfication largeur forum Phpbb2
- Abonnement iptv illegaal forum - Forum TV & Vidéo
- Iptv bug forum ✓ - Forum Box et Streaming vidéo
- Code iptv 2024 forum ✓ - Forum TNT / Satellite / Réception
- Plinko avis forum ✓ - Forum Vos droits sur internet
- Coco chat alternative forum ✓ - Forum Réseaux sociaux
1 réponse
Bonjour,
J'ai jetté un coup d'oeil rapide au CSS que tu envois, j'avoue pas avoir le temps de l'éplucher complètement (il n'y a pas toutes les infos en plus). Mais à première vue ça doit pas se trouver là dedans.
Cherches plutôt dans ta page elle-même. Tu dois avoir un paramètre "table", avec des colonnes "tr".
Ca doit donner quelques chose comme ça:
<table width="75%" border="1">
<tr>
<td width="20%">XXXXXXXXXX</td>
<td width="80%">XXXXXXXXXX</td>
</tr>
</table>
Avec plus ou moins de codes à la place des X et probablement plus de colonnes (td).
Dans l'exemple au dessus c'est du pourcentage sinon ça peut se présenter en pixels:
<table width="750" border="1">
<tr>
<td width="100">XXXXXXXXXX</td>
<td width="650">XXXXXXXXXX</td>
</tr>
</table>
Tu devras changer le table width="XXX" et le <td width="XXX">
J'ai jetté un coup d'oeil rapide au CSS que tu envois, j'avoue pas avoir le temps de l'éplucher complètement (il n'y a pas toutes les infos en plus). Mais à première vue ça doit pas se trouver là dedans.
Cherches plutôt dans ta page elle-même. Tu dois avoir un paramètre "table", avec des colonnes "tr".
Ca doit donner quelques chose comme ça:
<table width="75%" border="1">
<tr>
<td width="20%">XXXXXXXXXX</td>
<td width="80%">XXXXXXXXXX</td>
</tr>
</table>
Avec plus ou moins de codes à la place des X et probablement plus de colonnes (td).
Dans l'exemple au dessus c'est du pourcentage sinon ça peut se présenter en pixels:
<table width="750" border="1">
<tr>
<td width="100">XXXXXXXXXX</td>
<td width="650">XXXXXXXXXX</td>
</tr>
</table>
Tu devras changer le table width="XXX" et le <td width="XXX">