It is currently Tue 27 Sep 2016 - 07:16 - créer un forum

Largeur variable des messages ?

Skip to content

Post new topic Reply to topic Goto page: 1, 2  >

Largeur variable des messages ?
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sat 19 Sep 2015 - 17:27    Post subject: Largeur variable des messages ? Reply with quote

PublicitéSupprimer les publicités ?
Bonjour. Après recherche, je me trouve toujours désemparé : sur notre forum, la largeur des pages de messages varient d'une page à l'autre sur un même sujet, je ne comprends pas pourquoi.

par exemple,

page 1 : http://chrrserk.clicforum.fr/t6772-Nouveau-d-part-Neuer-Start.htm
page 3 : http://chrrserk.clicforum.fr/t6772-Nouveau-d-part-Neuer-Start.htm?start=100

La situation de la page 3 est particulièrement ennuyeuse pour la lecture. Comment puis-je éviter la lecture-scrollbar et uniformiser la largeur des messages ?

Merci d'avance.


Last edited by izaac on Mon 21 Sep 2015 - 16:47; edited 2 times in total
Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Sat 19 Sep 2015 - 22:04    Post subject: Largeur variable des messages ? Reply with quote

bonjour ,
il semblerez qu'il y est un bug avec la répétition des >>
Code: Sélectionner - Agrandir
.quote


solution provisoire pour contourné le probléme >>

code a insérer dans overall_hedear.tpl, entre les balises >>

Code: Sélectionner - Agrandir
<style type="text/css">

et
Code: Sélectionner - Agrandir
</style>


plaçé ceci >>
Code: Sélectionner - Agrandir
td.row1{max-width:900px;}


n'oublier pas d’enregistrer votre template..

...si le problème persiste après ceci ,m'en faire part merci ,


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 08:18    Post subject: Largeur variable des messages ? Reply with quote

Euhh... où ça ? Embarassed

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files56/5/f/7/subdark-4310fbb.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />

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

<table width="90%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="90%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
</td>
<td align="center" width="90%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
</td>
</tr>
</table>


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Sun 20 Sep 2015 - 11:16    Post subject: Largeur variable des messages ? Reply with quote

bonjour autant pour moi c'est dans votre feuille de style ,
>>chercher le template subdark-4310fbb.css
ouvrer le chercher ceci>>

Code: Sélectionner - Agrandir
/* Main table cell colours and backgrounds */
td.row1   { background-color: #cfcfa9;
          border: 1px #70705d solid;
          border-radius: 10px; }
td.row2   { background-color: #b3b364;
          border: 1px #575733 solid;
          border-radius: 10px; }
td.row3   { background-color: #D1D7DC;
          border: 1px #000000 solid;
          border-radius: 10px }
td.row4   { background-color: #696969;
          border: 1px #a3a3a3 solid;
          border-radius: 10px; }


et remplacé par ceci >>

Code: Sélectionner - Agrandir
/* Main table cell colours and backgrounds */
td.row1   { maw-width:900px;background-color: #cfcfa9;  /***---- modif R-max largeur post ----***/
          border: 1px #70705d solid;
          border-radius: 10px; }
td.row2   { background-color: #b3b364;
          border: 1px #575733 solid;
          border-radius: 10px; }
td.row3   { background-color: #D1D7DC;
          border: 1px #000000 solid;
          border-radius: 10px }
td.row4   { background-color: #696969;
          border: 1px #a3a3a3 solid;
          border-radius: 10px; }


je vous rappel que ceci est provisoire et a tester ..dans la durée .....et voir si la modification n'agi pas ailleurs ,
(normalement non ,)
bon dimanche ..


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 11:36    Post subject: Largeur variable des messages ? Reply with quote

Aucun effet, malheureusement. Ou alors, je n'ai pas convenablement procédé.

