FluxBB.fr

Le site des utilisateurs francophones de FluxBB.

Recherche rapide

Vous n'êtes pas identifié(e).

Version 1.4.13 : [.tar.gz][.zip] (maj 20/10/2014)
Pack langue française pour 1.4.x : [.zip] (maj 06/01/2012)

Branche 1.5.x : fluxbb.org
Pack langue française pour 1.5.x : [.zip] (maj 14/01/2016)

Ancienne Version 1.2.24 fr : [.zip] (maj 26/08/2011)

Vous avez un problème ?
Avant de poser votre question sur les forums d'entraide nous vous invitons à consulter :

#1 31-10-2013 12:45:33

Maxtrucs
Membre
Inscription : 10-04-2009
Messages : 32

Augmenter largeur du forum

Bonjour,
Après maintes recherches, je viens ouvrir mon sujet.
J'ai un site avec wordpress et un thème perso qui marche très bien smile
Je suis en plein développement du thème adapté à fluxBB qui devra être identique a wordpress sur certains points, comme celui du haut de page.
J'ai donc mon background qui marche très bien avec un rap.png répété vers le bas.

Malheureusement, j'aimerais que le forum rentre occupe tout le centre du rap.
un petit screenshot :
mini_754257Capturedcran20131031124037.png

J'aimerais donc que mon brdtitle.png (ma bannière) soit centrée et non trop a droite comme ici et que le forum soit plus large, pour coller parfaitement avec mon rap qu'on voit en fond.
Pour cela, je pense qu'il faut élargir le forum, mais j'ai beau retourner mon css, je n'y arrive pas (j'ai pas un niveau magistral hmm )

Merci de m'avoir lu, et pour toutes les réponses que vous pourriez m'apporter smile

Hors ligne

#2 31-10-2013 15:56:09

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : Augmenter largeur du forum

bonjour,

voici un lien de l'aide de fluxbb au sujet dela  largeur fixe du  forum wink

vu ton image il y a un décalage vers la droite  et voici l'aide de fluxbb.fr

http://fluxbb.fr/aide/doku.php?id=fluxb … categories

exemple :

HTML, BODY {MARGIN: 0; PADDING: 0; text-align:center}
#punwrap {width:730px; margin:12px auto; text-align:left}

modifier les valeur si besoin .. ^^

Ps: un lien de ton site serait très bien pour voir wink

cdlt

Dernière modification par david18 (31-10-2013 15:56:51)

Hors ligne

#3 31-10-2013 18:18:46

Maxtrucs
Membre
Inscription : 10-04-2009
Messages : 32

Re : Augmenter largeur du forum

Hors ligne

#4 31-10-2013 18:25:20

Maxtrucs
Membre
Inscription : 10-04-2009
Messages : 32

Re : Augmenter largeur du forum

Voici mon css :

/* ---------------------------------------------------------------
STYLE NAME          :   MaXtrucs
FOR FLUXBB          :   1.4.4 / 1.4.5
VERSION             :   1.3
W3C CSS VALIDATION  :   2.1
AUTHOR              :   Sakellis Jean 
WEBSITE             :   http://www.maxtrucs.fr
DATE                :   July 29th, 2011
UPDATE              :   October 29th, 2013
----------------------------------------------------------------*/

/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/* Limited Reset
----------------------------------------------------------------*/

body, html, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3,
.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl,
.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, /* .pun img, */ .pun abbr, .pun cite {
	margin: 0;
	padding: 0;
	border: 0;
	}

.pun ul, .pun ol {
	list-style: none
	}

/* Structural Settings
----------------------------------------------------------------*/

.pun .clearer, .pun .nosize {
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
	}

.pun .clearer, .pun .clearb {
	clear: both
	}

.pun .clearb .postfootleft {
	background-color: #FFFFFF;
	width: 198px
	}	
	
.pun .nosize {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	width: 0
	}

* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox {
	height: 1px
	}

.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox {
	min-height: 1px
	}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt,
#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, 
span.stickytext, .pun .required strong span {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 0;
	left: -9999em;
	text-indent: -9999em
	}

/*****************************************************************
2. TEXT & CONTENT
*****************************************************************/

/* Text Defaults
----------------------------------------------------------------*/

.pun {
	font: 68.75%/1.4545em verdana, helvetica, arial, sans-serif
	}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp {
	font-size: 1em;
	font-family: verdana, helvetica, arial, sans-serif
	}

.pun pre, .pun code {
	font-size: 1.182em;
	font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace
	}

.pun pre code {
	font-size: 1em
	}

.pun strong {
	font-weight: bold
	}

.pun em {
	font-style: italic
	}

/* Content Defaults
----------------------------------------------------------------*/

.pun p, .pun ul, .pun ol, .pun dl {
	padding: 3px 0
	}

.pun h2 {
	font-size: 1em;
	font-weight: normal;
	padding: 4px 7px
	}

