It is currently Sun 25 Sep 2016 - 15:58 - créer un forum

Redimensionner automatiquement les images, version 2

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4, 515, 16, 17  >

Redimensionner automatiquement les images, version 2
Author Message
gp246


Joined: 18 Aug 2007
Posts: 46

PostPosted: Tue 18 Sep 2007 - 13:24    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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

Tres bien, merci j'essait les 2 et je vous reviens si ca fonctionne ou pas.
Forum
Author Message
angelsjenifer
Membre


Offline
Membre

Joined: 11 Jul 2007
Posts: 23
Niveau:
Point(s): 23
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin

PostPosted: Wed 3 Oct 2007 - 14:42    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

en ce qui concerne la méthode xooit, il faut placer le script juste après c'est bien ça ?
_______________________
http://angelsjenifer.xooit.com


Forum
Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Wed 3 Oct 2007 - 14:51    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour
oui tu le places après l'endroit indiqué
_______________________


Forum
Author Message
angelsjenifer
Membre


Offline
Membre

Joined: 11 Jul 2007
Posts: 23
Niveau:
Point(s): 23
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin

PostPosted: Wed 3 Oct 2007 - 14:53    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

moi aucune des 2 méthodes ne fonctionnent, j'ai Appalachia Theme et I.E.7

voici mon code pour le overall_header.tpl

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/a/b/8/appalachia-1c4e8f.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};

background-image: url("http://img218.imageshack.us/img218/8100/fondjp7.jpg");
background-repeat: repeat;
background-attachment: fixed;

}