/*
Code: Sélectionner - Agrandir
The original SubDark Theme for phpBB version 2+
  Created by subBlue design
  [url=http://www.subBlue.com]http://www.subBlue.com[/url]
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background:#f1f1f1;color:#333333;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c2c2c2;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#c2c2c2;
scrollbar-face-color:#e2e2e2;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#f1f1f1
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #696969; }
a:hover      { text-decoration: underline; color : #708090; }
hr   { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #FFFFFF; border: 1px #FFFFFF solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #FFFFFF; border: 2px #FFFFFF solid; }


/* Main table cell colours and backgrounds */
td.row1   { maw-width:900px;background-color: #cfcfa9;  /***---- modif R-max largeur post ----***/
          border: 1px #70705d solid;
          border-radius: 10px; }
td.row2   { background-color: #b3b364;
          border: 1px #575733 solid;
          border-radius: 10px; }
td.row3   { background-color: #D1D7DC;
          border: 1px #000000 solid;
          border-radius: 10px }
td.row4   { background-color: #696969;
          border: 1px #a3a3a3 solid;
          border-radius: 10px; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #FFFFFF;
      background-image: url('http://img.xooimage.com/files7/c/e/cellpic2-35b2c.jpg');
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #F4A460; font-size: 11px; font-weight : bold;
   background-color: #000406; height: 25px;
   background-image: url('http://img.xooimage.com/files5/c/e/cellpic3-35b2d.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url('http://img.xooimage.com/files4/c/e/cellpic1-35b2e.gif');
         background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

td._catBottom {
         background-image: url('http://img.xooimage.com/files7/c/e/cellpic5-35b2f.gif');
         background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}

td._catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
   background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
td._catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #696969; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #708090; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px; color : #000000 }
a.mainmenu      { text-decoration: none; color : #616161;  }
a.mainmenu:hover{ text-decoration: underline; color : #708090; }


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000}
a.cattitle      { text-decoration: none; color : #696969; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #000000; }
a.forumlink    { text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: underline; color : #708090; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color : #000000;}
a.nav         { text-decoration: none; color : #696969; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #696969; }
a.topictitle:visited { text-decoration: none; color : #A9A9A9; }
a.topictitle:hover   { text-decoration: underline; color : #708090; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link   { text-decoration: none; color : #708090; }
a.postlink:visited { text-decoration: none; color : #A9A9A9; }
a.postlink:hover { text-decoration: underline; color : #708090;}


/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #2E8B57;
   background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
   background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright      { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #EFEFEF;
   color : #000000;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
   background-color : #FAFAFA;
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : #FAFAFA;
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img.xooimage.com/files10/f/o/formie-30d7c.css');

bgTop   {
   color: #F4A460; font-size: 11px; font-weight : bold;
   background-color: #000406; height: 25px;
   background-image: url('http://img.xooimage.com/files6/c/e/cellpic4-35b30.gif');
}


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Sun 20 Sep 2015 - 13:15    Post subject: Largeur variable des messages ? Reply with quote

re, j'ai fait une erreur de frappe (décidement !) remplacé par celui ci .

Code: Sélectionner - Agrandir
The original SubDark Theme for phpBB version 2+
  Created by subBlue design
  [url=http://www.subBlue.com]http://www.subBlue.com[/url]
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background:#f1f1f1;color:#333333;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c2c2c2;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#c2c2c2;
scrollbar-face-color:#e2e2e2;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#f1f1f1
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #696969; }
a:hover      { text-decoration: underline; color : #708090; }
hr   { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #FFFFFF; border: 1px #FFFFFF solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #FFFFFF; border: 2px #FFFFFF solid; }


/* Main table cell colours and backgrounds */
td.row1   { max-width:900px;background-color: #cfcfa9;  /***---- modif R-max largeur post ----***/
          border: 1px #70705d solid;
          border-radius: 10px; }
td.row2   { background-color: #b3b364;
          border: 1px #575733 solid;
          border-radius: 10px; }
td.row3   { background-color: #D1D7DC;
          border: 1px #000000 solid;
          border-radius: 10px }
td.row4   { background-color: #696969;
          border: 1px #a3a3a3 solid;
          border-radius: 10px; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #FFFFFF;
      background-image: url('http://img.xooimage.com/files7/c/e/cellpic2-35b2c.jpg');
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #F4A460; font-size: 11px; font-weight : bold;
   background-color: #000406; height: 25px;
   background-image: url('http://img.xooimage.com/files5/c/e/cellpic3-35b2d.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url('http://img.xooimage.com/files4/c/e/cellpic1-35b2e.gif');
         background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

td._catBottom {
         background-image: url('http://img.xooimage.com/files7/c/e/cellpic5-35b2f.gif');
         background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}

td._catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
   background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
td._catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #696969; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #708090; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px; color : #000000 }
a.mainmenu      { text-decoration: none; color : #616161;  }
a.mainmenu:hover{ text-decoration: underline; color : #708090; }


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000}
a.cattitle      { text-decoration: none; color : #696969; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #000000; }
a.forumlink    { text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: underline; color : #708090; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color : #000000;}
a.nav         { text-decoration: none; color : #696969; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #696969; }
a.topictitle:visited { text-decoration: none; color : #A9A9A9; }
a.topictitle:hover   { text-decoration: underline; color : #708090; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link   { text-decoration: none; color : #708090; }
a.postlink:visited { text-decoration: none; color : #A9A9A9; }
a.postlink:hover { text-decoration: underline; color : #708090;}


/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #2E8B57;
   background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
   background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright      { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #EFEFEF;
   color : #000000;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
   background-color : #FAFAFA;
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : #FAFAFA;
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img.xooimage.com/files10/f/o/formie-30d7c.css');

bgTop   {
   color: #F4A460; font-size: 11px; font-weight : bold;
   background-color: #000406; height: 25px;
   background-image: url('http://img.xooimage.com/files6/c/e/cellpic4-35b30.gif');
}


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 14:04    Post subject: Largeur variable des messages ? Reply with quote

Toujours aucun effet particulier...

Modification de SubDark.css


Code: Sélectionner - Agrandir
The original SubDark Theme for phpBB version 2+
  Created by subBlue design
  [url=http://www.subBlue.com]http://www.subBlue.com[/url]
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background:#f1f1f1;color:#333333;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c2c2c2;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#c2c2c2;
scrollbar-face-color:#e2e2e2;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#f1f1f1
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #696969; }
a:hover      { text-decoration: underline; color : #708090; }
hr   { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #FFFFFF; border: 1px #FFFFFF solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #FFFFFF; border: 2px #FFFFFF solid; }


/* Main table cell colours and backgrounds */
td.row1   { max-width:900px;background-color: #cfcfa9;  /***---- modif R-max largeur post ----***/
          border: 1px #70705d solid;
          border-radius: 10px; }
td.row2   { background-color: #b3b364;
          border: 1px #575733 solid;
          border-radius: 10px; }
td.row3   { background-color: #D1D7DC;
          border: 1px #000000 solid;
          border-radius: 10px }
td.row4   { background-color: #696969;
          border: 1px #a3a3a3 solid;
          border-radius: 10px; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #FFFFFF;
      background-image: url('http://img.xooimage.com/files7/c/e/cellpic2-35b2c.jpg');
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #F4A460; font-size: 11px; font-weight : bold;
   background-color: #000406; height: 25px;
   background-image: url('http://img.xooimage.com/files5/c/e/cellpic3-35b2d.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url('http://img.xooimage.com/files4/c/e/cellpic1-35b2e.gif');
         background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

td._catBottom {
         background-image: url('http://img.xooimage.com/files7/c/e/cellpic5-35b2f.gif');
         background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}

td._catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
   background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
td._catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #696969; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #708090; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px; color : #000000 }
a.mainmenu      { text-decoration: none; color : #616161;  }
a.mainmenu:hover{ text-decoration: underline; color : #708090; }


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000}
a.cattitle      { text-decoration: none; color : #696969; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #000000; }
a.forumlink    { text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: underline; color : #708090; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color : #000000;}
a.nav         { text-decoration: none; color : #696969; }
a.nav:hover      { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #696969; }
a.topictitle:visited { text-decoration: none; color : #A9A9A9; }
a.topictitle:hover   { text-decoration: underline; color : #708090; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link   { text-decoration: none; color : #708090; }
a.postlink:visited { text-decoration: none; color : #A9A9A9; }
a.postlink:hover { text-decoration: underline; color : #708090;}


/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #2E8B57;
   background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
   background-color: #FAFAFA; border: #FFFFFF; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright      { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
   color : #000000;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #EFEFEF;
   color : #000000;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
   background-color : #FAFAFA;
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : #FAFAFA;
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img.xooimage.com/files10/f/o/formie-30d7c.css');

bgTop   {
   color: #F4A460; font-size: 11px; font-weight : bold;
   background-color: #000406; height: 25px;
   background-image: url('http://img.xooimage.com/files6/c/e/cellpic4-35b30.gif');
}


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 14:17    Post subject: Largeur variable des messages ? Reply with quote

Aïe, je viens de voir que j'ai deux SubDark.css dans la liste de Template. J'ai rectifié, je n'ai plus de lecture à la scrollbar mais j'ai perdu mes couleurs d'origine....

http://chrrserk.clicforum.fr/index.php


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Sun 20 Sep 2015 - 14:22    Post subject: Largeur variable des messages ? Reply with quote

re , chez moi maintenant quand je clique sur

http://chrrserk.clicforum.fr/t6772-Nouveau-d-part-Neuer-Start.htm?start=100

la page est a la bonne taille >>





ps:vous avez un ecran de quelle resolution !!


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 14:28    Post subject: Largeur variable des messages ? Reply with quote

Merci, oui, je viens de voir que j'avais deux SubDark.css dans la liste de Template. J'ai rectifié, je n'ai plus de lecture à la scrollbar mais j'ai perdu mes couleurs d'origine....

http://chrrserk.clicforum.fr/index.php

Est-il possible de vous ennuyer encore en vous demandant comment retrouver le gris d'origine à la place du fond blanc un peu agressif ?


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Sun 20 Sep 2015 - 14:46    Post subject: Largeur variable des messages ? Reply with quote

ha étrange , c'est cette partie toujours dans ce template

Code: Sélectionner - Agrandir
/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #FFFFFF; border: 1px #FFFFFF solid; }


background-color:#ffffff = blanc .


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 14:46    Post subject: Largeur variable des messages ? Reply with quote

On me signale des pages trop larges encore...

Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Sun 20 Sep 2015 - 18:15    Post subject: Largeur variable des messages ? Reply with quote

c'est résolu. Le dernier souci venait d'un screen trop large.

Merci beaucoup.


Forum
Author Message
R-max
Membre


Offline
Membre

Joined: 07 Sep 2014
Posts: 180
Point(s): 197
Moyenne: 1.09
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov)

PostPosted: Sun 20 Sep 2015 - 21:02    Post subject: Largeur variable des messages ? Reply with quote

un petit plus , pour redimentionné les image ou screen trop large

chercher ceci dans overall_header.tpl >
Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />


juste aprés et avant

Code: Sélectionner - Agrandir
<a name="top">


collé ce java_script >>

Code: Sélectionner - Agrandir
<!--=====modif redimention image====-->
<script type="text/javascript">
/* Modifiez 900 ici par la largeur maximum que vous voulez
  */
 MAX_IMG_WIDTH = 900;

 function resizedImgClick(event) {
  event = (event || window.event);
  var img = Event.element(event);

  // L'image est dans un lien, on laisse le lien s'ouvrir
  if (img.up('a')) return;

  // L'image taille réelle est actuellement affichée, on la ferme
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
   fullImg.parentNode.removeChild(fullImg);
   Event.stop(event);
   return false;
  }

  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
  $('img.resizedImgFull').each(function(elem) {
   elem.parentNode.removeChild(elem);
  });

  // On affiche l'image taille réelle
  var elem = $cE('img');
  elem.src=img.src;
  elem.setStyle({
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
  });
  elem.addClassName('resizedImgFull');
  elem.onclick=resizedImgClose;
  document.body.appendChild(elem);
  Event.stop(event);
  return false;
 }
 function resizedImgClose(event) {
  event = (event || window.event);
  var img = Event.element(event);
  img.parentNode.removeChild(img);
  Event.stop(event);
  return false;
 }
 function imgsize(maxwidth) {
  $$('.img_postbody img').each(function(img) {
   if (img.width <= maxwidth) return;
   img.width=maxwidth;
   img.style['cursor']='pointer';
   img.onclick=resizedImgClick;
  });
 }
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
</script>
<!--=====fin modif=====-->



ce qui donnera une fois placé ceci >>

Code: Sélectionner - Agrandir

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<!--=====modif redimention image====-->
<script type="text/javascript">
/* Modifiez 900 ici par la largeur maximum que vous voulez
  */
 MAX_IMG_WIDTH = 900;

 function resizedImgClick(event) {
  event = (event || window.event);
  var img = Event.element(event);

  // L'image est dans un lien, on laisse le lien s'ouvrir
  if (img.up('a')) return;

  // L'image taille réelle est actuellement affichée, on la ferme
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
   fullImg.parentNode.removeChild(fullImg);
   Event.stop(event);
   return false;
  }

  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
  $('img.resizedImgFull').each(function(elem) {
   elem.parentNode.removeChild(elem);
  });

  // On affiche l'image taille réelle
  var elem = $cE('img');
  elem.src=img.src;
  elem.setStyle({
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
  });
  elem.addClassName('resizedImgFull');
  elem.onclick=resizedImgClose;
  document.body.appendChild(elem);
  Event.stop(event);
  return false;
 }
 function resizedImgClose(event) {
  event = (event || window.event);
  var img = Event.element(event);
  img.parentNode.removeChild(img);
  Event.stop(event);
  return false;
 }
 function imgsize(maxwidth) {
  $$('.img_postbody img').each(function(img) {
   if (img.width <= maxwidth) return;
   img.width=maxwidth;
   img.style['cursor']='pointer';
   img.onclick=resizedImgClick;
  });
 }
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
</script>
<!--=====fin modif=====-->
<a name="top">

bonne soirée ,


Forum
Author Message
izaac
Membre


Offline
Membre

Joined: 19 Sep 2015
Posts: 12
Point(s): 11
Moyenne: 0.92
Windows Vista ou 7 Internet Explorer Masculin

PostPosted: Mon 21 Sep 2015 - 16:47    Post subject: Largeur variable des messages ? Reply with quote

Euhh, ça me fait des trucs bizarres....

http://chrrserk.clicforum.fr/t6772-Nouveau-d-part-Neuer-Start.htm?start=150

Et ma page 4 est repassée en lecture-scrollbar

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files110/3/4/a/subdark-4ccd877.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>


<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<!--=====modif redimention image====-->
<script type="text/javascript">
/* Modifiez 900 ici par la largeur maximum que vous voulez
  */
 MAX_IMG_WIDTH = 900;

 function resizedImgClick(event) {
  event = (event || window.event);
  var img = Event.element(event);

  // L'image est dans un lien, on laisse le lien s'ouvrir
  if (img.up('a')) return;

  // L'image taille réelle est actuellement affichée, on la ferme
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
   fullImg.parentNode.removeChild(fullImg);
   Event.stop(event);
   return false;
  }

  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
  $('img.resizedImgFull').each(function(elem) {
   elem.parentNode.removeChild(elem);
  });

  // On affiche l'image taille réelle
  var elem = $cE('img');
  elem.src=img.src;
  elem.setStyle({
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
  });
  elem.addClassName('resizedImgFull');
  elem.onclick=resizedImgClose;
  document.body.appendChild(elem);
  Event.stop(event);
  return false;
 }
 function resizedImgClose(event) {
  event = (event || window.event);
  var img = Event.element(event);
  img.parentNode.removeChild(img);
  Event.stop(event);
  return false;
 }
 function imgsize(maxwidth) {
  $$('.img_postbody img').each(function(img) {
   if (img.width <= maxwidth) return;
   img.width=maxwidth;
   img.style['cursor']='pointer';
   img.onclick=resizedImgClick;
  });
 }
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
</script>
<!--=====fin modif=====-->
<a name="top">

<table width="90%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="90%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td><a href="{U_INDEX}"><img src="http://img.xooimage.com/files4/l/o/logo_phpbb-35b3d.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            <td align="center" width="90%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
         </td>
         </tr>
      </table>


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 07:16    Post subject: Largeur variable des messages ?

Display posts from previous:   
Reply to topic Page 1 of 2 Goto page: 1, 2  >




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