.pun h3 {
	font-size: 1.091em;
	padding: 3px 0
	}

.pun table p, .pun table h3 {
	padding: 0
	}

.pun span.warntext, .pun p.warntext {
	font-weight: bold
	}

/* User Content (Announcements, Rules, Posts)
----------------------------------------------------------------*/

.pun .usercontent p, .pun .postmsg p {
	padding: 0.75em 0
	}

.pun .usercontent ul, .pun .postmsg ul {
	padding: 0.75em 1em 0.75em 2.5em;
	list-style: disc
	}

.pun .usercontent ol, .pun .postmsg ol {
	padding: 0.75em 1em 0.75em 2.5em;
	list-style: decimal
	}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
	list-style: lower-alpha
	}

.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul {
	padding: 0.25em 1em 0.75em 2.5em
	}

.pun .usercontent li p, .pun .postmsg li p {
	padding: 0
	}

.pun .usercontent h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .quotebox cite {
	font-weight: bold;
	font-style: normal;
	padding: 0.75em 0.75em 0 0.75em
	}

.pun span.bbu {
	text-decoration: underline
	}

.pun span.bbs, .pun del {
	text-decoration: line-through
	}

.pun .postmsg ins, #punhelp samp ins {
	text-decoration: none
	}

.pun div.postmsg h5, #punhelp h5 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

/*****************************************************************
3. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
	margin: 0 auto;
	width: 960px
	}

#punindex #brdmain {
    padding-top: 12px;
}

#brdmain {
    padding: 12px 0 0;
}

#punredirect, #punmaint, #puninstall {
	margin: 0 auto
	}
	
#pundb_update .blockform, #debug  {
    margin: 47px auto
	}
	
#punredirect h2, #punmaint h2, #punredirect a:hover, #punmaint a:hover {
	background-image: none;
	background-color: #FFFFFF;
	color: #1E90FF
	}
	
#punredirect, #punmaint, #punredirect a  {
	color: #fffffe
	}
	
#debug {
	background-color: #ffffff;
	color: #2a3c54;
	}
	
#puninstall .box, #pundb_update .box {
	background-color: #ffffff;
	color: #2a3c53
	}

/* Vertical Element Spacing
----------------------------------------------------------------*/

#brdheader {
	margin: 0
	}

#announce, #brdstats {
	margin: 12px 0
	}

.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview {
	margin-bottom: 12px
	}
	
#punviewtopic .blockpost, #punindex .blocktable, #punmoderate .blockpost,
#punpost #postpreview.blockpost, #punedit #postpreview.blockpost {
	margin-bottom: 12px
	}
	
.pun .blockpost, #pundelete.blocktable, #pundelete .blockpost {
	margin-bottom: -8px
	}	
	
#punsearch .blockpost {
	margin-bottom: 12px
	}

#pundelete .blockform {
	margin-bottom: 0px
	}
	
#postreview  h2, #rules .hd h2 {
	background: url(maxtrucs/img/h2.png) no-repeat 0 0 #2a3c51;
	color: #fffffe
	}
	
#profile h2, #adminmenu h2 {
	background: url(maxtrucs/img/h2.png) no-repeat -773px -31px #2a3c51;
	color: #fffffe
	}	
	
#profile .blockform h2, #adminconsole .blockform h2, #adminconsole .block h2   {
	background: url(Redline/img/h2.png) no-repeat 0 -31px #2a3c51;
	color: #fffffe
	}

.pun .block2col .blockform, .pun .block2col .block {
	margin-bottom: 0
	}

.pun .linkst, .pun .linksb, .pun .postlinksb {
	margin-top: -12px
	}

/* External Borders
----------------------------------------------------------------*/

#brdheader .box {
	border: none
	}

/* Default Internal Spacing
----------------------------------------------------------------*/

.pun .block .inbox, .pun .blockmenu .inbox {
	padding: 3px 6px
	}

/*****************************************************************
4. COMMON BOARD ELEMENTS
*****************************************************************/

/* Board Header
----------------------------------------------------------------*/

#brdtitle {
	background: url(maxtrucs/img/brdtitle.png) no-repeat left; 
 	height: 183px;
	margin: 0 auto;
	width: 1024px;
	padding: 0; 
	padding-top: 00px ;
	border: 0px solid;
}

#brdtitle h1, #brddesc p {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 0
	}

#brddesc {
    background: url(maxtrucs/img/brddesc.png) no-repeat 38px 0;
    height: 25px;
    position: relative;
    top: 50px
}


#brdmenu {
    height: 15px;
    padding: 0 0 20px;
    text-align: left
}

#brdmenu ul {
    padding: 0
	}

#brdmenu li {
	float: left;
	margin: 0;
	padding: 8px 0
	}

#brdmenu .isactive {
    background: url(maxtrucs/img/menu_left.png) no-repeat left top;
    margin: -2px 0 0;
    padding: 0
	}

