It is currently Tue 27 Sep 2016 - 17:31 - créer un forum

Redimensionner automatiquement les images, version 2

Skip to content

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

Redimensionner automatiquement les images, version 2
Author Message
Troll





PostPosted: Sun 8 Jul 2007 - 19:51    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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

altair wrote:
donc après rectification et test...
la quatrième méthode rempli enfin les 3 cas de figure suivants :
- si l'image est de petite taille, rien ne se passe
- si l'image dépasse la taille prédéfinie, elle est réduite et devient cliquable, et peut s'ouvrir en taille réelle
- si l'image contient un lien et de grande taille, elle est réduite et c'est le lien associé qui s'ouvre en plus de l'image en taille réelle

(méthode vérifié sur les thèmes incompatibles avec les autres méthodes)


Super boulot altair Wink

Du côté ds navigateurs j'ai fait des tests, compatibilité assurée avec :

Firefox 2
Opéra 9
IE 6 (7 j'ai pas testé, altair ?)
Avant Browser

Ps : Cette méthode mériterait d'être ajoutée comme "méthode alternative en cas d'incimpatibilité" dans le premier post Wink
Author Message
altair


Offline
Guest




PostPosted: Mon 9 Jul 2007 - 17:03    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour

@ Troll, j'ai fais un test sur le thème "subsilver" avec le code xooit et ça marche très bien !
sauf que j'ai utilisé le code présent sur ce forum qui est légèrement différent de celui affiché sur le premier post
(cette méthode à l'avantage d'afficher les images en taille réelle sur la même fenêtre)

donc le code exact est celui la :

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>


La dimension maximale de l'image (à modifier) est celle placé sur la dernière ligne du code imgsize(530)


NB : il faudra bien sûr retirer les autres codes de redimensionnement déjà installés
pour ce faire il suffit de suivre la méthode d'installation en remontant de la fin au début



Par contre pour les autres thèmes incompatibles avec cette méthode comme "ca_aphrodite" ou autres
la raison vient du fait que le code fait appel à une classe nommé .postbody sauf que sur certains thèmes cette classe est remplacé par celle de .post-text
donc la solution consiste à remplacer la classe .post-text par .postbody dans la feuille de style


(le mieux serait de commencer par le thème de test)

Installation :

Sauvegardez vos templates, images avant toutes modifications

Allez dans le Panneau d'administration, ensuite "Thème", puis "Modifier les templates"

Ouvrez la feuille de style de votre thème, par exemple "style.css"

Cherchez toutes les occurrences de .post-text
Code: Sélectionner - Agrandir
.post-text


remplacez chacune par
Code: Sélectionner - Agrandir
.postbody


Sauvegardez et fermez

Ouvrez viewtopic_body.tpl

Cherchez
Code: Sélectionner - Agrandir
post-text


Remplacez par
Code: Sélectionner - Agrandir
postbody


Sauvegardez et fermez


Author Message
Troll


Offline
Guest




PostPosted: Mon 9 Jul 2007 - 19:23    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Quote:
@ Troll, j'ai fais un test sur le thème "subsilver" avec le code xooit et ça marche très bien !


Je sais :

Quote:
edit : Voici le code fonctionnel >>


Quand j'ai édité mon post et rajouté ça plus le code, c'est parce-que le code du premier post (je ne sais pas s'il a été rectifié depuis) contenait des erreurs, erreurs qui ont été recitifées sur un autre sujet, j'avais donc posté le code fonctionnel, subsilver inclus.

Cependant demeurait un ennui : le script de xooit, bizarrement, cesse de fonctionner totalement lorsque la page a un DOCTYPE XHTML (testé avec 1.0 Transitionnal).

Test inside : en HTML 4.01 ca fonctionne, go dans le header, changement uniquement du doctype en le mettant en xhtml, et hop on a plus l'affichage des images en taille réelle !

Mais ton code à toi fonctionne aussi en xhtml, il a donc d'autant plus d'intérêt Wink


Author Message
Bernard-27


Offline
Guest




PostPosted: Tue 10 Jul 2007 - 19:45    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Quote:


Du côté ds navigateurs j'ai fait des tests, compatibilité assurée avec :

Firefox 2
Opéra 9
IE 6 (7 j'ai pas testé, altair ?)







J'ai été sur ton fofo, certaines photos ça marches et d'autres sa ouvre une nouvelles fenêtre avec IE 7 Wink







En parlant du tutos, je n'ai pas trouvé <body...> dans mon template. Je vous le laisse au cas ou quelqu'un à un meilleur oeil que moi.

Et je voulais également savoir, cela s'applique quand les membres postent des photos grâce à l'ébergeur de photo disponible dans le module de messages ou alors ça marche également par un autre moyen grâce à l'insertion du code (ex : [Img] Notre image [/Img])

<!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://img.xooimage.com/files9/h/_/h_m3-32837.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files4/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 Smile
  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 Smile
*/
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://img.xooimage.com/files9/h/_/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 Wink
*/
.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://img.xooimage.com/files10/b/a/background-32839.gif"); background-attachment: fixed;
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files4/f/o/formie-30deb.css");
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function ChangeMessage(message,champ)
  {
  if(document.getElementById)
    document.getElementById(champ).innerHTML = message;
  }
</SCRIPT>
<link rel="shortcut icon" href="http://www.fast-img.com/upload/bernard-27/Sixaxis.ico"></head>
  <!-- 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 -->


  <table width="802" border="0" cellspacing="0" cellpadding="0" height="10">
    <tr>
      <td width="20" height="23"><img src="http://img.xooimage.com/files2/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
      <td background="http://img.xooimage.com/files8/h/_/h_m2-32830.gif" width="100%" height="23">
       
<font color="#006699" size="2">{SITENAME}</font>

      </td>
      <td width="10" height="23"><img src="http://img.xooimage.com/files6/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">


<tr>
  <td class="row2">
<center><img src="http://img.xooimage.com/files5/6/9/7/banni-re-158b76.png" width="800" height="120" border="0" alt="{SITENAME} Retour au portail" /></center>
   
<span class="mainmenu">&nbsp;</span>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="20"><img src="http://img.xooimage.com/files2/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
          <td background="http://img.xooimage.com/files8/h/_/h_m2-32830.gif" width="100%">
           
<span class="cattitle"><font color="#006699" size="1">Menus               du Forum :</font> </span>

              du Forum :</font> </span>

          </td>
          <td width="10"><img src="http://img.xooimage.com/files6/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
        </tr>
      </table>
   

   

      <table width="100%" border="0" height="20" cellspacing="1" cellpadding="0" class="forumline">
        <tr>
          <td class="row1" width="9%">
           
<span class="mainmenu"><font size="-1">               </font>[url=http://xooit.xooit.com/%7BU_FAQ%7D]<img src="http://img.xooimage.com/files3/i/c/icon_mini_faq-3283b.gif" border="0">[/url]</span>

              </font><img src="http://img.xooimage.com/files3/i/c/icon_mini_faq-3283b.gif" border="0">[/url]</span>

          </td>
          <td class="row1" width="9%">
           
[url=http://xooit.xooit.com/%7BU_SEARCH%7D]<img src="
http://img.xooimage.com/files10/i/c/icon_mini_search-3283c.gif" border="0">

          </td>
          <td class="row1" width="9%">
           
<img src="http://img.xooimage.com/files4/i/c/icon_mini_members-3283d.gif" border="0">
           

          </td>
          <td class="row1" width="14%">
           
<img src="http://img.xooimage.com/files5/i/c/icon_mini_groups-3283e.gif" border="0">

          </td>
          <td class="row1" width="26%">
           
<img src="http://img.xooimage.com/files4/i/c/icon_mini_register-3283f.gif" border="0">
              &nbsp;<font size="2" color="#006699">{L_REGISTER}</font>

          </td>
          <td class="row1" width="9%">
           
<font size="-1"><img src="http://img.xooimage.com/files10/i/c/icon_mini_profile-32840.gif" border="0">
             
              </font>

          </td>
          <td class="row1" width="9%">
           
<img src="http://img.xooimage.com/files2/i/c/icon_mini_message-32842.gif" border="0">

          </td>
          <td class="row1" width="15%">
           
<span class="mainmenu">[/url][url=http://xooit.xooit.com/%7BU_LOGIN_LOGOUT%7D]<img src="http://img.xooimage.com/files5/i/c/icon_mini_login-32843.gif" border="0"></span>
           

          </td>
        </tr>
      </table>
   

   

      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="20">
        <tr>
          <td width="10" height="23"><img src="http://img.xooimage.com/files6/b/_/b_mg-32833.gif" width="10" height="22" alt="" /></td>
          <td background="http://img.xooimage.com/files6/b/_/b_m2-32834.gif" width="100%" height="23"><font color="#006699" size="1">
</font></td>


</font></td>
          <td width="20" height="23"><img src="http://img.xooimage.com/files8/b/_/b_d_i-32835.gif" width="20" height="22" alt="" /></td>
        </tr>
      </table>

     
   


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 10 Jul 2007 - 20:10    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour normalement tu devrais avoir la balise body ici

Code: Sélectionner - Agrandir
</SCRIPT>
<link rel="shortcut icon" href="[url=http://xooit.xooit.com/redirect1/http://www.fast-img.com/upload/bernard-27/Sixaxis.ico]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 -->
comme ça
Code: Sélectionner - Agrandir

</SCRIPT>
<link rel="shortcut icon" href="[url=http://xooit.xooit.com/redirect1/http://www.fast-img.com/upload/bernard-27/Sixaxis.ico]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 -->
</head>
<body >
on dirait que chez toi tu n'as pas cette partie

il suffit de mettre la balises comme indiqué en bas sur le deuxième code
_______________________


Last edited by themalin on Tue 10 Jul 2007 - 20:54; edited 1 time in total
Forum
Author Message
altair


Offline
Guest




PostPosted: Tue 10 Jul 2007 - 20:52    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonsoir

@ Bernard-27, apparemment sur ton thème "Easy blue" la balise <body...> ne figure pas dans la fichier "overall_header.tpl" (même en vérifiant sur un template vierge)

par contre tu peux ajouter le code juste après :
Code: Sélectionner - Agrandir
<!-- END switch_enable_pm_popup -->


j'ai fais un test avec le code xooit (correct) et sa marche sur ton thème

NB : commence par le thème de test pour vérifier


Author Message
Bernard-27


Offline
Guest




PostPosted: Tue 10 Jul 2007 - 22:25    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Ok merci les gars c'est sympa, je vais essayer de suite.

Author Message
Troll


Offline
Guest




PostPosted: Tue 10 Jul 2007 - 22:32    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bernard-27 wrote:

J'ai été sur ton fofo, certaines photos ça marches et d'autres sa ouvre une nouvelles fenêtre avec IE 7 Wink


Oui mais toi tu as du tester sur le thème normal ^^"
J'utilise la méthode de altair sur le thème de test, car lui est en xhtml.


Author Message
Bernard-27


Offline
Guest




PostPosted: Tue 10 Jul 2007 - 22:47    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Ah ok, excuses moi.


Sinon, pour le tutos, ça a fonctionné, SAUF que sa a pas fonctionné Mr. Green

En fait, les images sont bien redimensionées, mais sa ouvre dans une nouvelle fenêtre !

Pouvez-vous m'aider svp.


Author Message
Troll


Offline
Guest




PostPosted: Tue 10 Jul 2007 - 22:56    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Quote:
<link rel="shortcut icon" href="http://www.fast-img.com/upload/bernard-27/Sixaxis.ico"></head>

Hum... Il y quelque-chose qui cloche.

Tout d'abord, ton <head> ne devrait pas se terminer là, car ce code :
Code: Sélectionner - Agrandir
<!-- BEGIN switch_enable_pm_popup -->


Se trouve normalement à l'intérieur de la balise <head>

Ensuite, le head est fermé mais le body n'est pas ouvert immédiatement après, il y a donc des éléments de ta page qui sont si on en suit ton code : ni dans ton en-tête, ni dans ton corps de page.

Autant dire qu'ils sont nul-part ^^"

De plus, tu as l'ouverture d'un tableau et de beaucoup de contenu... tout ça avant l'ouverture de <body> !!

Donc déjà tu devrais déplacer "</head>" et le mettre juste après " <!-- END switch_enable_pm_popup --> "

Et ensuite, faudrait voir si ce tableau est d'origine dans le template(car je vois un "Menus Menus du Forum :...", ça sent le bidouillage ça Smile ), s'il y est d'origine, alors il faut ouvrir le body dans le template Wink


Author Message
Bernard-27


Offline
Guest




PostPosted: Mon 16 Jul 2007 - 17:04    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Re-salut à tous, j'ai fait pas mal d'essais, et je n'ai pas réussis. Mais sachez que tout sa, c'est encore inconnu pour moi. Donc, si il y a une ame charitable pour me rendre un énorme service, je vous laisse mon template.
N'oubliez pas qu'il y a pas de balise <body> apparement. Mais certaines personnes ont une solution visiblement, mais je n'ai pas compris Sad

Pouvez vous m'aider svp Smile innocent



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>
  <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/h/_/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/h/_/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/b/a/background-32839.gif"); 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="http://www.fast-img.com/upload/bernard-27/Sixaxis.ico"></head>
  <!-- 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 -->
<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/h/_/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://img5.xooimage.com/files/6/9/7/banni-re-158b76.png" 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/h/_/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>


Author Message
themalin
Membre


Offline
Membre

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

PostPosted: Mon 16 Jul 2007 - 19:28    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour
remplaces ton templates par ça


 
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>
  <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/h/_/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/h/_/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/b/a/background-32839.gif"); 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="http://www.fast-img.com/upload/bernard-27/Sixaxis.ico"></head>
  <!-- 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 -->

 <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>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="#444444" vlink="#5F5F5F">
<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/h/_/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://img5.xooimage.com/files/6/9/7/banni-re-158b76.png" 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/h/_/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> 

_______________________


Forum
Author Message
Bernard-27


Offline
Guest




PostPosted: Mon 16 Jul 2007 - 21:36    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Salut, merci de ton coup de main, mais sa ne fontionne pas. J'ai essayé sur le thème normal également, mais sa veut rien savoir.

Help me please !


Author Message
Troll


Offline
Guest




PostPosted: Mon 16 Jul 2007 - 22:10    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bernard-27 wrote:
Salut, merci de ton coup de main, mais sa ne fontionne pas. J'ai essayé sur le thème normal également, mais sa veut rien savoir.

Help me please !


Je vois que dans le template qu'il t'a proposé, il a mis le script de Xooit : il faut le mettre APRES <body> (donc pas dans le head Wink ). Je n'ai pas le temps de te faire tout, mais TheMalin a l'air bien parti Wink


Author Message
Gégé
Membre


Offline
Membre

Joined: 16 Nov 2005
Posts: 306
Niveau:
Point(s): 267
Moyenne: 0.87
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Cancer (21juin-23juil) 龍 Dragon

PostPosted: Tue 17 Jul 2007 - 11:08    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Salut a tous,

Moi j'utilise l'ancienne methode qui me convient parfaitement. Par contre, des que le message ou l'image est redimenssionnée est cité, ca ne fonctionne plus.

Ce tuto permet il d'y remedier?


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: Tue 17 Jul 2007 - 11:14    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bernard-27 wrote:

Salut, merci de ton coup de main, mais sa ne fontionne pas. J'ai essayé sur le thème normal également, mais sa veut rien savoir.

Help me please !

il y a des thèmes sur lequel ça ne marche pas tu as peut etre celui la
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:31    Post subject: Redimensionner automatiquement les images, version 2

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