It is currently Sat 1 Oct 2016 - 19:12 - créer un forum

[guide]modifier la largeur du forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 328, 29, 3095, 96, 97  >

[guide]modifier la largeur du forum
Author Message
4RM


Joined: 17 Nov 2006
Posts: 26

PostPosted: Sun 30 Mar 2008 - 17:33    Post subject: [guide]modifier la largeur du forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

themalin wrote:
bonjour
4RM dans ton template css regardes si tu trouves

.forum{
width : XXpx


au début

et il suffit de modifier la valeur des px


Bonjour, je n'arrive toujours pas ...

J'ai copié le fichier template de nb2.ccs

Code: Sélectionner - Agrandir
html {
   height: 100%}
   
body {
   height: 100%;
   background-color: #d0d0d0;
   background-image: url('http://img5.xooimage.com/files/b/g/bg-pattern-3720d.gif');
   text-align: center;
   padding: 0;
   margin: 0}
   
table {
   width: 100%;
   padding: 0}

form, .checkbox, input.radio, .helpline, p {
   margin: 0;
   padding: 0;
   border: 0}
   
input.button {
   margin: 0;
   padding: 1px 3px;
   background-color: #ddd;
   border: 1px outset}



.avatar img {
   background-color: #fff;
   border: 3px solid #fff}
   
html>body .avatar img {
   padding: 3px;
   background-color: #fff;
   border: 1px solid #dbdbdb}



.menu1 {
   height: 24px;
   width: 717px;
   margin: 2px 0 4px 0;
   background-color: #e3e3e3}
   
.menu1 div {
   line-height: 23px}
   
.menu1 div a:hover {
   text-decoration: underline}
   
.menu1 .left {
   float: left;
   padding-left: 6px}
   
.menu1 .right {
   float: right;
   text-align: right;
   padding-right: 6px}

.menu2 {
   background-color: #c0c0c0;
   height: 24px;
   width: 717px}
   
.menu2 .left {
   float: left;
   text-align: left;
   height: 24px;
   line-height: 23px;
   padding-left: 6px;
   background: url('http://img7.xooimage.com/files/c/o/cornerl-a89ee.gif') left bottom no-repeat}
   
.menu2 .right {
   float: right;
   text-align: right;
   height: 24px;
   line-height: 23px;
   padding-right: 6px;
   background: url('http://img9.xooimage.com/files/c/o/cornerr-a89ef.gif') right bottom no-repeat}



.lightCornerL {
   background: url('http://img9.xooimage.com/files/c/o/cornerl02-a89f0.gif') left bottom no-repeat}

.lightCornerR {
   background: url('http://img7.xooimage.com/files/c/o/cornerr02-a89f1.gif') right bottom no-repeat}

.darkCornerL {
   width: 5px;
   line-height: 20px;
   background: url('http://img7.xooimage.com/files/c/o/cornerl-a89ee.gif') left bottom no-repeat}

.darkCornerR {
   height: 26px;
   background: url('http://img9.xooimage.com/files/c/o/cornerr-a89ef.gif') right bottom no-repeat}



#forum {
   width: 780px;
   height: 100%;
   background-color: #fbfbfb;
   margin: 0 auto}
   
#bodyline {
   width: 717px;
   padding: 10px 0;
   vertical-align: top;
   text-align: left}



#top_image {
   text-align: center}

#top_image img {
   border: 0;
   width: 717px;
   height: 231px}



div.spacing {
   height: 10px;
   clear: both}



.postbuttons img {
   border: 0;
   margin-right: 10px}



.pad0-0-4 {
   padding: 0 0 4px}
   
.pad0-0-10 {
   padding: 0 0 10px}

.pad4 {
   padding: 4px}

.pad4-0 {
   padding: 4px 0px}
   
.pad25 {
   padding: 25px}

.pad60 {
   padding: 60px}

div.timezone {
   padding: 0 3px}

div.copyright {
   padding: 5px}

.quote, .code {
   margin: 10px;
   padding: 10px}