#brdmenu .isactive a {
	background: url(maxtrucs/img/menu_right.png) no-repeat right top;
    display: block;
    margin-left: 6px;
    padding: 10px 6px 10px 0
	}

#brdmenu a {
	font-weight: bold;
	padding: 10px 6px;
	white-space: nowrap
	}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
	text-decoration: none
	}

#brdwelcome, #brdwelcome a {
	padding: 0 6px
	}

#brdwelcome .conl {
	float: left
	}

#brdwelcome .conr {
	float: right;
	text-align: left
	}
	
#brdwelcome .conr li span {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -12px;
	padding-left: 18px;
	margin-right: 3px;
	display: inline;
	line-height: normal;
	white-space: nowrap
}

/* Breadcrumbs and Post Links
----------------------------------------------------------------*/

.pun .linkst {
	padding: 8px 6px 3px 6px
	}

.pun .linksb, .pun .postlinksb {
	padding: 0 6px
	}

.pun .crumbs {
	clear: both;
	width: 100%;
	overflow: hidden
	}

.pun .crumbs li, .pun .crumbs li a {
	background-color: #dddddd;
	color: #2a3c52;
	display: inline;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none
	}
	
.pun .crumbs li a:hover {
	background-color: #dddddd;
	color: #528f6c;
	display: inline;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: underline
	}
	
.pun .crumbs {
    background: url(maxtrucs/img/icons.png) no-repeat -4px -148px;
    font: 12px Verdana, Helvetica, Arial, sans-serif;
    padding: 0 0 0 18px
	}

.pun .pagelink {
	float: left;
	white-space: nowrap
	}

.pun .postlink {
	font-weight: bold;
	white-space: nowrap
	}

.pun .postlink, .pun .modbuttons {
	float: right;
	text-align: right
	}

.pun .modbuttons {
	padding: 1px 0;
	white-space: nowrap
	}

.pun .modbuttons input {
	margin-left: 6px
	}

.pun .postlink a:link, .pun .postlink a:visited {
	text-decoration: none
	}

.pun .postlink a:hover, .pun .postlink a:active {
	text-decoration: underline
	}

.pun .subscribelink {
    padding: 10px 0;
    position: relative;
    text-align: right
}

#punindex .subscribelink {
	position: static;
	text-align: right
	}

.pun p.subscribelink a {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -206px;
	padding: 0 0 0 18px
	}

p.subscribelink a:hover {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -224px #ddd;
	color: #528f6c;
	padding: 0 0 0 18px
	}

.pun .subscribelink span {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -186px #ddd;
	color: #ff0000;
	font-weight: bold;
	padding: 2px 0 0 18px
	}

/* Board Footer
----------------------------------------------------------------*/

#brdfooter .conl {
	float: left
	}

#brdfooter .conr {
	float: right;
	text-align: right
	}

#brdfooter #modcontrols {
	text-align: center
	}

#brdfooter #modcontrols dd {
	display: inline;
	font-weight: bold;
	margin: 0 6px
	}
	
#modcontrols dd a:hover {
	background-color: #fff;
	color: #528F6C;
	font-weight: bold
	}	
	
.pun #brdfooter #feedlinks {
	padding-bottom: 0
	}

.pun #brdfooter #feedlinks span {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -50px;
	padding: 2px 0 0 18px;
	white-space: nowrap
	}	

.pun #brdfooter #modcontrols dd span {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -12px;
	display: inline-block;
	line-height: normal;
	padding-left: 16px;
	white-space: nowrap
	}

/* Board Stats
----------------------------------------------------------------*/

#brdstats .conl {
	float: left
	}

#brdstats .conr {
	float: right;
	text-align: right
	}

#onlinelist dd, #onlinelist dt {
	display: inline
	}

/*****************************************************************
5. MAIN TABLES
*****************************************************************/

.pun table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
	}

.pun .blocktable table {
	margin-bottom: 10px;
	table-layout: fixed
	}

.pun td, .pun th {
	padding: 4px 6px;
	line-height: 1.273em;
	text-align: left;
	font-weight: normal
	}

.pun .tcl {
	border-left: 1px solid #2a3c52;
	width: auto
	}	
	
#punviewforum  .inone td, #punmoderate .box tr {
	border-right: 1px solid #000;
	width: auto
	}

.pun .tc2, .pun .tc3, .pun .tcmod {
	width: 10%;
	text-align: center;
	padding: 4px 0
	}
	
.pun .tcl, .pun .tc2, .pun .tc3, .pun .tcmod {	
	border-top: 1px solid #2a3c52
	}

.pun .tcr {
    border-right: 1px solid #2a3c52;
    border-top: 1px solid #2a3c52;
    width: 30%
	}
	
#punmoderate .tcr {
	border-right: none
	}
	
