Comment elargir la page d'un theme dans le fichier css

www.alamu.net

B'soir,

Une réponse a été fournie ici

Visiblement ce n'est pas dans la feuille de style qu'il faut taper...

@+

Si ton thème est bien le 7dana-Xred comme je le pense:
Ligne 27 (theme.html)
Citation :
dans le fichier style.css (ligne 14)
Citation :

au faite j'ai pa 7dana_Xred j'ai 7Red.... visite mon site si tu veu comme ca tu peu voir mon fichier style.css merci

Pourrais tu me mettre ton thème en DL ou me donner le lien de DL car malgrès mes recherches je ne le trouve pas

voila mon style.css

html, body { margin: 7; color: #000; background: #464646; font-family: Verdana, Arial, Helvetica, sans-serif; }
table { width: 100%; font-size: 11px; }
table td { padding: 0; border: 0; vertical-align: top; }
th { padding: 2px; background: #bbb; color: #004080; vertical-align: middle; }
hr { color: #DDDDDD; height: 1px; }
a { color: #004080; background: transparent; font-weight: bold; text-decoration: none; }
a:hover { color: #FB0000; text-decoration: underline; }
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left; }
li { margin-left: 2px; list-style: square inside; color: #2F5376; }
.item { color: #0D0D0D; margin: 8px 0 0 0; }
.itemHead { padding: 2px 2px 2px 15px; border-bottom: 1px solid #505050; color: #fff; background: #990000; }
.itemInfo { padding: 3px; background: #fff; }
.itemTitle a { color: #fff; font-size: 130%; font-weight: bold; font-variant: small-caps; }
.itemPoster { font-size: 80%; font-style: italic; color: #8E8E8E; }
.itemPoster a { color: #8E8E8E; }
.itemPostDate { font-size: 80%; font-style: italic; color: #8E8E8E; }
.itemStats { font-size: 80%; font-style: italic; color: #8E8E8E; }
.itemBody { padding-left: 5px; }
.itemText { margin: 5px 0 5px 0; line-height: 1.5em; }
.itemText:first-letter { font-size: 133%; font-weight: bold; }
.itemFoot { padding: 3px; background: #fff; font-size: 11px; text-align: left; }
.itemAdminLink { font-size: 90%; }
.itemPermaLink { font-size: 90%; }
.left, .right { background: #fff; }
#leftcolumn { width: 160px; font-size: 11px; }
#leftcolumn th { border-bottom: 1px solid #8699B5; background: transparent; color: #464646; vertical-align: bottom; }
#leftcolumn .blockTitle { padding: 3px; margin: 0; padding-left: 18px; color: #FFFFFF; background: #990000 url('images/arrow-l.gif') no-repeat left; font-weight: bold; font-size: 10px; text-transform: uppercase; }
#leftcolumn .blockContent { padding: 3px; line-height: 120%; }
#centercolumn { padding: 10px 17px 20px 17px; width: 100%; color: #464646; font-size: 12px; }
#centercolumn th { color: #004080; background: #E9E9E9; }
#centerCcolumn, #bottomCcolumn{ padding: 3px; border: 1px solid #fff; }
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle { padding: 2px 2px 2px 10px; margin: 0 0 5px 0; color: #717171; background: #E7E7E7; font-weight: bold; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #D6D6D6; }
#centerCcolumn .blockContent, #bottomCcolumn .blockContent { margin: 0 0 8px 0; line-height: 120%; }
#centerLcolumn, #bottomLcolumn { width: 50%; padding: 0; border: 2px solid #fff; }
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle{ padding: 2px 2px 2px 10px; margin: 0 0 5px 0; color: #717171; background: #E7E7E7; font-weight: bold; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #D6D6D6; }
#centerLcolumn .blockContent, #bottomLcolumn .blockContent { margin: 0; padding: 2px; line-height: 120%; }
#centerRcolumn, #bottomRcolumn { width: 50%; padding: 0 0 0 0; border: 2px solid #fff; }
#centerRcolumn .blockTitle, #bottomRcolumn .blockTitle { padding: 2px 2px 2px 10px; margin: 0 0 5px 0; color: #717171; background: #E7E7E7; font-weight: bold; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #D6D6D6; }
#centerRcolumn .blockContent, #bottomRcolumn .blockContent { margin: 0 0 2px 0; padding: 2px; line-height: 120%; }
#rightcolumn { width: 160px; font-size: 11px; }
#rightcolumn th { border-bottom: 1px solid #8699B5; background: transparent; color: #464646; vertical-align: bottom; }
#rightcolumn .blockTitle { padding: 2px 2px 2px 18px; margin: 0; color: #FFFFFF; background: #990000 url('images/arrow-l.gif') no-repeat left; font-weight: bold; font-size: 10px; text-transform: uppercase; }
#rightcolumn .blockContent { padding: 3px; line-height: 120%; }
#mainmenu { padding: 0; margin: 0; }
#mainmenu a { padding-left: 15px; display: block; color: #002F5E; background: url('images/arrow-8.gif') no-repeat left; font-weight: bold; font-size: 11px; }
#mainmenu a:hover { color: #FF0000; background: url('images/arrow-8.gif') no-repeat left; text-decoration: none; }
#mainmenu a.menuTop { padding-left: 15px; font-weight: bold; }
#mainmenu a.menuMain { padding-left: 15px; font-weight: bold; }
#mainmenu a.menuSub { padding-left: 25px; color: #FF8C00; font-weight: bold; font-weight: normal; }
#usermenu a { padding-left: 5px; padding-bottom: 1px; color: #8D8D8D; font-weight: normal; font-size: 10px; }
#usermenu a:hover { background: #fff; color: #FF0000; text-decoration: none; }
#usermenu a.highlight { background: #fcc; }
#rightcolumn .outer, #leftcolumn .outer { border: 0; }
.outer { border: 1px solid #C8C8C8; }
.head { color: #373737; background: #E6E6E6; font-weight: bold; line-height: 22px; text-align: center; height: 24px; }
.even { padding: 5px; background: #F5F5F5; }
.odd { padding: 5px; background: #FAFAFA; }
.foot { padding: 5px; font-weight: bold; }
tr.even td { padding: 5px; background: transparent; }
tr.odd td { padding: 5px; background: transparent; }
div.errorMsg { border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 10px; background: #FFCCCC; font-weight: bold; text-align: center; }
div.confirmMsg { border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 10px; background: #DDFFDF; color: #136C99; font-weight: bold; text-align: center; }
div.resultMsg { border-top: 1px solid silver; border-left: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px; background: #ccc; color: #333; font-weight: bold; text-align: center; }
div.xoopsCode { border: 1px inset #000080; padding: 0 6px 6px 6px; background: #fff; }
div.xoopsQuote { border: 1px inset #000080; padding: 0 6px 6px 6px; background: #fff; }
.comTitle { margin-bottom: 2px; font-weight: bold; }
.comText { padding: 2px; }
.comUserStat { border: 1px solid silver; margin: 2px; padding: 2px; color: #2F5376; background: #fff; font-size: 10px; font-weight: bold; }
.comUserStatCaption { font-weight: normal; }
.comUserStatus { margin: 10px 0 0 2px; color: #2F5376; font-weight: bold; font-size: 10px; }
.comUserRank { margin: 2px; }
.comUserRankText { font-size: 10px; font-weight: bold; }
.comUserRankImg { border: 0; }
.comUserImg { margin: 2px; }
.comDate { font-weight: normal; font-style: italic; font-size: smaller; }
.comDateCaption { font-weight: bold; font-style: normal; }
input { font: 11px verdana, arial, helvetica, sans-serif; }
textarea { border: 1px solid #8699B5; width: 400px; background: #F5F5F5; font: 11px verdana, arial, helvetica, sans-serif; }
input.formTextBox { border: 1px solid #8699B5; background: #F5F5F5; font: 11px verdana, arial, helvetica, sans-serif; }
select { border: 1px solid #8699B5; background: #F5F5F5; font: 11px verdana, arial, helvetica, sans-serif; }
.time { padding-top: 5px; color: #9F9F9F; font-size: 10px; text-align: right; }
.loginlink { padding-left: 10px; background: url('images/btn_bullet.gif') no-repeat left; }
.button { margin-bottom: 1px; color: #000; font-size: 10px; }
.cont { margin-bottom: 20px; }
.block { margin: 0px; }
.forum { padding: 6px; color: #004080; background: #E2E2E2 url('menu4_bar.gif'); font-size: 11px; font-weight: bold; }
.forum a { color: #004080; }
.border { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px; }
.download { padding: 10px; }
.downhead { padding: 5px; background: url('images/menu2_bar.gif'); color: #fff; }
.tiny { width: 90%; }
#wraper { width: 870px; margin: 0 auto; background: #fff; }
#header { float: left; width: 100%; text-align: right; }
#header div { margin: 10px 5px 0 0; }
#header #logo { float: left; }
#menuHeadNav { width: 100%; background: #770000; color: #fff; line-height: 28px; text-align: right; padding: 0; }
#menuHeadNavTable { margin: 2px 0 0 0; }
#menuHead a { padding: 8px; display: inline; background: #770000; color: #fff; font-size: 10px; border-left: 1px solid #CBCBCB; }
#menuHead a:hover { background: #AB1410; color: #FFFFFF; text-decoration: none; }
#subHead { background: #F0F0F0; padding: 6px; border-bottom: 1px solid #C9C9C9; }
#mainTable { margin: 0 0 0 0; }
#copyright { clear: both; padding: 6px; float: left; background: #464646; font-size: 10px; color: #fff; }
#copyright a { color: #fff; }
#designBy { float: right; color: #929292; }
#designBy a { color: #929292; }

Bonjour,



modifies la valeur de "width" soit en px ou en %

A +

le probleme reste toujour dans le logo du site il y a beaucoup de blanc autour. j'ai envi que la photo couvre toute la page.

ou mets une image plus grande

A +