.quote .inside_quote, .code .inside_code {
   padding: 10px}

div.hr {
   height: 1px;
   background-color: #ccc;
   margin: 5px 0}
   
div.hr hr {
   display: none}



input.post, textarea.post, select, input.postfile {
   margin: 0;
   border: 1px solid #666}

input.post, textarea.post, input.postfile {
   padding: 2px 3px}

input.post {
   height: 19px}

html>body input.post {
   height: 12px}

.helpline {
   background-color: #e3e3e3}



.postmini {
   width: 25px}
   
.postsmall {
   width: 90px}
   
.postmedium {
   width: 150px}
   
.postbig {
   width: 225px}
   
.postbiggest {
   width: 450px}



.block {
   display: block}

.clear {
   clear: both}

.left {
   float: left;
   text-align: left}
   
.right {
   float: right;
   text-align: right}
   
.txtcenter {
   text-align: center}

.txtmiddle {
   text-align: center;
   vertical-align: middle}

.txtright {
   text-align: right}

.txttop {
   vertical-align: top}
   
.txtbottom {
   vertical-align: bottom}
   
.txtleft {
   text-align: left}
   

   
td.row1   {
   background-color: #ebebeb}
   
td.row2 {
   background-color: #e3e3e3}
   
td.row3 {
   background-color: #c0c0c0}



td, th, input, select, textarea, .message, .smallfont {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   text-transform: none;
   text-decoration: none;
   color: #111;
   font-size: 10px;
   line-height: 12px}

.colourtxt {
   color: #9f0002}
   
td a {
   color: #9f0002;
   text-decoration: underline}   

td a:hover {
   color: #9f0002;
   text-decoration: none}

tr.lines_2 th .nav, .nav {
   font-size: 11px;
   line-height: 23px;
   font-weight: bold}      

tr.lines_2 th .nav a, .nav a {
   color: #9f0002;
   text-decoration: none}

tr.lines_2 th .nav a:hover, .nav a:hover {
   color: #9f0002;
   text-decoration: underline}

.code {
   background-color: #fefefe;
   border: 2px solid #d6d6d6;
   font-family: Courier, 'Courier New', sans-serif;
   font-style: normal;
   font-weight: normal;
   text-transform: none;
   text-decoration: none;
   color: #0000b4;
   font-size: 11px;
   line-height: 13px}

.code a {
   color: #0000b4;
   text-decoration: underline}   

.code a:hover {
   color: #0000b4;
   text-decoration: none}

.quote {
   background-color: #fefefe;
   border: 2px solid #d6d6d6;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   text-transform: none;
   text-decoration: none;
   color: #555;
   font-size: 11px;
   line-height: 14px}

.quote a {
   color: #555;
   text-decoration: underline}   

.quote a:hover {
   color: #555;
   text-decoration: none}
   
.edited {
   font-style: italic}

.font11 {
   font-size: 11px; line-height: 13px}




tr.toplines th {
   line-height: 24px;
   height: 24px;
   font-weight: bold;
   text-align: center;
   border: 1px solid #000;
   border-width: 1px 0;
   padding: 0 10px}

tr.lines_2 th {
   border: 1px solid #000;
   border-width: 1px 0;
   padding: 2px 3px 3px 4px}



table.index_body td.one img {
   width: 46px;
   height: 25px}
   
table.index_body td.one {
   padding: 4px;
   text-align: center}
   
table.index_body td.two {
   padding: 4px;
   width: 100%;
   font-size: 11px;
   line-height: 13px}
   
table.index_body td.three {
   padding: 4px;
   text-align: center;
   white-space: nowrap}

table.index_body td.four {
   padding: 4px;
   width: 100%}

table.index_body_icons td img {
   vertical-align: middle}
   
table.index_body_icons td {
   white-space: nowrap;
   text-align: center}



table.groupcp td.one {
   padding: 4px 7px;
   width: 150px;
   height: 26px}
   
table.groupcp td.two {
   padding: 4px 5px 4px 4px}
   
table.groupcp td.three {
   padding: 4px 7px;
   height: 26px}



table.memberlist td.one {
   padding: 4px 7px;
   height: 26px}



table.modcp td.one img {
   width: 19px;
   height: 18px}
   
table.modcp td.one {
   padding: 4px;
   text-align: center}
   
table.modcp td.two {
   padding: 8px 4px;
   width: 100%}
   
table.modcp td.three {
   padding: 4px;
   text-align: center;
   white-space: nowrap}

table.modcp td.four {
   padding: 4px;
   white-space: nowrap;
   width: 150px}

table.modcp td.five {
   padding: 4px}

table.modcp td.six {
   padding: 4px 7px;
   vertical-align: top;
   font-weight: bold;
   text-align: left;
   width: 150px;
   height: 100px}
   
table.modcp td.seven {
   padding: 4px 7px;
   vertical-align: top;
   text-align: left;
   width: 470px}
   
table.modcp td.eight {
   padding: 4px 7px}

table.modcp td.nine {
   padding: 4px 7px;
   height: 18px;
   line-height: 18px}



table.posting_body td.one {
   padding: 4px 7px;
   width: 150px;
   height: 26px}
   
table.posting_body td.two {
   padding: 4px 5px 4px 4px}
   
table.posting_body td.three {
   padding: 4px 7px;
   vertical-align: top;
   width: 150px}

table.posting_body td.four {
   padding: 4px 5px 4px 4px;
   vertical-align: top}
   
table.posting_body td.four div {
   padding-bottom: 3px}

table.posting_body td.five {
   padding: 4px 7px}

table.posting_body td.six {
   padding: 4px 7px;
   height: 130px}
   
table.posting_body td.seven {
   padding: 4px 5px 4px 4px;
   vertical-align: top}

table.posting_body td.eight {
   padding: 4px 7px;
   vertical-align: top;
   font-weight: bold;
   width: 135px;
   text-align: left}
   
table.posting_body td.nine {
   padding: 4px 7px 10px;
   vertical-align: top;
   text-align: left}



table.privmsgs td.one img {
   width: 19px;
   height: 18px}
   
table.privmsgs td.one {
   padding: 4px;
   text-align: center}
   
table.privmsgs td.two {
   padding: 8px 4px;
   width: 100%;
   font-size: 11px;
   line-height: 13px}
   
table.privmsgs td.three {
   padding: 4px;
   text-align: center;
   white-space: nowrap}




table.profile td.one {
   padding: 4px 7px;
   width: 50%;
   height: 26px}
   
table.profile td.two {
   padding: 4px 5px 4px 4px}
   
table.profile td.three {
   padding: 4px 7px;
   height: 26px}



table.profile_view_body tr {
   height: 18px;
   text-align: right}



table.viewtopic td.one {
   padding: 4px 7px;
   font-weight: bold}

table.viewtopic td.two {
   padding: 4px 5px 4px 2px;
   height: 30px}
   
table.viewtopic td.three {
   padding: 4px 7px;
   vertical-align: top;
   width: 150px}
   
table.viewtopic td.four {
   padding: 2px 5px 4px;   
   vertical-align: top;
   height: 130px}
   
table.viewtopic td.four table {
   height: 100%;
   width: 560px}

table.viewtopic td.four table td {
   font-size: 11px;
   line-height: 14px}
   
table.viewtopic td.five {
   padding: 4px 7px;
   height: 18px;
   line-height: 18px}
   
table.viewtopic td.six {
   padding: 4px 5px}



table.viewforum td.one img {
   width: 19px;
   height: 18px}
   
table.viewforum td.one {
   padding: 4px;
   text-align: center}
   
table.viewforum td.two {
   padding: 4px;
   width: 100%;
   font-size: 11px;
   line-height: 13px}
   
table.viewforum td.three {
   padding: 4px;
   text-align: center;
   white-space: nowrap}



table.forumicons {
   width: 0}
   
table.forumicons td {
   white-space: nowrap}
   
table.forumicons td img {
   width: 19px;
   height: 18px}



table.search td.one {
   padding: 4px 7px;
   width: 50%;
   vertical-align: top}
   
table.search td.two {
   padding: 4px 5px 4px 4px}

table.search td.two div {
   padding-top: 3px}
   
table.search td.three {
   padding: 4px 7px;
   text-align: right}

table.search td.four {
   padding: 4px;
   width: 150px}

table.search td.five {
   padding: 8px 4px}

table.search td.six {
   padding: 4px;
   vertical-align: top}

table.search td.seven img {
   width: 19px;
   height: 18px}
   
table.search td.seven {
   padding: 4px;
   text-align: center}
   
table.search td.eight {
   padding: 4px}
   
table.search td.nine {
   padding: 4px;
   text-align: center}
   
table.search td.ten {
   padding: 4px;
   text-align: center;
   white-space: nowrap}



table.simple_header {
   background-color: #fff;
   height: 100%}
   
table.simple_header td {
   vertical-align: top}



table.viewonline td.one {
   padding: 8px 4px}
   
table.viewonline td.two {
   padding: 8px 4px;
   text-align: center}

   

h2 {
   font-size: 11px;
   line-height: 26px;
   height: 26px;
   font-weight: bold;
   color: #9f0002;
   margin: 0;
   padding: 0 4px 0 12px;
   background: url('http://img7.xooimage.com/files/s/m/smallarrow-a89f2.gif') left center no-repeat}
   
h3 {
   font-size: 11px;
   line-height: 13px;
   font-weight: bold;
   text-decoration: none;
   color: #9f0002;
   margin: 0}

h4 {
   font-size: 11px;
   line-height: 26px;
   height: 26px;
   font-weight: bold;
   color: #9f0002;
   margin: 0;
   padding: 0 4px}

h2 a, h3 a, h4 a {
   text-decoration: none;
   color: #9f0002}
   
h2 a:hover, h3 a:hover, h4 a:hover, .copyright a:hover {
   color: #9f0002;
   text-decoration: underline}

.mainmenu {
   font-size: 11px;
   line-height: 23px}

.mainmenu a, tr.lines_1 th a, tr.lines_3 th a, .timezone a, .copyright a, .blacklink a {
   color: #111;
   text-decoration: none}

.mainmenu a:hover, tr.lines_1 th a:hover, tr.lines_3 th a:hover, .timezone a:hover, .blacklink a:hover {
   color: #111;
   text-decoration: underline}



.firstline {
   font-size: 11px;
   line-height: 22px;
   height: 22px;
   font-weight: bold;
   color: #9f0002;
   margin: 0;
   padding: 0 4px}

.secondline {
   font-size: 11px;
   font-weight: bold;
   color: #111;
   line-height: 25px;
   height: 25px;
   padding: 11px 4px 6px}

html>body .secondline {
   padding: 11px 4px 0}

.secondlinebuttons {
   float: right}

.firstline a, .secondline a, .bottombuttons a {
   text-decoration: none;
   color: #9f0002}
   
.firstline a:hover, .secondline a:hover, .bottombuttons a:hover {
   color: #9f0002;
   text-decoration: underline}

.bottombuttons .left {
   font-size: 11px;
   line-height: 13px;
   font-weight: bold;
   color: #111;
   padding: 34px 4px 40px}

.bottombuttons .right {
   padding-top: 28px}

.copyright {
   text-align: center;
   letter-spacing: -1px;
   margin: 10px 0}


Pourriez-vous me donner le code avec la largeur comme sur ce forum Xooit.com ?

Merci d'avance... Very Happy
Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 30 Mar 2008 - 17:36    Post subject: [guide]modifier la largeur du forum Reply with quote

ici

table {
   width: 100%;
   padding: 0}
_______________________


Forum
Author Message
belcalypso


Offline
Guest




PostPosted: Sun 30 Mar 2008 - 17:44    Post subject: [guide]modifier la largeur du forum Reply with quote

Merci themalin ça à tres bien marcher!! t'es un ange, encore une fois tu me sauve la vie!!!

Author Message
4RM
Membre


Offline
Membre

Joined: 17 Nov 2006
Posts: 26
Point(s): 26
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Sun 30 Mar 2008 - 17:45    Post subject: [guide]modifier la largeur du forum Reply with quote

Effectivement, il y a un problème ...

La page est coupée à droite !


Forum
Author Message
nOo


Offline
Guest




PostPosted: Sun 30 Mar 2008 - 18:45    Post subject: [guide]modifier la largeur du forum Reply with quote

Moi je n'ai pas eu résolution à mon problème.
Mon forum est à gauche et en plus je n'arrive pas a réduire la largeur.
Mon thème est AcidTech.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 30 Mar 2008 - 19:46    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour

ici

Code: Sélectionner - Agrandir

<a name="top"></a>
<img id="formStyleTestImage" src="images/spacer.gif" />
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
<tr>
il suffit de chnager le 100
_______________________


Forum
Author Message
nOo


Offline
Guest




PostPosted: Sun 30 Mar 2008 - 21:04    Post subject: [guide]modifier la largeur du forum Reply with quote

Et je dois mettre combien pour obtenir la même chose que ce forum-ci ?

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Mon 31 Mar 2008 - 11:32    Post subject: [guide]modifier la largeur du forum Reply with quote

tu mets 760 ou 76%
_______________________


Forum
Author Message
4RM
Membre


Offline
Membre

Joined: 17 Nov 2006
Posts: 26
Point(s): 26
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Mon 31 Mar 2008 - 11:42    Post subject: [guide]modifier la largeur du forum Reply with quote

themalin wrote:
bonjour

ici

Code: Sélectionner - Agrandir

<a name="top"></a>
<img id="formStyleTestImage" src="images/spacer.gif" />
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
<tr>
il suffit de chnager le 100


Bonjour, c'est pour quel thème ??

@+


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Mon 31 Mar 2008 - 12:03    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour

Acid tech
_______________________


Forum
Author Message
franky81


Offline
Guest




PostPosted: Mon 31 Mar 2008 - 17:16    Post subject: help Reply with quote

je n'arrive pas à réduire la taille de mon forum a 80% quelqu'un peut m'aider
SVP voila mon spoiler overeal_header.TPL


Last edited by franky81 on Wed 2 Apr 2008 - 13:20; edited 1 time in total
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 1 Apr 2008 - 11:24    Post subject: [guide]modifier la largeur du forum Reply with quote

bonjour

ici

<a name="top">[/url]



 

<table width="100%" cellpadding="0" cellspacing="0" align="center" bgcolor="white" style="border-width:2px; border-color:rgb(109,11,11); border-style:double;">




il suffit de changer le 100
_______________________


Forum
Author Message
franky81


Offline
Guest




PostPosted: Tue 1 Apr 2008 - 14:01    Post subject: [guide]modifier la largeur du forum Reply with quote

@themalin
j'avais bien changé ce chiffre mais aucun effet est-ce a cause des photos
qu'il y a sur les pages ??


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 2 Apr 2008 - 12:32    Post subject: [guide]modifier la largeur du forum Reply with quote

tu le fais bien en thème normal????
_______________________


Forum
Author Message
franky81


Offline
Guest




PostPosted: Wed 2 Apr 2008 - 13:19    Post subject: [guide]modifier la largeur du forum Reply with quote

oui thème normal mais rien ne change mais comme il y a pas mal de photos
je me posais la question si cela pouvait venir de là ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 2 Apr 2008 - 13:24    Post subject: [guide]modifier la largeur du forum Reply with quote

quel sont les dimensions des photos

elle peuvent en effet déformer ta page
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 19:12    Post subject: [guide]modifier la largeur du forum

Display posts from previous:   
Reply to topic Page 29 of 97 Goto page: <  1, 2, 328, 29, 3095, 96, 97  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401