.pun .tcmod {
	border-right: 1px solid #2a3c52
	}	

.pun .tcl h3 {
	font-size: 1.091em;
	font-weight: bold
	}

.pun .tcl h3 span.newtext {
	font-size: 0.917em
	}

.pun .tcl span.newtext, .pun .tcl span.pagestext {
	white-space: nowrap;
	font-weight: normal
	}

.pun td span.byuser {
	white-space: nowrap
	}

.pun .tcl p {
	padding: 5px 0 0 0
	}

#punsearch #vf .tc2 {
	text-align: left;
	padding: 4px 6px;
	width: 18%
	}

#users1 .tcr {
	width: 25%
	}

#users1 .tc2 {
	text-align: left;
	padding: 4px 6px;
	width: 25%
	}

#users1 .inbox {
	border-top: 0 solid #2a3c52
	}	
	
#debug .tcl {
	border-right: 1px solid #2a3c52;
	width: 10%
	}

#debug .tcr {
	width: 90%;
	white-space: normal
	}

#punindex .tcr .byuser {
	display: block
	}

.pun .blocktable .tclcon {
	padding: 2px 11px 0 8px;
	overflow: hidden;
	height: 1%;
	min-height: 1px;
	position: relative
	}

.pun .blocktable .tclcon div {
	overflow: hidden;
	width: 100%
	}
	
.pun .blocktable .box {
	background: url(Greenline/img/bottom.png) no-repeat left bottom #fff;
	margin-bottom: 6px;
	overflow: hidden;
	position: relative;
	display: block
	}

#announce .box, #msg .box, #searchform .box, #rules .box, #punregister .blockform .box, #viewprofile .box, #punlogin .blockform .box, #reportform .box, #postpreview .box, #crea .box, #posterror, #emailform .box, 
#punmoderate .blockform .box, #quickpost .box, #postform .box, #punhelp #brdmain .box, #puninstall .box, #pundb_update .blockform .box, #editform .box, #chatbox .box, #punprofile .blockform .box {
	background: url(maxtrucs/img/bottom.png) no-repeat left bottom #fff;
	color: #2a3c52;
	padding: 0 0 10px
	}

#profile .blockform .box, #adminconsole .blockform  div.box, #adintro .inbox, #adstats .inbox {
	background: url(maxtrucs/img/bottom2.png) no-repeat left bottom #fff;
	color: #2a3c52;
	padding: 0 0 10px
	}

#profile .box, #adminmenu .box {
	background: url(maxtrucs/img/bottom3.png) no-repeat left bottom #fff;
	color: #2a3c52;
	padding: 0 0 10px
	}

.pun .icon {
	float: left;
	height: 24px;
	width: 24px;
	overflow: hidden
	}

.pun .icon div {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	height: 0
	}

.pun .iposted .ipost {
	position: absolute;
	left: 0;
	font-weight: bold;
	width: 8px;
	padding-left: 4px;
	text-align: center;
	top: 0
	}

/*****************************************************************
6. MAIN FORMS
*****************************************************************/

.pun .blockform form, .pun .fakeform {
	PADDING: 20px 20px 15px 20px
	}

.pun .forminfo {
	padding: 8px 10px;
	border-style: solid;
	border-width: 1px
	}

.pun .forminfo h3 {
	font-weight: bold
	}

.pun .inform {
	padding-bottom: 12px
	}

.pun fieldset {
	padding: 0 12px;
	border-style: solid;
	border-width: 1px
	}

.pun legend {
	padding: 0 6px
	}

.pun .infldset {
	padding: 9px 0 12px 0
	}

.pun label {
	display: block;
	padding: 3px 0
	}

.pun label.conl {
	float: left;
	overflow: visible;
	margin-right: 10px
	}

.pun select {
	padding-top: 1px;
	padding-bottom: 1px
	}

.pun fieldset .rbox {
	}

.pun fieldset .rbox br {
	display: none
	}

.pun fieldset .rbox label {
	padding: 3px 0 3px 25px;
	position: relative;
	vertical-align: middle
	}

.pun fieldset .rbox input {
	margin: 0 9px 0 -25px;
	padding: 0;
	width: 16px;
	position: relative;
	vertical-align: middle
	}

.pun .txtarea {
	width: 75%
	}

.pun .txtarea textarea, .pun input.longinput {
	width: 886px
	}

#punprofile .txtarea textarea {
    width: 676px;
	}

.pun .bblinks {
	padding-bottom: 10px;
	padding-left: 4px
	}

.pun .bblinks li {
	display: inline;
	padding-right: 20px
	}

.pun .blockform .buttons {
	padding-left: 12px
	}

.pun .blockform .buttons input {
	margin-right: 8px
	}
	
.pun .blockform .bblinks li span {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -29px;
	margin-right: 8px;
	padding-left: 20px;
	display: inline-block
	}	

