It is currently Sat 1 Oct 2016 - 10:41 - créer un forum

Redimensionner automatiquement les images, version 2

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 36, 7, 815, 16, 17  >

Redimensionner automatiquement les images, version 2
Author Message
gp246


Joined: 18 Aug 2007
Posts: 46

PostPosted: Wed 6 Feb 2008 - 00:48    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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

Bonne chance

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head><META name="Forumautoplus"content="Forum,auto,actualité,réparation,entretient,nouveaux modèles">
<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://img10.xooimage.com/files/b/b/bbr3-909c4.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original bbr3 Theme for phpBB version 2+
  Created by revaz
  http://revaz-creation.net
  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-attachment: fixed;
      background-position: top CENTER;
 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: url("http://img3.xooimage.com/files/f/o/fond2-909c5.jpg") 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,td.row2,td.row3,td.row3Right,td.spaceRow { background: url("http://img7.xooimage.com/files/f/o/fond-909c6.jpg") background-color: #161616; border: 1px solid #000000;}

/*
  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://img9.xooimage.com/files/c/e/cellpic2-909c1.jpg);
  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://img6.xooimage.com/files/c/e/cellpic3-909c2.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img3.xooimage.com/files/c/e/cellpic1-909c3.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 :-)
*/
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;
}

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: 1px 1px 1px 1px; }
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-30d7c.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 -->
<!-- start mod : Resize Posted Images Based on Max Width -->
<script type="text/javascript">
//<![CDATA[
<!--
var rmw_max_width = 400; // 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 = '1px solid {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 --> <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>
<body   background="http://img3.xooimage.com/files/b/a/background-909c7.jpg" background-position="center" bgproperties="fixed" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="820" cellspacing="0" cellpadding="10" border="0" bordercolor="#000000"  bgcolor="#000000" align="center">
 <tr>
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td align="center" width="100%" valign="middle"><a href="portal.php"><img src="http://img5.xooimage.com/files/9/5/e/image3-189baf.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
   </tr>
   <tr>
       <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
      <!-- BEGIN switch_user_logged_in -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_forum-909c9.png" width="72" height="49" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_faq-909ca.png" width="35" height="49" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_search-909cb.png" width="80" height="49" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_members-909cc.png" width="71" height="49" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_groups-909cd.png" width="71" height="49" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_profile-909ce.png" width="62" height="49" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="http://forumautoplus.xooit.com/portal.php?pid=12" class="mainmenu"><img src="http://i4.photobucket.com/albums/y138/GP246/icon_mini_message-909cf-5.png" width="98" height="49" border="0" alt="{L_PROFIL AUTO}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_message-909cf.png" width="98" height="49" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_login2-909d0.png" width="121" height="49" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_forum-909c9.png" width="72" height="49" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_faq-909ca.png" width="35" height="49" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_search-909cb.png" width="80" height="49" border="0" alt="{L_SEARCH}" hspace="0" /><a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_register-909d1.png" width="180" height="49" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/i/c/icon_mini_login-909d2.png" width="153" height="49" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a></td>
<!-- END switch_user_logged_out -->
      </span></td>
     </tr>
    </table></td>
   </tr>
  </table>
  <br />


 
Forum
Author Message
ult.pf


Offline
Guest




PostPosted: Fri 8 Feb 2008 - 06:41    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

Alors moi c'est la méthode 2 (celle en 1ere page mais modifié), elle marche très bien sur le forum mais ça veut pas sur le portail (module news je crois).

J'ai bien essayé de mettre le code dans les templates modportal/mod_news.tpl et portal_body.tpl mais
1/ pas de balise <body>
2/ ça marche pas de toutes façons :p

Merci de m'éclairer un peu ^^


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 8 Feb 2008 - 14:18    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

si tu le mets dans un autre template que l'overall header il faut rajouter toi même la balise body et head

Code: Sélectionner - Agrandir
<head>
le code à mettre
</head>
<body .....>


ton template


</body>
 

_______________________


Forum
Author Message
ult.pf


Offline
Guest




PostPosted: Fri 8 Feb 2008 - 16:33    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Merci de cette réponse mais ça ne marche pas :p

