+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : [Aide] Largeur du forum (/thread-1879.html)
[Aide] Largeur du forum - Onyxia - 08-09-2009
Bonjour
Je vous met ici global.css de mon thème je ne trouve pas ou changer la largeur.
Code :
@charset "utf-8";
body {
background-color: #0a0a0a;
color: #a2a2a2;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
line-height: 1.4;
margin: 0;
padding: 0;
}
a:link {
color: #00e5ff;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #00e5ff;
}
a:hover, a:active {
color: #00717D;
text-decoration: underline;
}
#wrapper {
width: 1020px;
padding: 0;
background-color: #121212;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #2b2b2b;
border-left-color: #2b2b2b;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: auto;
}
#logo {
width: 100% auto;
height: 95px;
text-align: left;
margin: 0;
padding: 0 15px 10px 15px;
}
.logo {
width: 250px;
height: 80px;
position: absolute;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#navbar {
background: url(images/blackevo4/navx.png) repeat-x;
width: 100%;
height: 32px;
margin: 0;
padding: 0;
font-family: Arial, Sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 32px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #2b2b2b;
border-bottom-color: #2b2b2b;
text-align: center;
}
#nav {
width: 100% auto;
list-style: none;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
#nav a {
color: #EEE;
text-decoration: none;
display: block;
float: left;
margin: 0;
padding: 0 24px 0 24px;
}
#nav a:hover {
color: #00e5ff;
text-decoration: none;
background-image: url(images/blackevo4/navhover.png);
background-repeat: no-repeat;
background-position: center bottom;
}
#nav a.current {
color: #00e5ff;
background-image: url(images/blackevo4/navhover.png);
background-repeat: no-repeat;
background-position: center bottom;
}
#nav li {
display: inline;
margin: 0;
padding: 0;
}
#contentwrap {
width: 100% auto;
}
#btmnav {
width: 100% auto;
height: 30px;
clear: both;
background-image: url(images/blackevo4/thead_bg.gif);
background-repeat: repeat-x;
}
.btmnav {
line-height: 30px;
font-size: 12px;
margin: 0 15px;
text-align: left;
}
#footer {
width: 100%;
height: 25px;
clear: both;
color: white;
background-repeat: repeat-x;
line-height: 25px;
background-image: url(images/blackevo4/footer.gif);
background-position: left;
}
.footertext {
line-height: 25px;
font-size: 11px;
margin: 0 15px;
text-align: center;
display: inline;
}
#footer a {
color: #FCFCFC;
border-bottom: 1px dashed #FCFCFC;
text-decoration: none;
}
#footer a:visited {
color: #FCFCFC;
border-bottom: 1px dashed #FCFCFC;
text-decoration: none;
}
#footer a:hover {
color: white;
text-decoration: underline;
border: none;
}
#container {
width: 100% auto;
color: #a2a2a2;
margin: auto auto;
padding: 0 20px 20px 20px;
text-align: left;
background-color: #121212;
}
.menu ul {
color: #000000;
font-weight: bold;
text-align: right;
padding: 4px;
}
.menu ul a:link {
color: #000000;
text-decoration: none;
}
.menu ul a:visited {
color: #000000;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}
.topsec {
margin: 0 0 7px 0;
}
#panel {
width: auto;
float: right;
margin: 0;
padding: 0;
}
html>body #panel {
width: auto;
}
#panelcontent {
color: #a2a2a2;
line-height: 17px;
height: 87px;
font-size: 11px;
margin-top: 0;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 15px;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
background-color: #0d0d0d;
background-image: url(images/blackevo4/panelbg.png);
background-repeat: repeat-x;
background-position: bottom;
}
#panel .block {
margin: 0;
padding: 5px;
border: 1px solid #2b2b2b;
background-color: #121212;
display: inline-block;
vertical-align: middle;
background-image: url(images/blackevo4/navx.png);
background-repeat: repeat-x;
}
.login {
background: url(images/blackevo4/toplinks/login.png) no-repeat;
padding: 0 0 0 18px;
display: inline-block;
font-weight: bold;
}
.register {
background: url(images/blackevo4/toplinks/register.png) no-repeat;
padding: 0 0 0 18px;
display: inline-block;
font-weight: bold;
}
.usercp {
background: url(images/blackevo4/toplinks/usercp.png) no-repeat;
padding: 0 0 0 18px;
display: inline-block;
font-weight: bold;
}
.modcp {
background: url(images/blackevo4/toplinks/modcp.png) no-repeat;
padding: 0 0 0 18px;
display: inline-block;
font-weight: bold;
}
.admincp {
background: url(images/blackevo4/toplinks/admincp.png) no-repeat;
padding: 0 0 0 18px;
display: inline-block;
font-weight: bold;
}
.logout {
background: url(images/blackevo4/toplinks/logout.png) no-repeat;
padding: 0 0 0 18px;
display: inline-block;
font-weight: bold;
}
table {
color: #a2a2a2;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
.tborder {
width: 100%;
margin: auto auto;
border: 1px solid #202020;
margin-top: -1px;
background-color: #000000;
}
.tborder2 {
width: 100%;
margin: auto auto;
}
.theadleft {
background: url(images/blackevo4/thead_left.png) top left no-repeat;
width: 8px;
display: inline-block;
float: left;
height: 29px;
margin: 0;
padding: 0;
}
.theadright {
background: url(images/blackevo4/thead_right.png) top left no-repeat;
width: 8px;
display: inline-block;
float: right;
height: 29px;
margin: 0;
padding: 0;
}
.theadmain {
background: url(images/blackevo4/thead_bg.gif) top left repeat-x;
width: 100% auto;
height: 29px;
line-height: 30px;
margin: 0 8px 0 8px;
}
.thead {
color: #ffffff;
}
.thead a:link {
color: #ffffff;
text-decoration: none;
}
.thead a:visited {
color: #ffffff;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #00e5ff;
text-decoration: underline;
}
.tcat {
color: #3d3b35;
font-size: 12px;
background-color: #0d0d0d;
}
.tcat a:link {
color: #3d3b35;
}
.tcat a:visited {
color: #3d3b35;
}
.tcat a:hover, .tcat a:active {
color: #00e5ff;
}
.trow1 {
background-color: #0a0a0a;
background-image: url(images/blackevo4/trow_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.trow2 {
background-color: #0a0a0a;
background-image: url(images/blackevo4/trow_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
}
.trow_sep {
color: #3d3b35;
font-size: 12px;
font-weight: bold;
background-color: #0d0d0d;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
.tfoot {
color: #ffffff;
background-color: #232323;
background-image: url(images/blackevo4/thead_bg.gif);
background-repeat: repeat-x;
background-position: left top;
}
.tfoot a:link {
color: #ffffff;
text-decoration: none;
}
.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}
.bottommenu {
background: #efefef;
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}
.navigation {
color: #a2a2a2;
font-size: 11px;
font-weight: bold;
}
.navigation a:link {
text-decoration: none;
}
.navigation a:visited {
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.navigation .active {
color: #a2a2a2;
font-size: 13px;
font-weight: bold;
}
.activebit {
width: 15px;
height: 15px;
display: inline-block;
background-image: url(images/blackevo4/nav_bit.gif);
background-repeat: no-repeat;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 20px;
}
input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 1px;
}
textarea {
background: #ffffff;
color: #000000;
border: 1px solid #0f5c8e;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
line-height: 1.4;
font-size: 13px;
}
select {
background: #ffffff;
border: 1px solid #0f5c8e;
}
.editor {
background: #121212;
border: 1px solid #000;
}
.editor_control_bar {
background: #121212;
border: 1px solid #000;
}
.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}
.autocomplete_selected {
background: #adcee7;
color: #000;
}
.popup_menu {
background: #ccc;
border: 1px solid #000;
}
.popup_menu .popup_item {
background: #fff;
color: #000;
}
.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}
.trow_reputation_positive {
background: #ccffcc;
}
.trow_reputation_negative {
background: #ffcccc;
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: red;
}
.invalid_field {
border: 1px solid #f30;
color: #f30;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/blackevo4/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/blackevo4/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/blackevo4/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
padding-left: 5px;
}
.menu img {
padding-right: 5px;
vertical-align: top;
}
#panel .links {
margin: 0;
float: right;
}
.expcolimage {
width: auto;
float: right;
vertical-align: middle;
margin-top: 8px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}
#copyright {
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
border: 1px solid #2b2b2b;
margin: 0;
padding: 4px;
background-color: #121212;
}
blockquote cite {
font-style: normal;
display: block;
background-color: #0a0a0a;
font-family: "Times New Roman", Times, serif;
padding: 3px;
margin-top: 4px;
margin-right: 0;
margin-bottom: 4px;
margin-left: 0;
border: 1px solid #202020;
}
blockquote cite span {
float: right;
font-weight: normal;
}
.codeblock {
border: 1px solid #000000;
padding: 4px;
background-color: #202020;
}
.codeblock .title {
font-weight: bold;
margin: 4px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #00e5ff;
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding: 3px;
}
.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
color: #000000;
}
div.error p {
margin: 0;
color: #000;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/blackevo4/error.gif) no-repeat 0;
}
div.error.ul {
margin-left: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}
.pagination a {
border: 1px solid #81A2C4;
}
.pagination .pagination_current {
background: #F5F5F5;
border: 1px solid #81A2C4;
font-weight: bold;
}
.pagination a:hover {
background: #F5F5F5;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
line-height: 50px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/blackevo4/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
/* IE6 css fixer v0.1 alpha: Tue, 14 Apr 2009 15:52:01 +0200 */
/* ============================================= */
/* safe settings */
/* add display:inline to floated elements */
#nav,
#nav a,
#panel,
.theadleft,
.theadright,
.float_left,
.float_right,
#panel .links,
.expcolimage,
#debug,
blockquote cite span,
.forum_legend dd,
.forum_legend dt {display:inline;}RE: [Aide] Largeur du forum - Clyd - 21-09-2009
il y a quand même de la mauvaise volonté dans l'air...
Le plus simple: accede a ton administration, et modifie en allant charcher, dans la colonne de gauche --->themes.
Puis dans global css, édite ta largeur dans la case prévue a cet effet.
Par exemple 1000px ou 1200px c'est a toi de voir moi j'ai mis 1200px.
Tu garde toujours la bordure blanche au tour de tes boites.
Pour que ton forum soit centré il faut ajouter des margin Left et Rigth =auto
Voici un exemple:
Code :
body {
background: #efefef;
color: #000;
text-align: center;
line-height: 1.4;
width:1200px;
margin-left:auto;
margin-right:auto;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}Voila moi aussi j'avais cherché.......