#posterror ul {
    background: url(maxtrucs/img/icons.png) no-repeat -4px -185px;
    padding: 3px 0 3px 20px;
}

.pun .deletemsg {
	border-style: solid;
	border-width: 1px;
	padding: 6px 15px
	}

.pun p.actions span {
	margin-right: 12px
	}

/*****************************************************************
7. PROFILES AND ADMIN
*****************************************************************/

.pun .block2col {
	padding-bottom: 1px
	}

.pun .block2col .blockform, .pun .block2col .block {
	margin-left: 209px
	}

.pun .blockmenu {
	float: left;
	width: 187px
	}

.pun .blockmenu li {
	padding: 3px 0;
	font-weight: bold
	}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
	text-decoration: none
	}
	
.pun .blockmenu a:hover, .pun .blockmenu a:active {
	text-decoration: none;
	color: #528f6c
	}

#viewprofile dl {
	float: left;
	width: 100%;
	overflow: hidden
	}

#viewprofile dd {
	margin-left: 14em;
	padding: 3px
	}

#viewprofile dt {
	float: left;
	width: 13em;
	margin: 3px 0
	}

#profileavatar img {
	float: right;
	margin-left: 1em
	}

/*****************************************************************
8. MAIN POSTS
*****************************************************************/

.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited {
	text-decoration: none
	}

.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active {
	text-decoration: underline
	}

.pun .blockpost h2 .conr {
	float: right;
	text-align: right
	}

#punsearch .blockpost h2 span {
	white-space: nowrap
	}

.pun .blockpost .box {
	overflow: hidden
	}

.pun .postleft{
	float: left;
	width: 198px;
	position: relative;
	overflow: hidden
	}
	
.pun .postfootleft .box {
	float: left;
	width: 198px;
	position: relative;
	overflow: hidden;
	border-color: #000;
	border-style: none none none solid;
	border-width: 0 0 0 1px
	}	

.pun .postleft dl {
	padding: 0.75em 6px
	}
	
.pun .postleft dl a:hover{
	color: #3b684e
	}

.pun .postleft .usercontacts, .pun .postleft .icon {
	margin-top: 6px
	}

.pun .postleft .postavatar, .pun .postleft .usertitle {
	margin-bottom: 6px;
	display: block
	}

.pun .blockpost dt {
	font-size: 1.091em;
	font-weight: bold
	}

.pun .blockpost dt a:link, .pun .blockpost dt a:visited {
	text-decoration: none
	}

.pun .blockpost dt a:hover, .pun .blockpost dt a:active {
	text-decoration: underline
	}

.pun .postright, .pun .postfootright {
	border-left-width: 198px;
	border-left-style: solid
	}

#postpreview .postright {
	border-left: 0
	}

.pun .postright {
	padding: 0 6px
	}

.pun .postfootright, .pun .multidelete {
	text-align: right
	}

.pun .postmsg {
	width: 100%;
	overflow: hidden;
	padding-bottom: 6px
	}

.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, .pun .postfootleft p {
	padding: 0 6px
	}

.pun .postfootright li {
	display: inline;
	margin-left: 0px;
	font-weight: bold
	}
	
.pun .postfootright li a:hover, .pun .usercontacts a:hover {
	color: #528f6c
	}

.pun .postlink.conr {
	color: #ff0000;
	display: block;
	margin: 4px 0 -4px;
	padding: 0
	}

.pun .postlink.conr a {
	background-color: transparent;
	color: #2a3c52;
	font-weight: bold;
	text-transform: uppercase
	}

.pun .postlink.conr a:hover {
	background-color: transparent;
	color: #528f6c;
	font-weight: bold;
	text-transform: uppercase
	}

.pun .postfootright a:link, .pun .postfootright a:visited {
	text-decoration: none
	}

.pun .postfootright a:hover, .pun .postfootright a:active {
	text-decoration: underline
	}

.pun .codebox {
	border-style: solid;
	border-width: 1px;
	margin: 0.75em 1em;
	padding: 0
	}

.pun .quotebox {
	border-style: solid;
	border-width: 1px;
	margin: 0.75em 1em;
	padding: 0 0.75em
	}

.pun .quotebox cite {
	display: block;
	padding: 0.75em 0 0 0
	}

.pun .quotebox blockquote {
	width: 100%;
	overflow: hidden
	}

.pun .codebox pre {
	overflow: auto;
	width: 100%
	}

* html .pun .codebox pre {
	padding-bottom: 10px
	}

*+html .pun .codebox pre {
	padding-bottom: 10px
	}

.pun .codebox pre code {
	display: block;
	padding: 0.75em
	}

.pun .codebox pre.vscroll {
	height: 32em;
	overflow: auto
	}

.pun .postmsg img {
	vertical-align: inherit
	}

.pun .postmsg hr {
	background-color: #cccccc;
	color: #999999
	}
	