/* 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://img3.xooimage.com/files/1/8/7/bgbar_white-3118b-1c4e8a.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/7/1/8/bgbar_white-3118b-1c4e8e.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img9.xooimage.com/files/7/1/8/bgbar_white-3118b-1c4e8e.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 -->


<link rel="shortcut icon" href="http://www.picdo.net/Fichiers/9695b94b0a45863eeedfba45b1e68d5/favicon.ico">













<script type="text/javascript">

function rmw_go()
{
 var rmw_img_array = document.getElementsByTagName("IMG");
 for (var i = 0; i < rmw_img_array.length; i++)
 {
  var rmw_img = rmw_img_array[i];
  if (String(rmw_img.getAttribute('resizemod')) == 'on')
  {
   if (rmw_wait_for_width && rmw_img.width && !isNaN(rmw_img.width))
   {
    if (rmw_img.width > Number(rmw_max_width))
    {
     rmw_img.setAttribute('resizemod','off');
     rmw_img.onload = null;
     rmw_img.removeAttribute('onload');
     var rmw_clone = rmw_img.cloneNode(false);
     var rmw_parent = rmw_img.parentNode;
     rmw_clone.setAttribute('width',String(rmw_max_width));
     rmw_parent.replaceChild(rmw_clone,rmw_img);
     rmw_make_pop(rmw_clone);
    }
   }
   else if (!rmw_wait_for_width)
   {
    rmw_img.setAttribute('resizemod','off');
    var rmw_clone = rmw_img.cloneNode(false);
    rmw_img.onload = null;
    rmw_img.removeAttribute('onload');
    var rmw_parent = rmw_img.parentNode;
    var rmw_ind = rmw_count++;
    rmw_clone.setAttribute('resizemod',String(rmw_ind));
    rmw_preload[rmw_ind] = new Image();
    rmw_preload[rmw_ind].src = rmw_img.src;
    if (window.showModelessDialog)
    {
     rmw_clone.style.margin = '2px';
    }
    rmw_clone.style.border = rmw_border_1;
    rmw_clone.style.width = '100px';
    rmw_parent.replaceChild(rmw_clone,rmw_img);
   }
  }
 }
 if (!rmw_over && document.getElementById('resizemod'))
 {
  rmw_over = true;
  rmw_go();
 }
 else if (!rmw_over)
 {
  window.setTimeout('rmw_go()',2000);
 }
}
function rmw_img_loaded(rmw_obj)
{
 if (!document.getElementsByTagName || !document.createElement) {return;}
 var rmw_att = String(rmw_obj.getAttribute('resizemod'));
 var rmw_real_width = false;
 if ((rmw_att != 'on') && (rmw_att != 'off'))
 {
  var rmw_index = Number(rmw_att);
  if (rmw_preload[rmw_index].width)
  {
   rmw_real_width = rmw_preload[rmw_index].width;
  }
 }
 else
 {
  rmw_obj.setAttribute('resizemod','off');
  if (rmw_obj.width)
  {
   rmw_real_width = rmw_obj.width;
  }
 }
 if (!rmw_real_width || isNaN(rmw_real_width) || (rmw_real_width <= 0))
 {
  var rmw_rand1 = String(rmw_count++);
  eval("rmw_retry" + rmw_rand1 + " = rmw_obj;");
  eval("window.setTimeout('rmw_img_loaded(rmw_retry" + rmw_rand1 + ")',2000);");
  return;
 }
 if (rmw_real_width > Number(rmw_max_width))
 {
  if (window.showModelessDialog)
  {
   rmw_obj.style.margin = '2px';
  }
  rmw_make_pop(rmw_obj);
 }
 else if (!rmw_wait_for_width)
 {
  rmw_obj.style.width = String(rmw_real_width) + 'px';
  rmw_obj.style.border = '0';
  if (window.showModelessDialog)
  {
   rmw_obj.style.margin = '0px';
  }
 }
 if (window.ActiveXObject) // IE on Mac and Windows
 {
  window.clearTimeout(rmw_timer1);
  rmw_timer1 = window.setTimeout('rmw_refresh_tables()',10000);
 }
}
function rmw_refresh_tables()
{
 var rmw_tables = document.getElementsByTagName("TABLE");
 for (var j = 0; j < rmw_tables.length; j++)
 {
  rmw_tables[j].refresh();
 }
}
function rmw_make_pop(rmw_ref)
{
 rmw_ref.style.border = rmw_border_2;
 rmw_ref.style.width = String(rmw_max_width) + 'px';
 if (!window.opera)
 {
  rmw_ref.onclick = function()
  {
   if (!rmw_pop.closed)
   {
    rmw_pop.close();
   }
   rmw_pop = window.open('about:blank','christianfecteaudotcom',rmw_pop_features);
   rmw_pop.resizeTo(window.screen.availWidth,window.screen.availHeight);
   rmw_pop.moveTo(0,0);
   rmw_pop.focus();
   rmw_pop.location.href = this.src;
  }
 }
 else
 {
  var rmw_rand2 = String(rmw_count++);
  eval("rmw_pop" + rmw_rand2 + " = new Function(\"rmw_pop = window.open('" + rmw_ref.src + "','christianfecteaudotcom','" + rmw_pop_features + "'); if (rmw_pop) {rmw_pop.focus();}\")");
  eval("rmw_ref.onclick = rmw_pop" + rmw_rand2 + ";");
 }
 document.all ? rmw_ref.style.cursor = 'hand' : rmw_ref.style.cursor = 'pointer';
 rmw_ref.title = rmw_image_title;
 if (window.showModelessDialog)
 {
  rmw_ref.style.margin = '0px';
 }
}
if (document.getElementsByTagName && document.createElement) // W3C DOM browsers
{
 rmw_preload = new Array();
 if (window.GeckoActiveXObject || window.showModelessDialog) // Firefox, NN7.1+, and IE5+ for Win
 {
  rmw_wait_for_width = false;
 }
 else
 {
  rmw_wait_for_width = true;
 }
 rmw_pop_features = 'top=0,left=0,width=' + String(window.screen.width-80) + ',height=' + String(window.screen.height-190) + ',scrollbars=1,resizable=1';
 rmw_over = false;
 rmw_count = 1;
 rmw_timer1 = null;
 if (!window.opera)
 {
  rmw_pop = new Object();
  rmw_pop.closed = true;
  rmw_old_onunload = window.onunload;
  window.onunload = function()
  {
   if (rmw_old_onunload)
   {
    rmw_old_onunload();
    rmw_old_onunload = null;
   }
   if (!rmw_pop.closed)
   {
    rmw_pop.close();
   }
  }
 }
 window.setTimeout('rmw_go()',2000);
}

</script>











</head>











<!-- start mod : Resize Posted Images Based on Max Width -->
<script type="text/javascript">
//<![CDATA[
<!--

var rmw_max_width = 200; // you can change this number, this is the max width in pixels for posted images
var rmw_border_1 = '1px solid {T_BODY_LINK}';
var rmw_border_2 = '2px dotted {T_BODY_LINK}';
var rmw_image_title = '{L_RMW_IMAGE_TITLE}';

//-->
//]]>
</script>
<script type="text/javascript" src="{U_RMW_JSLIB}"></script>
<!-- fin mod : Resize Posted Images Based on Max Width -->












<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://img3.xooimage.com/files/2/a/5/banni-re-1a72f0.jpg border="0" /></td>
   </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img3.xooimage.com/files/1/8/7/bgbar_white-3118b-1c4e8a.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">



<center><object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer.swf?son=http://anonyme.archive-host.com/jenifer-tournermapage_6h75hm7ggi.mp3&autoreplay=1" width="200" height="20">
                    <param name="movie" value="http://www.archive-host.com/dewplayer.swf?son=http://anonyme.archive-host.com/jenifer-tournermapage_6h75hm7ggi.mp3&autoreplay=1"></object></center>


et pour l'autre bbcode.tpl

Code: Sélectionner - Agrandir
<!-- BEGIN ulist_open --><ul><!-- END ulist_open -->
<!-- BEGIN ulist_close --></ul><!-- END ulist_close -->

<!-- BEGIN olist_open --><ol type="{LIST_TYPE}"><!-- END olist_open -->
<!-- BEGIN olist_close --></ol><!-- END olist_close -->

<!-- BEGIN listitem --><li><!-- END listitem -->

<!-- BEGIN quote_username_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
     <td><span class="genmed"><b>{USERNAME} {L_WROTE}:</b></span></td>
   </tr>
   <tr>
     <td class="quote"><!-- END quote_username_open -->
<!-- BEGIN quote_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
     <td><span class="genmed"><b>{L_QUOTE}:</b></span></td>
   </tr>
   <tr>
     <td class="quote"><!-- END quote_open -->
<!-- BEGIN quote_close --></td>
   </tr>
</table>
<span class="postbody"><!-- END quote_close -->

<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
     <td><span class="genmed"><b>{L_CODE}:</b></span></td>
   </tr>
   <tr>
     <td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
   </tr>
</table>
<span class="postbody"><!-- END code_close -->


<!-- BEGIN b_open --><span style="font-weight: bold"><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->

<!-- BEGIN u_open --><span style="text-decoration: underline"><!-- END u_open -->
<!-- BEGIN u_close --></span><!-- END u_close -->

<!-- BEGIN i_open --><span style="font-style: italic"><!-- END i_open -->
<!-- BEGIN i_close --></span><!-- END i_close -->

<!-- BEGIN color_open --><span style="color: {COLOR}"><!-- END color_open -->
<!-- BEGIN color_close --></span><!-- END color_close -->

<!-- BEGIN size_open --><span style="font-size: {SIZE}px; line-height: normal"><!-- END size_open -->
<!-- BEGIN size_close --></span><!-- END size_close -->

<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img --><!-- BEGIN img --><img resizemod="on" onload="rmw_img_loaded(this)"

<!-- BEGIN url --><a href="{URL}" target="_blank" class="postlink">{DESCRIPTION}</a><!-- END url -->

<!-- BEGIN email --><a href="mailto:{EMAIL}">{EMAIL}</A><!-- END email -->

_______________________
http://angelsjenifer.xooit.com


Forum
Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Wed 3 Oct 2007 - 14:58    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

tu dois mettre le code après ça

Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
 

_______________________


Forum
Author Message
angelsjenifer
Membre


Offline
Membre

Joined: 11 Jul 2007
Posts: 23
Niveau:
Point(s): 23
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin

PostPosted: Wed 3 Oct 2007 - 15:04    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

merci beaucoup ça marche Smile Smile
_______________________
http://angelsjenifer.xooit.com


Forum
Author Message
altair


Offline
Guest




PostPosted: Wed 3 Oct 2007 - 15:17    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour

la partie bbcode.tpl n'est pas correcte, y'aura des dysfonctionnement je crois

il faut remplacer ceci
Code: Sélectionner - Agrandir
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img --><!-- BEGIN img --><img resizemod="on" onload="rmw_img_loaded(this)"

par cela
Code: Sélectionner - Agrandir
<!-- BEGIN img --><img resizemod="on" onload="rmw_img_loaded(this)" src="{URL}" border="0" alt="" /><!-- END img -->



Edit : dans le template bbcode il y avait des erreurs qui empêchait le fonctionnement de la deuxième méthode, mais apparemment ton thème fonctionne déjà avec la première méthode, donc c'est bon


Last edited by altair on Wed 3 Oct 2007 - 16:42; edited 1 time in total
Author Message
angelsjenifer
Membre


Offline
Membre

Joined: 11 Jul 2007
Posts: 23
Niveau:
Point(s): 23
Moyenne: 1.00
Windows XP (ou plus ancien) Internet Explorer Féminin

PostPosted: Wed 3 Oct 2007 - 16:12    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

non ça va merci ça marche maintenant grace à themalin Smile
_______________________
http://angelsjenifer.xooit.com


Forum
Author Message
Cocoon


Offline
Guest




PostPosted: Fri 12 Oct 2007 - 11:35    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour à tous,

Moi j'ai un petit souci car je ne peu pas cliquez sur les image elles sont inactive.

Theme : Morpheus

Template :

Code: Sélectionner - Agrandir
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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 name="Author" content="http://www.phpbbstyles.com" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img10.xooimage.com/files/c/b/7/style_gray-1cf315.css" type="text/css" />
<style type="text/css">
<!--
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<script language="javascript" type="text/javascript">
<!--

var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
   var argv = SetCookie.arguments;
   var argc = SetCookie.arguments.length;
   var expires = (argc > 2) ? argv[2] : null;
   var path = (argc > 3) ? argv[3] : null;
   var domain = (argc > 4) ? argv[4] : null;
   var secure = (argc > 5) ? argv[5] : false;
   document.cookie = name + "=" + escape(value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
   var endstr = document.cookie.indexOf(";",offset);
   if (endstr == -1)
   {
      endstr = document.cookie.length;
   }
   return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;
   while (i < clen)
   {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
         return getCookieVal(j);
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0)
         break;
   }
   return null;
}

function ShowHide(id1, id2, id3)
{
   var res = expMenu(id1);
   if (id2 != '') expMenu(id2);
   if (id3 != '') SetCookie(id3, res, exp);
}
   
function expMenu(id)
{
   var itm = null;
   if (document.getElementById)
   {
      itm = document.getElementById(id);
   }
   else if (document.all)
   {
      itm = document.all[id];
   }
   else if (document.layers)
   {
      itm = document.layers[id];
   }
   if (!itm)
   {
      // do nothing
   }
   else if (itm.style)
   {
      if (itm.style.display == "none")
      {
         itm.style.display = "";
         return 1;
      }
      else
      {
         itm.style.display = "none";
         return 2;
      }
   }
   else
   {
      itm.visibility = "show";
      return 1;
   }
}

//-->
</script>
</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 width="90%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/e/f/1/header2-1c0e58.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            </tr>
            <tr>


            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap">
                  <!-- BEGIN switch_user_logged_in -->
                  <span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_index-908b8.png" border="0" alt="{L_INDEX}" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-908b9.png" border="0" alt="{L_FAQ}"/></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_search-908ba.png" border="0" alt="{L_SEARCH}" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_members-908bb.png"  border="0" alt="{L_MEMBERLIST}" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_groups-908bc.png" border="0" alt="{L_USERGROUPS}" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-908bd.png" border="0" alt="{L_PROFILE}" /></a><a href="{U_PRIVATEMSGS}"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-908be.png" border="0" alt="{L_LOGIN_LOGOUT}" /></a></span></td>
                  <!-- END switch_user_logged_in -->
                  <!-- BEGIN switch_user_logged_out -->
                  <span class="mainmenu"><a href="{U_INDEX}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_index-908b8.png" border="0" alt="{L_INDEX}" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-908b9.png" border="0" alt="{L_FAQ}"/></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_search-908ba.png" border="0" alt="{L_SEARCH}" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_members-908bb.png"  border="0" alt="{L_MEMBERLIST}" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_groups-908bc.png" border="0" alt="{L_USERGROUPS}" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_profile-908bd.png" border="0" alt="{L_PROFILE}" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_registrer-908bf.png" border="0" alt="{L_REGISTER}" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_login-908be.png" border="0" alt="{L_LOGIN_LOGOUT}" /></a></span>
                  
                  
                  <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            
            </table></td>
         </tr>
      </table>

      <br />


<table width="50%" border="0" align="left" cellpadding="2" cellspacing="1" class="forumline">
<tbody><tr>
<th valign="middle" height="28" align="center" class="thHead" colspan="3">
<span class="thHead">
<font color="#AEAEDF"><b>N</b></font>ews</a>

</span>
</th>
</tr>
<tr>
<td class="row1">&nbsp;</td>
<td width="150" height="25" class="row1">
<table width="300" cellspacing="0" cellpadding="0" class="forumline">
<tbody><tr>
<td valign="top">
<span class="gen">    <marquee direction="left" SCROLLAMOUNT="3" onmouseover="this.stop()" onmouseout="this.start()">
<NOBR>
<b><blink><font color=red>Bonjour & bienvenue !! Le premier concours organisé par APD est lancé, venez tenter votre chance !! <a href=http://abcphotodesign.xooit.com/t147-concours-1-Concours-du-plus-beau-bureau.htm><font color="red">"Ciquez ICI !!"</blink></font></a></b></a></div></b></a></marquee></span>
</td>
</tr>
</tbody></table>
</td>
<td width="200" class="row1"><div align="right"><span class="Style2"><font size="1">By </font><a href="http://abcphotodesign.xooit.com/index.php" target="_blank"><font size="1"> APD ©</font></a></span><img border="0" src="http://img208.imageshack.us/img208/3792/iconeforum16x16nw1.png" /></div>
</tr>
</tbody></table><table width="50%" cellspacing="1" cellpadding="2" border="0" class="forumline">
<tbody><tr>
<th valign="middle" height="28" align="center" class="thHead" colspan="3">
<span class="thHead">
<font color="#AEAEDF"><b>S</b></font>ondage "SDLS"</a>

</span>
</th>
</tr>
<tr>
<td class="row1">&nbsp;</td>
<td width="300" height="25" class="row1">
<table width="300" cellspacing="0" cellpadding="0" class="forumline">
<tbody><tr>
<td valign="top">
<span class="gen">    <marquee direction="left" SCROLLAMOUNT="3" onmouseover="this.stop()" onmouseout="this.start()"> <font color="red"><b>Le vote pour la "SDLS N°3" a commencé !! Venez participer au vote !! <a href=http://abcphotodesign.xooit.com/t111-SDLS-N-3.htm>Ciquez ICI !!</a></b></font></a></div></b></a></marquee></span>
</td>
</tr>
</tbody></table>
</td>
<td width="200" class="row1"><div align="right"><span class="Style2"><font size="1">By </font><a href="http://abcphotodesign.xooit.com/index.php" target="_blank"><font size="1"> APD ©</font></a></span><img border="0" src="http://img208.imageshack.us/img208/3792/iconeforum16x16nw1.png" /></div>
</tr>
</tbody></table><br />

 <table align="center" width="50%" border="0" cellpadding="2" cellspacing="1" class="forumline">
       <tr>
          <th align="center" valign="middle" class="thHead" height="28" colspan="3">
             <span class="thHead">
                <font color="#AEAEDF"><b>P</b></font>artenaires</a>
             </span>
          </th>
       </tr>
       <tr>
                  <td valign="top" class="row1">   
                      <span class="gen">    <marquee direction="left" SCROLLAMOUNT="3" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://piixphoto.jeun.fr/"<img border="0" src="http://img408.imageshack.us/img408/4364/sanstitre2oc0.png"</a>   </marquee></span>
                  </td>
                </tr>
       </tr>
    </table><br>

<DOCTYPE>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
    <head><br>
       <center>

       <table cellpadding="0" cellspacing="0" border="0"><tr><td>
       <a href="http://abcphotodesign.xooit.com/f22-Presentation-des-membres.htm"><img src="http://img465.imageshack.us/img465/5904/prsentationxq9.png" border="0" alt="Présention" title="Présention des membres"></a>
       <a href="http://abcphotodesign.xooit.com/f11-Portofolios.htm"><img src="http://img341.imageshack.us/img341/4958/galerieaw0.png" border="0" alt="Galeries" title="Accéder aux galeries"></a>
       <a href="http://abcphotodesign.xooit.com/f25-Commandes.htm"><img src="http://img220.imageshack.us/img220/8175/commandevc2.png" border="0" alt="Commandes" title="Commandes graphique"></a>
       </td>
       <td>
       <img src="http://img228.imageshack.us/img228/628/logotw0.png" alt="APD" title="A bc Photo Design">
       </td>
       <td>
       <a href="http://abcphotodesign.xooit.com/f12-Stock.htm"><img src="http://img174.imageshack.us/img174/6626/ressourcesvs8.png" border="0" alt="Ressources" title="Ressources"></a>
       <a href="http://abcphotodesign.xooit.com/f5-Partenariat.htm"><img src="http://img217.imageshack.us/img217/6350/partenariatsbw7.png" border="0" alt="Partenariats" title="Partenariats & Publicités"></a>
       <a href="http://abcphotodesign.xooit.com/f39-Wake-Up.htm"><img src="http://img227.imageshack.us/img227/5751/wakeupay1.png" border="0" alt="Wake Up" title="Wake Up & Dialogues"></a>
       </table>
    </head>
       </center>

 <table align="center" width="50%" border="0" cellpadding="2" cellspacing="1" class="forumline">
       <tr>
          <th align="center" valign="middle" class="thHead" height="28" colspan="3">
             <span class="thHead">
                SDLS N°3 (Bravo Kurtz)
             </span>
          </th>
       </tr>
       <tr>
                  <td valign="top" class="row1">   
                      <span class="gen">
<div align="center"><a href="http://abcphotodesign.xooit.com/t111-SDLS-N-3.htm"><img src="http://img529.imageshack.us/img529/1851/0709270808351300698or8.png"><a/>
                      </span>
                  </td>
                </tr>
       </tr>
    </table><br>


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: Fri 12 Oct 2007 - 11:44    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

tu veux dire que après avoir mis le code tes images ne marchent plus?? tu peux etre plus explicite

sinon tu as essayé la seconde méthode
_______________________


Forum
Author Message
Cocoon


Offline
Guest




PostPosted: Fri 12 Oct 2007 - 11:55    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Oui c'est ça les image se reduisent bien mais le lien ne fonctionne pas pour l'agrandissement.

Je vais essayer de faire la seconde proposition.


Author Message
Cocoon


Offline
Guest




PostPosted: Fri 12 Oct 2007 - 12:07    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

C'est bon avec la troisième methode, merci à tous !!

Author Message
GoldFish


Offline
Guest




PostPosted: Wed 24 Oct 2007 - 15:31    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

J'utilise le script de Altair qui fontionne très bien pour le redimensionnement en popup

Code: Sélectionner - Agrandir
<script type="text/javascript">
function resizedImgClick(event) {
event = (event || window.event);
var img = Event.element(event);
// L'image est dans un lien, on ouvre 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(530);});
</script>

mais je souhaiterais savoir s'il y avait moyen d'ajouter sous l'image un texte automatique genre: Cliquez sur l'image pour l'agrandir.

D'avance merci pour vos réponses


Last edited by GoldFish on Tue 30 Oct 2007 - 18:35; edited 1 time in total
Author Message
Bernard-27


Offline
Guest




PostPosted: Tue 30 Oct 2007 - 18:22    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour, en ce qui concerne la redimension des photos, je ne trouve pas ma balise <body...> !

Pourriez-vous m'aider please ?

Je doit être aveugle, je ne le trouve pas dans mon template !


Code: Sélectionner - Agrandir
<center><!-- SiteSearch Google --><form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="myPS3.xooit.fr"></input>
<label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
<input type="text" name="q" size="50" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
<input type="submit" name="sa" value="Rechercher" id="sbb"></input>
</td></tr>
<tr>
<td>&nbsp;</td>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked id="ss0"></input>
<label for="ss0" title="Rechercher sur le Web"><font size="-1" color="#000000">Web</font></label></td>
<td>
<input type="radio" name="sitesearch" value="myPS3.xooit.fr" id="ss1"></input>
<label for="ss1" title="Rechercher myPS3.xooit.fr"><font size="-1" color="#000000">myPS3.xooit.fr</font></label></td>
</tr>
</table>
<input type="hidden" name="client" value="pub-7456450017164994"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof" value="GALT:#000000;GL:1;DIV:#3D81EE;VLC:CC0000;AH:center;BGC:99C9FF;LBGC:66B5FF;ALC:0066CC;LC:0066CC;T:FFFFFF;GFNT:0066CC;GIMP:0066CC;FORID:1"></input>
<input type="hidden" name="hl" value="fr"></input>
</td></tr></table>
</form>
<!-- SiteSearch Google --></center></p>


<!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>
  <style type="text/css">
<!--
/*
  Theme Easy Blue for phpBB version 2+
  Created by Fly center 
  http://www.flycenter.fr.st
*/
/* General page style. The scroll bar colors only visible in IE5.5+ / Couleur de la scroll-bar visible seulement sur IE5.5 ou + */
body {
 scrollbar-face-color: #D5E9FF;
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #E4F0FF;
 scrollbar-darkshadow-color: #007EFF;
}
/* General font families for common tags / Definition des polices et des liens */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; text-decoration: none; }
a:hover  { color : #28CBF4; text-decoration: none; background-color: transparent; position: relative; top: 1.5px; left: 1.5px;}
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page / c'est la ligne/bordure autour de toute la page */
.bodyline { background-color: #FFFFFF; border: 0px #AEBDC4 solid; }
/* This is the outline round the main forum tables / Definition des classes forumlines les principaux tableaux de la page */
.forumline { background-color: #007EFF; border: 0px #0078D6 solid; }
.forumline1 { border: 0px #B8D7ED solid; }
/* Main table cell colours and backgrounds / Couleur de fond des cellules des tableaux principaux */
td.row1 { background-color: #E4F0FF; } 
td.row2 { background-color: #D5E9FF; }
td.row3 { background-color: #EAF5FD; }
/*
  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/files/);
  background-repeat: repeat-y;
}
/* Definition of the main table's head cells properties / Definition des propri&eacute;t&eacute;s l' en t&ecirc;te des tableaux principaux */
th {
 color: #336699; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: #8CB6D4; height: 25px;
 background-image: url(http://img9.xooimage.com/files/f/c/8/h_m3-32837.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img4.xooimage.com/files/e/b/ebpic1-32838.gif);
   background-color:#DBEBF6; 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 :-)
  Definition des propri&eacute;t&eacute;s des lignes interieures des cellules des tableaux principaux
  Le nom indique de quel c&ocirc;t&eacute; se trouvera la ligne 
  Ne vous inquietez pas, si vous ne le comprenez pas, Ignorez le :-)
*/
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
 font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
th.thTop,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 20px;
 background-image: url(http://img9.xooimage.com/files/f/c/8/h_m3-32837.gif);
}
td.row3Right,td.spaceRow {
 background-color: #CBE6F9; 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: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. / Le texte le plus large utilis&eacute; sur l' index du Forum pour les titres etc. */
.maintitle {
 font-weight: bold; font-size: 12px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text / Texte general */
.gen { font-size : 11px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #28CBF4; text-decoration: underline; }
/* The register, login, search etc links at the top of the page / Propri&eacute;t&eacute;es des textes pour Login, Register, etc. (en haut) */
.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 / Style des titres des Categories du Forum */
.cattitle  { font-weight: bold; font-size: 11px; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : #4A6E8A; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 11px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : #28CBF4; }
/* 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; text-decoration: none;}
/* titles for the topics: could specify viewed link colour too / Propri&eacute;tes des Liens vers les topics, visit&eacute;s etc. */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; 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 : #28CBF4; }
/* Name of poster in viewmsg.php and viewtopic.php and other places / Propri&eacute;t&eacute;s du nom du Posteur */
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc / Propri&eacute;t&eacute;s des details sur le posteur */
.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 / Propriet&eacute;s des Quotes et Codes */
.code { 
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: #14719C;
 background-color: {T_TD_COLOR1}; border: #91C6EB; 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: #14719C; line-height: 125%;
 background-color: {T_TD_COLOR1}; border: #91C6EB; 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 / Elements de Formulaires */
input,textarea, select {
 color : color : #000000;
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 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: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* 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: {T_TR_COLOR2}; border-style: none; }
.admin  { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: #006699; letter-spacing: -1px;}
/* Background properties / Propri&eacute;t&eacute;s du Background */
body { background-color: #D5E9FF; background-image: url("http://img10.xooimage.com/files/5/8/5/fons-1cee57.jpg"); background-attachment: fixed;
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img4.xooimage.com/files/f/o/formie-30deb.css"); 
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function ChangeMessage(message,champ)
  {
  if(document.getElementById)
    document.getElementById(champ).innerHTML = message;
  }
</SCRIPT>
<link rel="shortcut icon" href="[url=http://www.fast-img.com/upload/bernard-27/Sixaxis.ico"></head]http://www.fast-img.com/upload/bernard-27/Sixaxis.ico"></head[/url]>
  <!-- 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 -->
<!-- COOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOODE COTE GAUCHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHEEE -->


    

</td> 
<!--Left Column--> 
<td width="0%" valign="top"> 
<!--Forum-->


<div align="center">
  <table width="802" border="0" cellspacing="0" cellpadding="0" height="10">
    <tr> 
      <td width="20" height="23"><img src="http://img2.xooimage.com/files/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
      <td background="http://img8.xooimage.com/files/4/0/9/h_m2-32830.gif" width="100%" height="23"> 
        <div align="center"><font color="#006699" size="2"><b>{SITENAME}</b></font></div>
      </td>
      <td width="10" height="23"><img src="http://img6.xooimage.com/files/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
    </tr>
  </table><table width="800" border="1" bordercolor="#0981FC" cellspacing="0" class="forumline" cellpadding="0" align="center"> 
</div>
<tr>
  <td class="row2"> 
<center><a href="portal.php"><img src="http://img3.xooimage.com/files/4/0/c/newbanni-remaj-1d4e1b.gif" width="800" height="120" border="0" alt="{SITENAME} Retour au portail" /></a></center>
    <div align="center"> <span class="mainmenu">&nbsp;</span> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="20"><img src="http://img2.xooimage.com/files/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
          <td background="http://img8.xooimage.com/files/4/0/9/h_m2-32830.gif" width="100%"> 
            <div align="center"><span class="cattitle"><b><font color="#006699" size="1">Menus 
              du Forum :</font></b> </span></div>
          </td>
          <td width="10"><img src="http://img6.xooimage.com/files/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
        </tr>
      </table>
    </div>
    <div align="center">
      <table width="100%" border="0" height="20" cellspacing="1" cellpadding="0" class="forumline">
        <tr> 
          <td class="row1" width="9%"> 
            <div align="center"><span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><font size="-1"> 
              </font></a><a href="{U_FAQ}" onMouseOver="ChangeMessage('Consulter la FAQ','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-3283b.gif" border="0"></a><a href="%7BU_FAQ%7D" class="mainmenu"></a></span></div>
          </td>
          <td class="row1" width="9%"> 
            <div align="center"><a href="{U_SEARCH}" onMouseOver="ChangeMessage('{L_SEARCH}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img10.xooimage.com/files/i/c/icon_mini_search-3283c.gif" border="0"></a></div>
          </td>
          <td class="row1" width="9%"> 
            <div align="center"><a href="{U_MEMBERLIST}" onMouseOver="ChangeMessage('{L_MEMBERLIST}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img4.xooimage.com/files/i/c/icon_mini_members-3283d.gif" border="0"></a> 
            </div>
          </td>
          <td class="row1" width="14%"> 
            <div align="center"><a href="{U_GROUP_CP}" onMouseOver="ChangeMessage('Consulter la liste des Groupes','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img5.xooimage.com/files/i/c/icon_mini_groups-3283e.gif" border="0"></a></div>
          </td>
          <td class="row1" width="26%"> 
            <div align="center"><a href="{U_REGISTER}"><img src="http://img4.xooimage.com/files/i/c/icon_mini_register-3283f.gif" border="0"></a> 
              &nbsp;<font size="2" color="#006699"><b>{L_REGISTER}</b></font></div>
          </td>
          <td class="row1" width="9%"> 
            <div align="center"><font size="-1"><a href="{U_PROFILE}" onMouseOver="ChangeMessage('{L_PROFILE}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img10.xooimage.com/files/i/c/icon_mini_profile-32840.gif" border="0"></a> 
              
              </font></div>
          </td>
          <td class="row1" width="9%"> 
            <div align="center"><a href="{U_PRIVATEMSGS}" onMouseOver="ChangeMessage('Consulter sa messagerie priv&eacute;e','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img2.xooimage.com/files/i/c/icon_mini_message-32842.gif" border="0"></a></div>
          </td>
          <td class="row1" width="15%"> 
            <div align="center"><span class="mainmenu"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"></a><a href="{U_LOGIN_LOGOUT}" onMouseOver="ChangeMessage('{L_LOGIN_LOGOUT}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img5.xooimage.com/files/i/c/icon_mini_login-32843.gif" border="0"></a></span> 
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div align="center"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="20">
        <tr> 
          <td width="10" height="23"><img src="http://img6.xooimage.com/files/b/_/b_mg-32833.gif" width="10" height="22" alt="" /></td>
          <td background="http://img6.xooimage.com/files/b/_/b_m2-32834.gif" width="100%" height="23"><font color="#006699" size="1"><b><DIV ID=menu_links></DIV></b></font></td>
          <td width="20" height="23"><img src="http://img8.xooimage.com/files/b/_/b_d_i-32835.gif" width="20" height="22" alt="" /></td>
        </tr>
      </table>
  
      
    </div>



Merci à vous byebye !


Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Tue 30 Oct 2007 - 18:53    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

après ça

 
Code: Sélectionner - Agrandir

  <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 --> 
rajoutes la balise et ton code avec
_______________________


Forum
Author Message
Sanctuary
Membre


Offline
Membre

Joined: 22 Apr 2007
Posts: 79
Point(s): 79
Moyenne: 1.00

PostPosted: Wed 31 Oct 2007 - 12:43    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

Je suis en train de tester cette fonction sur mon forum de test.
Le redimensionnement fonctionne bien mais pas l'affichage de l'image taille réelle quant on clic sur l'image réduite automatiquement.

C'est normal docteur ?

Je suis sous firefox.
IE non plus ne m'affiche pas les images taille réelle.
J'ai peut être oublier quelque chose...
_______________________
<Signature>


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 15:58    Post subject: Redimensionner automatiquement les images, version 2

Display posts from previous:   
Reply to topic Page 4 of 17 Goto page: <  1, 2, 3, 4, 515, 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