It is currently Sun 25 Sep 2016 - 12:34 - créer un forum

Redimensionner automatiquement les images, version 2

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 37, 8, 915, 16, 17  >

Redimensionner automatiquement les images, version 2
Author Message
maxime30





PostPosted: Sat 17 May 2008 - 19:00    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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

Quote:
<!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/files4/4/7/2/appalachia-332c78.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: {T_BODY_BGCOLOR};
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }
/*
  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: {T_TD_COLOR2};
  background-image: url(http://img.xooimage.com/files2/6/6/5/zx2c341.tmp-332c6e.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: {T_BODY_LINK}; height: 25px;
 background-image: url(http://img.xooimage.com/files9/5/2/6/zx2c341.tmp-332c76.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files6/9/1/2/zx2c341.tmp-332c66.jpg);
   background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; 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 Smile
*/
td.cat,td.catHead,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: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
 background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; 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; }
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 {
 font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu  { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav   { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover  { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright  { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : {T_BODY_TEXT};
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : {T_TR_COLOR1};
 color : {T_BODY_TEXT};
 font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
 background-color : {T_TD_COLOR1};
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : {T_TD_COLOR1};
 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 Wink
*/
.helpline { background-color: {T_TR_COLOR2}; 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-31188.css");
-->
</style>
<!-- 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 class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
 <tr>
  <td height="85"><img src=http://img.xooimage.com/files2/9/a/6/sublimy-maureen-331f9c.png border="0" /></td>
 </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img.xooimage.com/files1/d/c/4/zx2c341.tmp-332c5e.jpg" />
 <tr>
  <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
   [url:7e81ca6100=http://{U_INDEX}]<font color=#FFFFFF>Index<font>
- <font color=#FFFFFF>{L_FAQ}</font> - <font color=#FFFFFF>{L_SEARCH}</font> - <font color=#FFFFFF>Membres</font> - <font color=#FFFFFF>Groupes</font> -
   <!-- BEGIN switch_user_logged_out -->
   <font color=#FFFFFF>{L_REGISTER}</span> -
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <font color=#FFFFFF>{L_PROFILE}</span> -
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
   <font color=#FFFFFF>Messages Priv&eacute;s</span> -
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span> -
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
   <font color=#FFFFFF>{L_LOGIN_LOGOUT}</span>
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   [url={U_LOGIN_LOGOUT}]<font color=#FFFFFF>{L_LOGIN_LOGOUT}</span>[/url:7e81ca6100]
   <!-- END switch_user_logged_in -->
   </span>
  </td>
 </tr>
</table>     
<table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
   <td class="bodyline">

 

Voila mon template sans le code de redimenssion
Author Message
Arlem2


Offline
Guest




PostPosted: Sat 17 May 2008 - 19:01    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Mets le moi entre les balises de Code (<>) pas de Citation, sinon ton code est faussé.

Author Message
maxime30


Offline
Guest




PostPosted: Sat 17 May 2008 - 19:05    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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://img4.xooimage.com/files/4/7/2/appalachia-332c78.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 background-color: {T_BODY_BGCOLOR};
 scrollbar-face-color: {T_TR_COLOR2};
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: {T_TR_COLOR3};
 scrollbar-arrow-color:  {T_BODY_LINK};
 scrollbar-track-color: {T_TR_COLOR1};
 scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }
/*
  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: {T_TD_COLOR2};
  background-image: url(http://img2.xooimage.com/files/6/6/5/zx2c341.tmp-332c6e.jpg);
  background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
 color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: {T_BODY_LINK}; height: 25px;
 background-image: url(http://img9.xooimage.com/files/5/2/6/zx2c341.tmp-332c76.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img6.xooimage.com/files/9/1/2/zx2c341.tmp-332c66.jpg);
   background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; 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;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
 background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; 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; }
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 {
 font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu  { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle  { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav   { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover  { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
 background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright  { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
 color : {T_BODY_TEXT};
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : {T_TR_COLOR1};
 color : {T_BODY_TEXT};
 font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
 background-color : {T_TD_COLOR1};
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : {T_TD_COLOR1};
 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: {T_TR_COLOR2}; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-31188.css");
-->
</style>
<!-- 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"></a>
<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
 <tr>
  <td height="85"><a href="{U_INDEX}"><img src=http://img2.xooimage.com/files/9/a/6/sublimy-maureen-331f9c.png border="0" /></td>
 </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img1.xooimage.com/files/d/c/4/zx2c341.tmp-332c5e.jpg" />
 <tr>
  <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
   <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
   <!-- BEGIN switch_user_logged_out -->
   <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
   <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_user_logged_out -->
   <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
   <!-- END switch_user_logged_out -->
   <!-- BEGIN switch_user_logged_in -->
   <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
   <!-- END switch_user_logged_in -->
   </span>
  </td>
 </tr>
</table>     
<table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
   <td class="bodyline">

 


Author Message
Arlem2


Offline
Guest




PostPosted: Sat 17 May 2008 - 21:16    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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://img4.xooimage.com/files/4/7/2/appalachia-332c78.css" type="text/css" -->
    <style type="text/css">
    <!--
    /*
      The original Appalachia Theme for phpBB version 2+
      Created by Droshi
      Design by Kooky
      NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
      theme administration centre. When you have finalised your style you could cut the final CSS code
      and place it in an external file, deleting this section to save bandwidth.
    */
    /* General page style. The scroll bar colours only visible in IE5.5+ */
    body {
     background-color: {T_BODY_BGCOLOR};
     scrollbar-face-color: {T_TR_COLOR2};
     scrollbar-highlight-color: {T_TD_COLOR2};
     scrollbar-shadow-color: {T_TR_COLOR2};
     scrollbar-3dlight-color: {T_TR_COLOR3};
     scrollbar-arrow-color:  {T_BODY_LINK};
     scrollbar-track-color: {T_TR_COLOR1};
     scrollbar-darkshadow-color: {T_TH_COLOR1};
    }
    /* General font families for common tags */
    font,th,td,p { font-family: {T_FONTFACE1} }
    a:link,a:active,a:visited { color : {T_BODY_LINK}; }
    a:hover  { text-decoration: underline; color : {T_BODY_HLINK}; }
    hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
    /* This is the border line & background colour round the entire page */
    .bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
    /* This is the outline round the main forum tables */
    .forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
    /* Main table cell colours and backgrounds */
    td.row1 { background-color: {T_TR_COLOR1}; }
    td.row2 { background-color: {T_TR_COLOR2}; }
    td.row3 { background-color: {T_TR_COLOR3}; }
    /*
      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: {T_TD_COLOR2};
      background-image: url(http://img2.xooimage.com/files/6/6/5/zx2c341.tmp-332c6e.jpg);
      background-repeat: repeat-y;
    }
    /* Header cells - the blue and silver gradient backgrounds */
    th {
     color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
     background-color: {T_BODY_LINK}; height: 25px;
     background-image: url(http://img9.xooimage.com/files/5/2/6/zx2c341.tmp-332c76.jpg);
    }
    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
       background-image: url(http://img6.xooimage.com/files/9/1/2/zx2c341.tmp-332c66.jpg);
       background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; 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;
    }
    th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
     font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
    }
    td.row3Right,td.spaceRow {
     background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
    }
    th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; 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; }
    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 {
     font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
     text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
    }
    /* General text */
    .gen { font-size : {T_FONTSIZE3}px; }
    .genmed { font-size : {T_FONTSIZE2}px; }
    .gensmall { font-size : {T_FONTSIZE1}px; }
    .gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
    a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
    a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
    /* The register, login, search etc links at the top of the page */
    .mainmenu  { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
    a.mainmenu  { text-decoration: none; color : {T_BODY_LINK};  }
    a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
    /* Forum category titles */
    .cattitle  { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
    a.cattitle  { text-decoration: none; color : {T_BODY_LINK}; }
    a.cattitle:hover{ text-decoration: underline; }
    /* Forum title: Text and link to the forums used in: index.php */
    .forumlink  { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
    a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
    a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
    /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
    .nav   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
    a.nav   { text-decoration: none; color : {T_BODY_LINK}; }
    a.nav:hover  { text-decoration: underline; }
    /* titles for the topics: could specify viewed link colour too */
    .topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
    a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
    a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
    a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
    /* Name of poster in viewmsg.php and viewtopic.php and other places */
    .name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
    /* Location, number of posts, post date etc */
    .postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
    /* The content of the posts (body of text) */
    .postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
    a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
    a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
    a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
    /* Quote & Code blocks */
    .code {
     font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
     background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }
    .quote {
     font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
     background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
    a.copyright  { color: {T_FONTCOLOR1}; text-decoration: none;}
    a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
    /* Form elements */
    input,textarea, select {
     color : {T_BODY_TEXT};
     font: normal {T_FONTSIZE2}px {T_FONTFACE1};
     border-color : {T_BODY_TEXT};
    }
    /* The text input fields background colour */
    input.post, textarea.post, select {
     background-color : {T_TD_COLOR2};
    }
    input { text-indent : 2px; }
    /* The buttons used for bbCode styling in message post */
    input.button {
     background-color : {T_TR_COLOR1};
     color : {T_BODY_TEXT};
     font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
    }
    /* The main submit button option */
    input.mainoption {
     background-color : {T_TD_COLOR1};
     font-weight : bold;
    }
    /* None-bold submit button */
    input.liteoption {
     background-color : {T_TD_COLOR1};
     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: {T_TR_COLOR2}; border-style: none; }
    /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
    @import url("http://img10.xooimage.com/files/f/o/formie-31188.css");
    -->
    </style>
    <!-- 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}">
    <script type="text/javascript">

     /* Modifiez 530 ici par la largeur maximum que vous voulez
      */
     MAX_IMG_WIDTH = 530;

     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) {
      $$('.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>
    <a name="top"></a>
    <table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
     <tr>
      <td height="85"><a href="{U_INDEX}"><img src=http://img2.xooimage.com/files/9/a/6/sublimy-maureen-331f9c.png border="0" /></td>
     </tr>
    </table>
    <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img1.xooimage.com/files/d/c/4/zx2c341.tmp-332c5e.jpg" />
     <tr>
      <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
       <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
       <!-- BEGIN switch_user_logged_out -->
       <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
       <!-- END switch_user_logged_out -->
       <!-- BEGIN switch_user_logged_in -->
       <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
       <!-- END switch_user_logged_in -->
       <!-- BEGIN switch_user_logged_out -->
       <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
       <!-- END switch_user_logged_out -->
       <!-- BEGIN switch_user_logged_in -->
       <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
       <!-- END switch_user_logged_in -->
       <!-- BEGIN switch_user_logged_out -->
       <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
       <!-- END switch_user_logged_out -->
       <!-- BEGIN switch_user_logged_in -->
       <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
       <!-- END switch_user_logged_in -->
       </span>
      </td>
     </tr>
    </table>     
    <table width="760" cellspacing="0" cellpadding="10" border="0" align="center">
     <tr>
       <td class="bodyline">

     


Tu peux changer les dimensions par défaut.


Author Message
maxime30


Offline
Guest




PostPosted: Sat 17 May 2008 - 21:52    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Quand je met sa , sa redimensionne pas les photos postés avant ?

Author Message
Arlem2


Offline
Guest




PostPosted: Sun 18 May 2008 - 01:56    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Non je ne pense pas.

Author Message
Golden Legends


Offline
Guest




PostPosted: Wed 10 Sep 2008 - 20:13    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Désolé de poser cette question mais quand vous dites <body...> ça veut dire qu'on doit placer notre script :
<bodyici> ou <body>ici ?
Car j'ai essayer avec le thème iOptional avec la 2e solution, ça marche mais lorsque je clique dessus, l'image de s'agrandit pas.

Merci de m'aider.


Author Message
Arlem2


Offline
Guest




PostPosted: Wed 10 Sep 2008 - 20:28    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Salut,

<body>ici ?

Tu as essayé avec la méthode 4.0 :
http://xooit.xooit.com/p199710.htm

Sinon, essaie ces différentes versions :
http://xooit.xooit.com/p284922.htm


Author Message
Golden Legends


Offline
Guest




PostPosted: Wed 10 Sep 2008 - 21:06    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Merci, ça fonctionne !
Par contre j'ai une question :
Savez-vous comment on peut mettre sous chaque image 'Cliquez sur l'image pour l'agrandir' ?

Merci beaucoup !


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: Thu 11 Sep 2008 - 08:31    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

dans ce cas tu as un autre tuto pour faire un +/-  de tes images ici

http://xooit.xooit.com/t36499-mod-Redimension-des-images-reduire-agrandir.h…
_______________________


Forum
Author Message
Golden Legends


Offline
Guest




PostPosted: Thu 11 Sep 2008 - 18:49    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Merci !

Author Message
franky81


Offline
Guest




PostPosted: Sun 26 Oct 2008 - 11:52    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour voici mon template ou dois-je insérer le code merci


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">

<link rel="shortcut icon" href="http://www.picdo.net/Fichiers/241d32ca82bd1f7b66667a1cca1666cc/drapeau-france.ico"><head> <meta name="verify-v1" content="Lbr1m0c9KIpXYNLPrXaMzWAUlIruMJzxAniUv/xnndc=" />
<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/files7/4/a/9/ered-414532.css" type="text/css" -->
<style type="text/css">
<!--
/*
  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TR_COLOR2};
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_TR_COLOR3};
    scrollbar-arrow-color:  {T_BODY_LINK};
    scrollbar-track-color: {T_TR_COLOR1};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
        background-image: url("http://photomaniak.com/upload/out.php/i305642_vistawallpaperbrightandshiny.jpg");
background-repeat: repeat;
 }

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : #000000;text-decoration: none;
}
a:hover { text-decoration: none; color : #F9051D; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

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

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

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  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: {T_TD_COLOR2};
        background-image: url(http://img.xooimage.com/files2/c/0/c/cellpic3-90c55-p--40c7b3.gif);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img.xooimage.com/files7/2/f/d/cellpic2-90c54m-272855.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files7/9/5/2/cellpic3-90c55-1b46c3.gif);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; 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 Smile
*/
td.cat,td.catHead,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: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; 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; }
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    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

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

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

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

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

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

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

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

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_BODY_TEXT};
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR1};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

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

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    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 Wink
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files4/f/o/formie-30deb.css");
-->
</style>
<!-- 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>
 <script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
   {
   for(var i=0; i<document.images.length; i++)
      {
     var img = document.images[i]
     var imgName = img.src.toUpperCase()
     if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
        {
       var imgID = (img.id) ? "id='" + img.id + "' " : ""
       var imgClass = (img.className) ? "class='" + img.className + "' " : ""
       var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
       var imgStyle = "display:inline-block;" + img.style.cssText
       if (img.align == "left") imgStyle = "float:left;" + imgStyle
       if (img.align == "right") imgStyle = "float:right;" + imgStyle
       if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle       
       var strNewHTML = "<span " + imgID + imgClass + imgTitle
       + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
        + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
       + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
       img.outerHTML = strNewHTML
       i = i-1
        }
      }
   }
window.attachEvent("onload", correctPNG);
</script>
<!-- END switch_enable_pm_popup --><script type="text/javascript">
<!--
/*
* Le code suivant va apprendre la balise blink à IE
*/
if ( document.all )
{
   function blink_show()
   {
      blink_tags  = document.all.tags('blink');
      blink_count = blink_tags.length;
      for ( i = 0; i < blink_count; i++ )
      {
         blink_tags[i].style.visibility = 'visible';
      }
     
      window.setTimeout( 'blink_hide()', 700 );
   }
   
   function blink_hide()
   {
      blink_tags  = document.all.tags('blink');
      blink_count = blink_tags.length;
      for ( i = 0; i < blink_count; i++ )
      {
         blink_tags[i].style.visibility = 'hidden';
      }
     
      window.setTimeout( 'blink_show()', 250 );
   }
   
   window.onload = blink_show;
}
-->
</script></head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="http://img.xooimage.com/files10/6/b/5/vista-wallpaper-b...-shiny-p--4149e7.jpg">
<a name="top">[/url]



 



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


        </td> 
    <td>
    <tr>     


  
 
            <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
{L_FAQ}
</span><span class="mainmenu">
{L_SEARCH}
{L_MEMBERLIST}

                        <!-- BEGIN switch_user_logged_out -->
                       
S'INSCRIRE
</span></td>
                        <!-- END switch_user_logged_out -->
                </tr>

                <tr>
                    <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
{L_PROFILE}

    <font color=red><blink>Vous avez un nouveau message</blink></font>
    <!-- ELSEIF PRIVATE_MESSAGE_INFO == "Vous n’avez pas de nouveaux messages" -->
    Vous n’avez aucun nouveau message
    <!-- ELSEIF PRIVATE_MESSAGE_INFO == "Se connecter pour vérifier ses messages privés" -->
    Consulter sa messagerie privée
    <!-- ELSEIF PRIVATE_MESSAGE_INFO != "" -->
    <!-- AND PRIVATE_MESSAGE_INFO != "Vous avez 1 nouveau message" -->
    <!-- AND PRIVATE_MESSAGE_INFO != "Vous n’avez pas de nouveaux messages" -->
    <!-- AND PRIVATE_MESSAGE_INFO != "Se connecter pour vérifier ses messages privés" -->
    <font color=red><blink>Vous avez de nouveaux messages</blink></font>
    <!-- ELSE -->
    {PRIVATE_MESSAGE_INFO}
    <!-- ENDIF -->
   

 
{L_LOGIN_LOGOUT}

   
                                                    </table>
            <table cellspacing="0" cellpadding="2" border="0">
                </tr>
 
            </table>   
           


        </td>
    </tr>
   
  


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 26 Oct 2008 - 12:42    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

tu le mets après ça


 
Code: Sélectionner - Agrandir
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="http://img10.xooimage.com/files/6/b/5/vista-wallpaper-b...-shiny-p--4149e7.jpg">  

_______________________


Forum
Author Message
franky81


Offline
Guest




PostPosted: Sun 26 Oct 2008 - 13:02    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

salut themalin alors le code fonctionne l'image est bien redimensionnée mais le forum se déforme quant meme comme si l'image était encore grand format

j'utilise la méthode xooit l'autre ne fonctionne pas


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 26 Oct 2008 - 13:03    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

sinon tu as d'autres tuto pour redimensionner les images il suffit d'en prendre un autre pour voir
_______________________


Forum
Author Message
franky81


Offline
Guest




PostPosted: Sun 26 Oct 2008 - 13:08    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

peut on obliger la tabulation pour ne pas avoir les messages trop long ce qui déforme aussi le forum

Author Message
Contenu Sponsorisé





PostPosted: Today at 12:34    Post subject: Redimensionner automatiquement les images, version 2

Display posts from previous:   
Reply to topic Page 8 of 17 Goto page: <  1, 2, 37, 8, 915, 16, 17  >




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