.pun .postsignature, .pun .postmsg .postedit {
	background-color: #ffffff;
    color: #999999
	}	

.pun .postsignature hr {
    border: none;
    height: 1px;
    text-align: left
	}

.pun .postmsg .postimg img {
	margin: 7px 0.5em 3px 0;
	max-width: 98%;
	vertical-align: bottom
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-style: solid;
	border-width: 1px
	}

.pun .blockpost label {
	padding: 0 6px;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	display: inline-block
	}

.pun .blockpost label * {
	vertical-align: middle;
	margin: 0;
	padding: 0
	}
	
.pun .blockpost .usercontacts .email {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -86px;
	margin-right: 5px;
	padding-left: 21px;
	display: inline-block;
	line-height: normal
	}

.pun .blockpost .usercontacts .website {
	background: url(maxtrucs/img/icons.png) no-repeat -4px -70px;
	padding-left: 18px;
	display: inline-block;
	line-height: normal
	}

.pun .blockmenu .inbox, .pun .blockform  form, #viewprofile .fakeform, #rules-block, #puninstall .inbox, #pundb_update .blockform .inbox, #crea .inbox, #msg .inbox {
	border-color: #2a3c52;
    border-style: solid solid none;
    border-width: 1px 1px 0
	}
	
#punuserlist  .blockform  form, #pundelete .blockform  form {
	background-color: #ffffff;
	border: 1px solid #2a3c52
	}
	
#announce-block, #posterror .box, #chatbox-block {
	border-color: #2a3c52;
	border-style: solid solid none;
	border-width: 1px 1px 0
	}	

#adminconsole .blockform  form {
	border: none
	}

#brdfooternav, #brdstats .inbox {
	background-color: #ddd;
	color: #2a3c52;
 	border-color: #2a3c52;
	border-top-style: solid;
	border-top-width: 1px;
	}
	
#punprofile 	#brdfooternav, #punuserlist #brdfooternav, #punmisc #brdfooternav, #punsearch #brdfooternav,
#punregister #brdfooternav, #punlogin  #brdfooternav, #punmoderate  #brdfooternav, #punpost #brdfooternav,
#punedit #brdfooternav, #pundelete  #brdfooternav, #punadmin #brdfooternav, #punhelp #brdfooternav, #puncrea #brdfooternav {
	border: none
	}

#brdfooternav a, #brdstats .inbox a {
	font-weight: bold
	}

#brdfooternav a:hover, #brdstats .inbox a:hover {
	color: #528f6c
	}

#modcontrols {
	border-color: #2a3c52;
	border-style: solid solid none solid;
	border-width: 1px 1px 0 1px
	}

.pun .blockpost .box {
	background: url(maxtrucs/img/bottom4.png) no-repeat left bottom;
	padding: 0 0 10px
	}

.pun .blockpost .inbox, #punhelp #brdmain .inbox, #adminconsole .blockform div.inbox, #adminconsole .blockform form, #adminconsole .box  .fakeform, #crea .inbox ul, #adintro .inbox ul, #adintro .inbox p, #adstats .inbox dl {
	border-color: #2a3c52;
	border-style: none solid none solid;
	border-width: 0 1px 0 1px
	}
	
#adminconsole .block .box, #adminconsole .blockform .box, #punhelp #brdmain .inbox {
	border-top: 1px solid
	}

#postreview	.inbox {
	border-top: 1px solid #2a3c52
	}

#adintro .inbox ul, #adintro .inbox p, #adstats .inbox dl, #punhelp #brdmain .inbox {
    font-size: 1em;
    padding: 5px
	}

#adstats dl {
    margin: 0;
    padding: 0;
    position: relative
}	

#adstats dt {
    color: #528f6c;
    font-weight: bold;
    left: 5px;
    padding: 7px 0;
    position: absolute;
    width: 13em
}

#adstats dd {
    border-style: none none solid;
    border-width: 1px;
    padding: 7px 0 7px 13em
}	
	
.postfootleft strong {
	color: #008000
	}
	
.postfootleft span {
	color: #ff0000;
	font-weight: bold
	}

/****************************************************************/
/* 9. HELP FILES AND MISC. */
/****************************************************************/

#punhelp {
    margin: 140px auto 40px;
    width: 960px
}

#punhelp h2 {
	margin-top: 12px
	}

#punhelp div.box {
	padding: 10px;
	background-color: #9a9a9a
	}

#debugtime {
	margin-top: -12px;
	text-align: center
	}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Background / Text
----------------------------------------------------------------*/

body {
	background: url(maxtrucs/img/rap.jpg) repeat-y center top #ffffff;
	color: #ffffff;
	margin: 0 auto
	}	
	
.pun {
	color: #2a3c56
	}

#adminconsole fieldset th {
	background-color: #ffffff
	}

.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #brdfooter #modcontrols, .pun .blockmenu .box {
	background-color: #ffffff;
	color: #2a3c52
	}
	