Alors pour résumer, je mets le 2e code après la balise <body ..... > dans le fichier overall_header.tpl comme indiqué dans le tuto en page 1.
En affichant le code source des différentes pages (portail et forum) le code est bien présent (logique vu qu'il est dans overall_header), mais voila il ne fonctionne que sur le forum et pas sur le portail...

Bref je pige 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: Fri 8 Feb 2008 - 18:37    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

tu as mis un autre code dans le portail ou template???
_______________________


Forum
Author Message
ult.pf


Offline
Guest




PostPosted: Sat 9 Feb 2008 - 02:50    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

C'est bon j'ai trouvé, en fait le code fais référence  à '.postbody img' pour le images mais .postbody n'est utilisé que sur le forum et pas le portail.

Suffit donc de rajouter la prise en compte de '.gemsmall img' pour les images du portail.

Si c'est pas clair et que certains voudrait en savoir plus, envoyez moi un mp


Author Message
gp246
Membre


Offline
Membre

Joined: 18 Aug 2007
Posts: 46
Niveau:
Point(s): 47
Moyenne: 1.02
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Sat 9 Feb 2008 - 16:03    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Themalin quand tu auras une chance verifie mon code ...a la page 6 , j'attend une solution pour ma page qui defille tout seul!

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: Sat 9 Feb 2008 - 19:56    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

le code est bon

est ce que tu as ajouté quelque chose dans ton overall footer ou dans ton viewtopic body
_______________________


Forum
Author Message
gp246
Membre


Offline
Membre

Joined: 18 Aug 2007
Posts: 46
Niveau:
Point(s): 47
Moyenne: 1.02
Windows XP (ou plus ancien) Internet Explorer

PostPosted: Mon 11 Feb 2008 - 02:23    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Non seulement comme ALtair l'indique dans sa methode j'ai mit son code et ainsi que la modification dans le bbcode.tpl.

En augmentant la taille de l'image ont dirait que l'effet est moins present du moins moins rapide avant d'atteindre le bas de la page.

C'est quand meme etrange ce comportement j'ai appilquer la methode sur mes 2 forums et ca le fait sur les 2????

Quand ont met ps d'image il n'y a pas de trouble mais des qu'il y a plusieurs image la c'est l'enfer tu ouvre un sujet et hop la page deroule jusqu'en bas, c'est enervent un peu, normalement ca devrait aller au derniers message de la page mais ca continue jusqu'au bas de la page.

Ah tient ca me reviens oui j'ai ajouté des truc dans mon footer, des liens retours, est-ce que ca peut etre ca si oui je vait les deplacé.


Forum
Author Message
marcos31


Offline
Guest




PostPosted: Thu 28 Feb 2008 - 18:10    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,
les 2 méthodes fonctionnent avec le thème acid tech .
merci Wink


Author Message
meknessi


Offline
Guest




PostPosted: Thu 20 Mar 2008 - 11:41    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour
sur le thème Space Pilot 3K

impossible de faire marcher le redimensionnement automatique des images
sur les autres thème ça marche impeccable

si vous pouvez me faire une modification de l'overal header de ce thème
et y mettre le scrypte de redimensionnement automatique des images
ça serait vraiment très sympa de votre part


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 20 Mar 2008 - 13:30    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

est ce que tu as essayé les autres méthodes du tuto???
_______________________


Forum
Author Message
meknessi


Offline
Guest




PostPosted: Fri 21 Mar 2008 - 22:07    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

merci
ça marche avec la méthode : Méthode alternative 4.0 présenté par Altair
sur ce lien http://xooit.xooit.com/t17133-tuto-Redimensionner-automatiquement-les-image…

et en plus elle fonctionne sur le portail aussi c'est ce que je cherchais
pour l'instant pas de problème avec une seule image

je cherche une version que j'ai vus sur certains forum ou en voit une petite bande jaune dessus l'image qui indique que l'image est réduite

merci les mecs pour votre aide


Author Message
maxime30


Offline
Guest




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

Bonsoir , j'ai rien compris ou faut mettre le code et surtout quel code ??
Vous avez pas le template entier sa va plus vite

HELP ME !


Author Message
Arlem2


Offline
Guest




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

Donne ton template Overall_header.tpl entre les balises de Code.

Author Message
maxime30


Offline
Guest




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

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
Contenu Sponsorisé





PostPosted: Today at 10:41    Post subject: Redimensionner automatiquement les images, version 2

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