#viewprofile dl, #viewprofile dd, #adminconsole fieldset td, #adstats dd {
	background-color: #ffffff;
	color: #2a3c52
	}
	
.pun .forminfo {
	background-color: #f3dddd
	}

.pun h2 {
	background: url(maxtrucs/img/h2.png) no-repeat 0 0 #2a3c51;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	height: 18px;
	text-transform: uppercase
	}

.pun th {
	background-color: #b6c7db
	}

.pun .blockmenu li.isactive a {
	color: #528f6c
	}
	
#posterror li strong {
	color: #ff0000
	}	

.pun .usercontent * {
	background: transparent;
	color: #2a3c52
	}

/* posts
----------------------------------------------------------------*/

.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg {
	background-color: #ffffff
	}

.pun .postright, .pun .postfootright {
	border-left-color: #b6c7db
	}
	
.pun .postleft, .pun .blockpost label {
	background-color: #b6c7db
	}
	
.pun .quotebox, #punhelp .quotebox{
	background-color: #a7c4e4
	}	

.pun .codebox, #punhelp .codebox {
	background-color: #000000;
	color: #ffffff
	}	

.pun .blockpost h2 {
	border-bottom: 1px solid #2a3c52;
	}

.pun .blockpost h2 span.conr {
	color: #9bb2c8
	}

.postfootright li.postreport {
	background:	url(maxtrucs/img/icons.png) no-repeat -4px -184px;
	padding: 3px 18px
	}

.postfootright li.postdelete {
	background:	url(maxtrucs/img/icons.png) no-repeat -4px -103px;
	padding: 3px 18px
	}

.postfootright li.postedit {
	background:	url(maxtrucs/img/icons.png) no-repeat -4px -124px;
	padding: 3px 18px
	}

.postfootright li.postquote {
	background:	url(maxtrucs/img/icons.png) no-repeat -4px -164px;
	padding: 3px 18px
	}
	
.pun .postmsg ins, #punhelp samp ins {
	background-color: #ff0
	}

.pun hr {
	background-color: #333333;
	color: #333331
	}

/* Borders
----------------------------------------------------------------*/

.pun .box,.pun td, #brdfooter #modcontrols, .pun th, .pun fieldset, #adminconsole td, #adminconsole th, .pun .quotebox, .pun .codebox, .pun .forminfo,
.pun .blockpost label, .pun .deletemsg {
	border-color: #2a3c52
	}

/* Links
----------------------------------------------------------------*/

.pun a:link, .pun a:visited, .pun .iclosed td.tcl .pagestext a:link, .pun .iclosed td.tcl .pagestext a:visited {
	color: #2a3c50;
	text-decoration: none
	}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #3b684e;
	text-decoration: underline
	}
	
.pun #vf td.tcl a {
	font-weight: bold
	}

.pun .postmsg  a:link, .pun .postmsg  a:visited {
    background-color: inherit;
	color: #4169e1;
	}

.pun .postmsg  a:hover, .pun .postmsg  a:active, .pun .postmsg a:focus {
    background-color: inherit;
	color: #3b684e;
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-color: #4169e1
	}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
	border-color: #3b684e
	}

.pun h2 a:link, .pun h2 a:visited,
#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
	background-color: inherit;
    color: #9bb2c8;
}

.pun h2 a:hover, .pun h2 a:active,
#brdmenu a:hover, #brdmenu a:active, #brdmenu li.isactive a {
	background-color: inherit;
	color: #fffffe
	}

.pun .postreport a:link, .pun .postreport a:visited {
	background-color: #ffffff;
	color: #ff0000
	}

.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
	background-color: #ffffff;
	color: #555
	}	

.pun .postreport a:hover, .pun .postreport a:active,
.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
	background-color: #ffffff;
	color: #3b684e
	}

#brdwelcome .maintenancelink a, #brdwelcome .maintenancelink a:link, #brdwelcome .maintenancelink a:visited,
#brdwelcome .reportlink a, #brdwelcome .reportlink a:link, #brdwelcome .reportlink a:visited {
	background-color: #dddddd;
	color: #ff0000
	}

#brdwelcome  .maintenancelink a:hover, #brdwelcome  .maintenancelink a:active,
#brdwelcome  .reportlink a:hover, #brdwelcome  .reportlink a:active {
	background-color: #dddddd;
	color: #3b684e
	}

#brdwelcome  .maintenancelink span a, #brdwelcome  .reportlink span a {
    background: url(maxtrucs/img/icons.png) no-repeat -4px -187px;
    padding: 1px 0 0 18px;
}

/* Status Indicators
----------------------------------------------------------------*/

#punindex .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -428px
	}

#punindex .inew .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -406px
	}

#punindex .iredirect .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -450px
	}

.pun .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -428px
	}

.pun .inew .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -406px
	}

.pun .inew.iclosed .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -241px
	}

.pun .isticky .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -380px
	}

.pun .isticky.inew .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -351px
	}

.pun .isticky.iclosed.inew .icon {
  background: url(maxtrucs/img/icons.png) no-repeat 1px -293px
	}

.pun .iclosed .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -266px
	}

.pun .iclosed.isticky .icon {
    background: url(maxtrucs/img/icons.png) no-repeat 1px -322px
	}

.pun .iredirect .icon {
	background: url(maxtrucs/img/icons.png) no-repeat 1px -450px
	}

.pun .tclcon .ipost {
	display: none
	}

Dernière modification par Maxtrucs (31-10-2013 18:34:41)

Hors ligne

#5 01-11-2013 08:03:16

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : Augmenter largeur du forum

Bonjour,

En fait sa n'a rien avoir avec ton forum mais avec ton header qui a une valeur trop important j'ai fait un test essaye avec cette partie css wink sur la ligne de ton style maxtrucs à la ligne  351


Avant :

695798Capture.jpg

#brdtitle {
background: url(maxtrucs/img/brdtitle.png) no-repeat left;
height: 183px;
margin: 0 auto;
width: 1024px;
padding: 0;
padding-top: 00px;
border: 0px solid;
}

Après:

949690Capture.jpg

#brdtitle {
background: url(maxtrucs/img/brdtitle.png) no-repeat left;
height: 183px;
margin: 0 auto;
width: 960px;          /*----- modification----------*/ 
padding: 0;
padding-top: 00px;
border: 0px solid;
}

Ps: c'est tout bête  en fait il faut que ton header est la même valeur de la largeur de ton forum logique wink sinon sa déborde .

cdlt

david18

Hors ligne

#6 01-11-2013 12:39:39

Maxtrucs
Membre
Inscription : 10-04-2009
Messages : 32

Re : Augmenter largeur du forum

Merci beaucoup, mais ça je savais, je voulais juste savoir comment élargir le forum justement, mon site fait cette largeur, je veux que le forum soit pareil.
Tu sais pas ou se trouve la variable de largeur de forum ? que je la change en 1024 pour que l'ensemble soit intégré au rap ?
Je ne veux plus qu'il y ai ces deux espace blancs a gauche et a droite du forum.
Merci smile

Dernière modification par Maxtrucs (01-11-2013 13:44:26)

Hors ligne

#7 01-11-2013 12:57:22

david18
Habitué très actif
Lieu : France
Inscription : 28-10-2012
Messages : 467
Site Web

Re : Augmenter largeur du forum

enlève dans le .pun cette valeur pour voir wink


 margin-left: 32px;

cdlt

Hors ligne

#8 01-11-2013 13:44:32

Maxtrucs
Membre
Inscription : 10-04-2009
Messages : 32

Re : Augmenter largeur du forum

Bon j'ai trouvé ! c'est l'entree :

.pun {
	margin: 0 auto;
	width: 960px
	}

Que j'ai changé en :

.pun {
	margin: 0 auto;
	margin-left: auto 1px;
	width: 1009px
	}

ça marche mais il y a encore quelques problèmes. par exemple, le forum ne se centre pas exactement sur le fond, en fait ça depend de la taille de la page, quand j'agrandis ma page, le fond se déplace vers la droite de façon très fluide alors que le forum se déplace de pixels en pixels, avec un peu de retard, du coup un coup il est bon, un coup il est décalé de 1 voir 2 pixels hmm

Mais sinon, c'est déjà un  debut, maintenant faut que je modifie mes images pour qu'elles soient en 1024 et non en 960 happy
(réinstallation de CS5.5 en cours tongue )

Dernière modification par Maxtrucs (01-11-2013 13:45:56)

Hors ligne

#9 01-11-2013 14:56:19

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 556
Site Web

Re : Augmenter largeur du forum

Bonjour,

margin-left: auto 1px; Il ne peut pas y avoir deux paramètres sur margin-left.
Si tu veux centrer, c'est margin: 0 auto;. Voir http://fluxbb.fr/forums/viewtopic.php?p … 94#p111194


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#10 01-11-2013 15:33:24

Maxtrucs
Membre
Inscription : 10-04-2009
Messages : 32

Re : Augmenter largeur du forum

Ok, mais la il est pas complètement centré hmm
C'est peut être mon fond (rap.png) qui a un petit default ? non ?

Hors ligne

#11 01-11-2013 18:04:29

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 556
Site Web

Re : Augmenter largeur du forum

Bonsoir,

Ce n'est pas complètement centré car il reste des trucs incompatibles, par exemple punindex à 1009px mais brdtitle à 1024px.
Le meilleur moyen de voir les problèmes est d'utiliser l'extension Firebug sous Firefox. Et puis, quelle est la largeur réelle de l'image du fond du titre ?


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

Pied de page des forums