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

Redimensionner automatiquement les images, version 2

Skip to content

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

Redimensionner automatiquement les images, version 2
Author Message
Ironspoon


Joined: 23 Oct 2012
Posts: 15

PostPosted: Thu 5 Sep 2013 - 20:38    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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

Bonjour

Un petit UP car depuis aujourd'hui, suite à des modifications sur la plateforme, les images qui étaient automatiquement redimensionnées à ce jour, apparaissent maintenant en taille réelle → mon forum est déformé.

Ce problème qui perdure, avec des solutions aléatoires, commence à attaquer ma persévérance sur Xooit... Crying or Very sad

Merci de votre aide

Bien cordialement
Forum
Author Message
Victorp
Membre


Offline
Membre

Joined: 22 Sep 2008
Posts: 151
Niveau:
Point(s): 132
Moyenne: 0.87
Windows 8 ou 10 Opera Masculin Gémeaux (21mai-20juin) 羊 Chèvre

PostPosted: Thu 19 Sep 2013 - 10:51    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour

Même problème que Ironspoon depuis la mise en place de la signalisation (petit triangle).

Merci de jeter un coup d'oeil et voir si une solution existe pour régler ce problème.

Amicalement.
_______________________


Forum
Author Message
Ironspoon
Membre


Offline
Membre

Joined: 23 Oct 2012
Posts: 15
Niveau:
Point(s): 15
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Capricorne (22déc-19jan)

PostPosted: Thu 19 Sep 2013 - 14:04    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bon courage Victor...
Topic ouvert depuis 7 ans... et toujours pas de vraie solution mais surtout un silence assourdissant de l'équipe Xooit.
Rien, pas une info pour dire dire où ça en est... si toute fois Xooit cherche une solution.
C'est un peu décourageant.

De guerre lasse, j'ai résolu mon problème... ailleurs.
_______________________
Avouer son ignorance c'est commencer à en sortir


Forum
Author Message
tifan
Membre


Offline
Membre

Joined: 16 Dec 2010
Posts: 54
Point(s): 54
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 19 Sep 2013 - 14:18    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour !
depuis le retour de ce triangle les images de mon forum sont totalement déformées !
N'y a -t-il pas moyen de contourner cette difficulté que nous avons signalée depuis  l'introduction de cette nouvelle fonction?


Forum
Author Message
Ironspoon
Membre


Offline
Membre

Joined: 23 Oct 2012
Posts: 15
Niveau:
Point(s): 15
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Capricorne (22déc-19jan)

PostPosted: Sun 22 Sep 2013 - 09:29    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bien... j'avais encore quelques hésitations et espérais que le mécontentement grandissant pousserait enfin quelqu'un de l'équipe Xooit à se pencher sur ce problème pour développer un script fonctionnant sur tous les thèmes et qui serait disponible automatiquement dans la config du forum, comme ça se fait sur une autre plateforme.

7 ans sans vraie solution, et encore, heureusement que des membres bénévoles tentent d'apporter des solutions, même avec leurs imperfections. Je les en remercie car grâce à eux le vocable "Forum d'entraide" ne perd pas toute substance.

J'ai perdu des membres avec toutes ces modifications plus ou moins dispensables, car quelles explications leur donner ?

Ancienne fidèle à Xooit (sous d'autres pseudos), ces dernières années ont totalement épuisé le crédit confiance que j'avais en cette plateforme aussi c'est décidé :
puisque la solution existe ailleurs, je plie bagages ! Evil or Very Mad
Bon courage à tous !
_______________________
Avouer son ignorance c'est commencer à en sortir


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: Sun 22 Sep 2013 - 16:23    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

C'est dommage puisque c'est pareil de notre coté, le système de redimensionnement est hors service et les petit triangle d'avertissement sont vraiment inutile dans un monde ou l'on peut prendre n'importe quel image sur le web, je vois bien mal celui qui intentera une poursuite en France pour celui qui a prit son image et qui est a l'autre bout du monde, c'est complètement ridicule cette histoire et ça nuit a tout le monde.


La seule chose a lequel ça va servir c'est de nuire aux membres et ouvrir une porte de plus aux personne malveillante qui voudront signaler des images inappropriée et nuire aux forums, leur mettant davantage de problème sur le dos en plus des attaques informatiques.


J'ai mit 7 ans de mon temps a développer des forums et sans crier gare ont vient bidouiller dans mes templates sans me demander mon avis et foutre la merde dans mon œuvres.....comment dire undecided .....bravo on arrête pas le progrès.
 
Comme je disait c'est dommage parce que la seul solution c'est de ne pas insister devant un tel problème et de faire comme Ironspoon et certain autre qui n’hésiteront pas a faire de même.


En plus des publicités obligatoire qui sont imposé et qui n'y était pas au début de Xooit d'ou ma raison d'avoir choisit cette plateforme, voici que l’appât du gain a eu raison de la nouvelle équipe.


Parfois un pas en arrière ne veut pas dire reculer devant les problèmes.........mais ça peut aider a en prévenir................avant qu'il ne soit trop tard et que tout le monde ai quitter Xooit je vous le demande au nom de tous, retirer ce triangle et cette publicité et rétablissez les systèmes de redimensionnement, de cette façon tout le monde sera heureux et la vie chez Xooit continuera de plus belle.


Merci au nom de tout les membres de Xooit.


Forum
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: Thu 26 Sep 2013 - 19:04    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Je vous poste ce qui me semble etre le script que j'avais installé il y a de ca... treeeees longtemps et qui fonctionne toujours avec le systeme de signalement d'image:

Dans overall_footer.tpl, placez en debut de template:

Code: Sélectionner - Agrandir
<script type="text/javascript">
maxwidth=640;
function imgsize() {
if (imgsize_orig_onload) {
imgsize_orig_onload();
}
spans=document.getElementsByTagName('span');
for(i=0;i<spans.length;i++) {
if (spans[i].className!='postbody') {
continue;
}
imgs=spans[i].getElementsByTagName('img');
for(j=0;j<imgs.length;j++) {
if (imgs[j].width>maxwidth) {
imgs[j].width=maxwidth;imgs[j].style['cursor']='pointer';
imgs[j].title='Cliquez pour avoir la taille reelle';

 
imgs[j].onclick=function (){ window.open(this.src); };
}
}
}
}
imgsize_orig_onload=window.onload?window.onload:false;
window.onload=imgsize;
</script>


A vous de choisir la taille maxi voulue avec "maxwidth"

En esperant que ca puisse depanner..

Gégé


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: Fri 27 Sep 2013 - 01:26    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Merci Gégé mais d’après ce que je lit ton script ne fait que limiter l'image a un certain maximum, tu ne doit pas avoir l'option d'agrandir et réduire ton image.


Le script qui agrandit et réduit les images de Altair fonctionne très bien mais fonctionne seulement sur mon portail et quand je poste un message et que je fais une prévisualisation, le problème ce situe a la lecture des message soit dans le viewtopic body tpl et j'ai beau chercher qu'est-ce qui empêche le script de fonctionner mais je ne le trouve pas.


Il y a une partie sur le serveur d'image de xooit qui bloque le script et j'aimerais bien voir le code de Xooit pour trouver une solution...


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: Sun 29 Sep 2013 - 18:16    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bon avis a tous qui voudrait régler leur problème d'image voici la solution:


Dans le Overhall header vous placé ce code juste avant le </head­­>


 
Code: Sélectionner - Agrandir
 <script type="text/javascript">  
function RestrainImg(){  
   var rsz = document.getElementsByName('rsz'); 
   for (var i=0; i<rsz.length; i++) { 
     if (rsz[i].width < 650 ) { 
      rsz[i].className = 'MaxPop';  
      rsz[i].onclick = null; 
      rsz[i].pbshowpopbar = null; 
      rsz[i].title = null; 
      rsz[i].removeAttribute("onclick"); 
      rsz[i].removeAttribute("pbshowpopbar"); 
      rsz[i].removeAttribute("title"); 
    } 
     else if (navigator.userAgent.indexOf('Opera') != -1) { 
      rsz[i].pbshowpopbar = null; 
      rsz[i].removeAttribute("pbshowpopbar"); 
    } 
  } 

window.onload = function() {  
 RestrainImg()  
}  
</script><script language="javascript" type="text/javascript" src="http://img.xooimage.com/files2/4/0/1/popbox-164182f.js"></script> 
<script type="text/javascript"> 
popBoxWaitImage.src = "http://img.xooimage.com/files24/9/7/d/spinner20-44456d.gif"; 
popBoxRevertImage = "http://img.xooimage.com/files26/f/8/5/magminus-4445fd.gif"; 
popBoxPopImage = "http://img.xooimage.com/files23/2/4/e/magplus-444604.gif"; 
</script><style>  
.MaxPop 

   max-width: 650px; 
   width: expression(this.scrollWidth >= 650? "650px" : 'auto'); 


.PopBoxImageSmall 

   border: none 0px white; 
   cursor: url("http://img.xooimage.com/files21/b/f/8/magplus-444544.cur"), ; 


.PopBoxImageLarge 

   border: none 0px white; 
   cursor: url("http://img.xooimage.com/files22/a/8/f/magminus-444549.cur"), ; 


.PopBoxImageShrink 

 cursor: url("http://img.xooimage.com/files22/a/8/f/magminus-444549.cur"), ; 

.PopBoxImageLink 

 cursor:pointer ; 

.PopBoxImageMove 

 border: none 0px #ffffff; 
 cursor: pointer; 

 </style>











Dans le BBcode


vous remplacer:


 
Code: Sélectionner - Agrandir
 <!-- BEGIN img --><img  alt="" src="{URL}" /><!-- END img -->









Par:

Code: Sélectionner - Agrandir
<!-- BEGIN img --><img name="rsz" pbshowpopbar="true" onclick="Pop(this,1000,'PopBoxImageLarge');" class="MaxPop PopBoxImageSmall" title="Cliquez sur la loupe pour Agrandir/Réduire." alt="" src="{URL}" /><!-- END img -->









Dans le viewtopic.body.tpl

juste apres la premier ligne

Code: Sélectionner - Agrandir
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline"> 







vous ajouter le code de Gégé Okay

Code: Sélectionner - Agrandir
<script type="text/javascript"> 
maxwidth=640; 
function imgsize() { 
if (imgsize_orig_onload) { 
imgsize_orig_onload(); 

spans=document.getElementsByTagName('span'); 
for(i=0;i<spans.length;i++) { 
if (spans[i].className!='postbody') { 
continue; 

imgs=spans[i].getElementsByTagName('img'); 
for(j=0;j<imgs.length;j++) { 
if (imgs[j].width>maxwidth) { 
imgs[j].width=maxwidth;imgs[j].style['cursor']='pointer'; 
imgs[j].title='Cliquez pour avoir la taille reelle'; 

 
imgs[j].onclick=function (){ window.open(this.src); }; 




imgsize_orig_onload=window.onload?window.onload:false; 
window.onload=imgsize; 
</script> 





Magie.....................ca fonctionne et le résultat est le suivant, sur votre portail vous aller avoir un système de redimensionnement
(xooit) et dans vos message celui de Gégé

terminer les images gigantesques partout  Okay
Following members like this message:
Petite Feuille (11/06/14)


Forum
Author Message
chiffon
Membre


Offline
Membre

Joined: 03 Jan 2012
Posts: 6
Point(s): 5
Moyenne: 0.83
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Sun 26 Jan 2014 - 15:46    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

Sur mon forum, j'avais ce système et tout fonctionnait, hier nous avons changé de version et pouf ! Plus rien, alors que sur notre forum test (dont nous avons copié tous les templates sur notre forum) tout fonctionne ! Je ne comprends vraiment pas comment ça peut être possible, j'ai repris le tuto etc... rien ne fonctionne ! Est-ce que vous sauriez d'où cela peut venir ?


Forum
Author Message
Petite Feuille
Membre


Offline
Membre

Joined: 07 Dec 2011
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Wed 11 Jun 2014 - 20:17    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

merci tuto pour réduire les images Cool
_______________________


Forum
Author Message
Petite Feuille
Membre


Offline
Membre

Joined: 07 Dec 2011
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Mon 30 Jun 2014 - 10:42    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

Je reviens au sujet.

En effet j'ai fait comme il est dit et cela ne fonctionne pas. Aussi, je me permet de vous mettre mes template afin de trouver l'erreur. Merci de bien vouloir m'aider.

Je vous remercie d'avance

Mes amitiés


 
Quote:

Code: Sélectionner - Agrandir
Modification de viewtopic_body.tpl


        <style type="text/css">
        <!--
        .xThank_container {
        margin: 5px;
        margin-bottom: 0;
        clear:both;
        font-style: italic;
        border: 1px solid #bac4cb;
        background: url(http://img.xooimage.com/files51/f/b/8/pouce2-255943f.png) no-repeat;
        background-position: 5px 2px;
        background-color:#DCE1E5;
        padding: 5px;
        padding-left: 50px;
        border-radius: 5px;
        }
        .xThank_follower {
        height: 8px;
        background: url(http://img.xooimage.com/files49/4/2/8/ombre-1501271.png) no-repeat;
        background-size: 100% 100%;
        margin-bottom: 10px;
        opacity: 0.8;
        }
        -->
        </style>
    <table width="100%" cellspacing="2" cellpadding="2" border="0">
        <!-- BEGIN img -->[img]http://{URL}[/img]<!-- END img -->
    <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
    <script type="text/javascript">
    maxwidth=640;
    function imgsize() {
    if (imgsize_orig_onload) {
    imgsize_orig_onload();
    }
    spans=document.getElementsByTagName('span');
    for(i=0;i<spans.length;i++) {
    if (spans[i][/i].className!='postbody') {
    continue;
    }
    imgs=spans[i][/i].getElementsByTagName('img');
    for(j=0;j<imgs.length;j++) {
    if (imgs[j].width>maxwidth) {
    imgs[j].width=maxwidth;imgs[j].style['cursor']='pointer';
    imgs[j].title='Cliquez pour avoir la taille reelle';

    
    imgs[j].onclick=function (){ window.open(this.src); };
    }
    }
    }
    }
    imgsize_orig_onload=window.onload?window.onload:false;
    window.onload=imgsize;
    </script>
      <tr>
       <td align="left" valign="bottom" colspan="2"><span class="nav"> :: </span>[url=http://{U_VIEW_TOPIC}]{TOPIC_TITLE}[/url]<span class="nav"> :: </span>

         <span class="gensmall">[b]{PAGINATION}[/b]

         &nbsp; </span></td>
      </tr>
    </table>

    <table width="100%" cellspacing="2" cellpadding="2" border="0">
      <tr>
       <td align="left" valign="bottom" nowrap="nowrap"><span class="nav">[url=http://{U_POST_NEW_TOPIC}][img]http://{POST_IMG}[/img][/url]&nbsp;&nbsp;&nbsp;[url=http://{U_POST_REPLY_TOPIC}][img]http://{REPLY_IMG}[/img][/url]</span></td>
       <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;[url=http://{U_INDEX}]{L_INDEX}[/url]
         -> [url=http://{U_VIEW_FORUM}]{FORUM_NAME}[/url]</span></td>
      </tr>
    </table>

    <table class="forumline" width="100%" cellspacing="1" cellpadding="3" border="0">
       <tr align="right">
          <td class="catHead" colspan="2" height="28"><span class="nav">[url=http://{U_VIEW_OLDER_TOPIC}]{L_VIEW_PREVIOUS_TOPIC}[/url] :: [url=http://{U_VIEW_NEWER_TOPIC}]{L_VIEW_NEXT_TOPIC}[/url] &nbsp;</span></td>
       </tr>
       {POLL_DISPLAY}
       <tr>
          <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
       </tr>
       <!-- BEGIN postrow -->
       <tr>
          <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}">[/url][b]{postrow.POSTER_NAME}[/b]</span>
<span class="postdetails">{postrow.POSTER_RANK}
{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}

{postrow.POSTER_JOINED}
{postrow.POSTER_POSTS}
{postrow.POSTER_FROM}</span>
</td>
          <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
             <tr>
                <td width="100%">[url=http://{postrow.U_MINI_POST}][img]http://{postrow.MINI_POST_IMG}[/img][/url]<span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
                <td valign="top" nowrap="nowrap">{postrow.THANK_IMG} {postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}{postrow.WARN_IMG}</td>
             </tr>
             <tr>
                <td colspan="2"><hr /></td>
             </tr>
             <tr>
                <td colspan="2"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
             </tr>
          </table></td>
       </tr>
       <tr>
          <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav">[url=http://#top]{L_BACK_TO_TOP}[/url]</span></td>
          <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
             <tr>
                <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--

       if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
          document.write(' {postrow.ICQ_IMG}');
       else
          document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap">

{postrow.ICQ_IMG}

{postrow.ICQ_STATUS_IMG}

');
              
                //--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
             </tr>
          </table></td>
       </tr>
       <tr>
          <td class="spaceRow" colspan="2" height="1">[img]http://img.xooimage.com/files1/_/ti/_-2f2a.gif[/img]</td>
       </tr>
       <!-- END postrow -->
       <tr align="center">
          <td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
             <tr><form method="post" action="{S_POST_DAYS_ACTION}">
                <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
             </form></tr>
          </table></td>
       </tr>
    </table>

    <table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
      <tr>
       <td align="left" valign="middle" nowrap="nowrap"><span class="nav">[url=http://{U_POST_NEW_TOPIC}][img]http://{POST_IMG}[/img][/url]&nbsp;&nbsp;&nbsp;[url=http://{U_POST_REPLY_TOPIC}][img]http://{REPLY_IMG}[/img][/url]</span></td>
       <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;[url=http://{U_INDEX}]{L_INDEX}[/url]
         -> [url=http://{U_VIEW_FORUM}]{FORUM_NAME}[/url]</span></td>
       <td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span>
<span class="nav">{PAGINATION}</span>
         </td>
      </tr>
      <tr>
       <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
      </tr>
    </table>

    <table width="100%" cellspacing="2" border="0" align="center">
      <tr>
       <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span>

         &nbsp;

         {S_TOPIC_ADMIN}</td>
       <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
    </table>




 
[quote
Code: Sélectionner - Agrandir
]Modification de bbcode.tpl
<!-- BEGIN ulist_open --><ul><!-- END ulist_open -->
<!-- BEGIN ulist_close --></ul><!-- END ulist_close -->

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

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

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

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


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

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

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

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

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

<!-- BEGIN img -->[img]http://{URL}[/img]<!-- END img -->

<!-- BEGIN url -->[url=http://{URL}]{DESCRIPTION}[/url]<!-- END url -->

<!-- BEGIN email -->[url=mailto:%7BEMAIL%7D]{EMAIL}[/url]<!-- END email -->

[/quote]

 
Quote:
Code: Sélectionner - Agrandir
Modification de overall_header.tpl
      <script type="text/javascript"> 
    function RestrainImg(){ 
       var rsz = document.getElementsByName('rsz');
       for (var i=0; i<rsz.length; i++) {
         if (rsz[i].width < 650 ) {
          rsz[i].className = 'MaxPop'; 
          rsz[i].onclick = null;
          rsz[i].pbshowpopbar = null;
          rsz[i].title = null;
          rsz[i].removeAttribute("onclick");
          rsz[i].removeAttribute("pbshowpopbar");
          rsz[i].removeAttribute("title");
        }
         else if (navigator.userAgent.indexOf('Opera') != -1) {
          rsz[i].pbshowpopbar = null;
          rsz[i].removeAttribute("pbshowpopbar");
        }
      }
    }
    window.onload = function() { 
     RestrainImg() 
    } 
    </script><script language="javascript" type="text/javascript" src="http://img.xooimage.com/files2/4/0/1/popbox-164182f.js"></script>
    <script type="text/javascript">
    popBoxWaitImage.src = "http://img.xooimage.com/files24/9/7/d/spinner20-44456d.gif";
    popBoxRevertImage = "http://img.xooimage.com/files26/f/8/5/magminus-4445fd.gif";
    popBoxPopImage = "http://img.xooimage.com/files23/2/4/e/magplus-444604.gif";
    </script><style> 
    .MaxPop
    {
       max-width: 650px;
       width: expression(this.scrollWidth >= 650? "650px" : 'auto');
    }

    .PopBoxImageSmall
    {
       border: none 0px white;
       cursor: url("http://img.xooimage.com/files21/b/f/8/magplus-444544.cur"), ;
    }

    .PopBoxImageLarge
    {
       border: none 0px white;
       cursor: url("http://img.xooimage.com/files22/a/8/f/magminus-444549.cur"), ;
    }

    .PopBoxImageShrink
    {
     cursor: url("http://img.xooimage.com/files22/a/8/f/magminus-444549.cur"), ;
    }
    .PopBoxImageLink
    {
     cursor:pointer ;
    }
    .PopBoxImageMove
    {
     border: none 0px #ffffff;
     cursor: pointer;
    }
     </style>

 <!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}<meta name="google-site-verification" content="0qjaGnxoUTKrUosbeE3xuuvJVjr8pRWgCVylwamKvdU" />
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img.xooimage.com/files8/s/c/script-906f2.js">
</script>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files55/6/2/4/flower_of_evil-460c8bf.css" type="text/css" -->
<style type="text/css">
<!--
/*
  flower_of_evil Theme for phpBB version 2+
  Created by larme d'ange
  [url=http://lda-creation.conceptbb.com]http://lda-creation.conceptbb.com[/url]

  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-image: url(http://img.xooimage.com/files55/d/a/9/blacgroung-461e706.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #777777;
    scrollbar-track-color: #202020;
    scrollbar-darkshadow-color: #222222;
}

/* 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: none; 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: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR1}; 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_TR_COLOR3};
        background-image: url(http://img.xooimage.com/files6/b/a/back_catd-906f5.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://img.xooimage.com/files57/6/2/0/i_back_catg-460c8be.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files10/b/a/back_catg-906f3.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
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: 18px; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; 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_TH_COLOR1}; 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_TH_COLOR1}; 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_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

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

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    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://img.xooimage.com/files10/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 -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

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

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center" width="100%" valign="middle">[url=http://{U_INDEX}][img]http://img.xooimage.com/files55/1/5/0/2zxwc5k-4669968.jpg[/img][/url]</td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             [url=http://{U_INDEX}][img]http://img.xooimage.com/files58/d/1/7/forum-460c7f1.jpg[/img][/url][url=http://{U_FAQ}][img]http://img.xooimage.com/files59/6/0/1/i_icon_mini_faq-460c7e5.jpg[/img][/url][url=http://{U_SEARCH}][img]http://img.xooimage.com/files57/2/e/d/i_icon_mini_search-460c811.jpg[/img][/url][url=http://{U_MEMBERLIST}][img]http://img.xooimage.com/files59/2/2/f/i_icon_mini_members-460c803.jpg[/img][/url][url=http://{U_GROUP_CP}][img]http://img.xooimage.com/files59/6/b/0/i_icon_mini_groups-460c7ec.jpg[/img][/url][url=http://{U_PROFILE}][img]http://img.xooimage.com/files58/e/1/c/i_icon_mini_profile-460c808.jpg[/img][/url][url=http://{U_PRIVATEMSGS}][img]http://{PRIVMSG_IMG}[/img][/url][url=http://{U_LOGIN_LOGOUT}][img]http://img.xooimage.com/files59/a/4/e/i_icon_mini_logout-off-460c7fb.jpg[/img][/url]
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             [url=http://{U_INDEX}][img]http://img.xooimage.com/files58/d/1/7/forum-460c7f1.jpg[/img][/url][url=http://{U_FAQ}][img]http://img.xooimage.com/files59/6/0/1/i_icon_mini_faq-460c7e5.jpg[/img][/url][url=http://{U_SEARCH}][img]http://img.xooimage.com/files57/2/e/d/i_icon_mini_search-460c811.jpg[/img][/url][url=http://{U_REGISTER}][img]http://img.xooimage.com/files56/8/5/b/i_icon_mini_register-460c80d.jpg[/img][/url][url=http://{U_LOGIN_LOGOUT}][img]http://img.xooimage.com/files58/4/6/9/i_icon_mini_login-460c7f8.jpg[/img][/url]
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>
            </tr>
        </table>

       


    <link rel="icon" href="http://icons.iconarchive.com/icons/iconleak/atrous/16/movie-icon.png" />



_______________________


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 373
Niveau:
Point(s): 354
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Mon 30 Jun 2014 - 16:02    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

Bon, personnellement j'ai retouché le tuto pour qu'il soit moins lourd et fonctionnel sur mon forum.

Il fonctionne depuis des années.

Dans votre Overall_Header.tpl, supprimez le script de ce tuto et mettez celui ci à la place :

Code: Sélectionner - Agrandir
 
/*------------------------Bloquer les images trops grandes v2 Retouché RotorMan--------------------------------*/   
    <script type="text/javascript">
   //<![CDATA[
    <!--

    var rmw_max_width = 500;
    var rmw_border_1 = '1px solid {T_BODY_LINK}';
    var rmw_border_2 = '2px dotted {T_BODY_LINK}';
    var rmw_image_title = '{L_RMW_IMAGE_TITLE}';
    var rmw_a.target = '{_blank}'; //ajout pour ouverture dans une autre page

    //-->
    //]]>
    </script>
    <script type="text/javascript" src="{U_RMW_JSLIB}"></script>



<script type="text/javascript">
//<![CDATA[
@import url("http://img.xooimage.com/files57/f/9/1/rmw-448c72a.js");
//]]>
</script>

/*-------------------------------------------------------------------------------------------*/


Et dans votre BBcode.tpl, remplacez

Code: Sélectionner - Agrandir
<!-- BEGIN img -->[img]http://{URL}[/img]<!-- END img -->


qui me parait très bizarre, soit dit en passant, par

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


Voilà, les images seront maitrisées à 500 pixels de largeur ! Smile

Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.


Forum
Author Message
Petite Feuille
Membre


Offline
Membre

Joined: 07 Dec 2011
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Mon 30 Jun 2014 - 16:44    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour,
Rien ne bouge Crying or Very sad je vous mets les templates à voir si j'ai fait des erreurs s'il vous plait Smile

Code: Sélectionner - Agrandir
Modification de bbcode.tpl
<!-- BEGIN ulist_open --><ul><!-- END ulist_open -->
<!-- BEGIN ulist_close --></ul><!-- END ulist_close -->

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

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

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

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


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

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

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

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

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

     
    /*------------------------Bloquer les images trops grandes v2 Retouché RotorMan--------------------------------*/   
        <script type="text/javascript">
       //<![CDATA[
        <!--

        var rmw_max_width = 500;
        var rmw_border_1 = '1px solid {T_BODY_LINK}';
        var rmw_border_2 = '2px dotted {T_BODY_LINK}';
        var rmw_image_title = '{L_RMW_IMAGE_TITLE}';
        var rmw_a.target = '{_blank}'; //ajout pour ouverture dans une autre page

        //-->
        //]]>
        </script>
        <script type="text/javascript" src="{U_RMW_JSLIB}"></script>



    <script type="text/javascript">
    //<![CDATA[
    @import url("http://img.xooimage.com/files57/f/9/1/rmw-448c72a.js");
    //]]>
    </script>

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

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

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



Code: Sélectionner - Agrandir
Modification de overall_header.tpl
     
    /*------------------------Bloquer les images trops grandes v2 Retouché RotorMan--------------------------------*/   
        <script type="text/javascript">
       //<![CDATA[
        <!--

        var rmw_max_width = 500;
        var rmw_border_1 = '1px solid {T_BODY_LINK}';
        var rmw_border_2 = '2px dotted {T_BODY_LINK}';
        var rmw_image_title = '{L_RMW_IMAGE_TITLE}';
        var rmw_a.target = '{_blank}'; //ajout pour ouverture dans une autre page

        //-->
        //]]>
        </script>
        <script type="text/javascript" src="{U_RMW_JSLIB}"></script>



    <script type="text/javascript">
    //<![CDATA[
    @import url("http://img.xooimage.com/files57/f/9/1/rmw-448c72a.js");
    //]]>
    </script>

    /*-------------------------------------------------------------------------------------------*/


 <!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}<meta name="google-site-verification" content="0qjaGnxoUTKrUosbeE3xuuvJVjr8pRWgCVylwamKvdU" />
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img.xooimage.com/files8/s/c/script-906f2.js">
</script>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files55/6/2/4/flower_of_evil-460c8bf.css" type="text/css" -->
<style type="text/css">
<!--
/*
  flower_of_evil Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  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-image: url(http://img.xooimage.com/files55/d/a/9/blacgroung-461e706.png);
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: top left;
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: #111111;
   scrollbar-highlight-color: #666666;
   scrollbar-shadow-color: #444444;
   scrollbar-3dlight-color: #333333;
   scrollbar-arrow-color:  #777777;
   scrollbar-track-color: #202020;
   scrollbar-darkshadow-color: #222222;
}

/* 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: none; 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: ""; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TH_COLOR1}; 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_TR_COLOR3};
      background-image: url(http://img.xooimage.com/files6/b/a/back_catd-906f5.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://img.xooimage.com/files57/6/2/0/i_back_catg-460c8be.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img.xooimage.com/files10/b/a/back_catg-906f3.jpg);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
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: 18px; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; }

/* 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: none; 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: none; 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_TH_COLOR1}; 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_TH_COLOR1}; 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_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
   color : {T_FONTCOLOR3};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_FONTCOLOR1};
}

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

input { text-indent : 2px;
       background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR2};
   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://img.xooimage.com/files10/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 -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files55/1/5/0/2zxwc5k-4669968.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            </tr><tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                  <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img.xooimage.com/files58/d/1/7/forum-460c7f1.jpg" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files59/6/0/1/i_icon_mini_faq-460c7e5.jpg" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files57/2/e/d/i_icon_mini_search-460c811.jpg" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img.xooimage.com/files59/2/2/f/i_icon_mini_members-460c803.jpg" width="78" height="52" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img.xooimage.com/files59/6/b/0/i_icon_mini_groups-460c7ec.jpg" width="72" height="52" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img.xooimage.com/files58/e/1/c/i_icon_mini_profile-460c808.jpg" width="65" height="52" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="77" height="52" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files59/a/4/e/i_icon_mini_logout-off-460c7fb.jpg" width="122" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_in -->
                  <!-- BEGIN switch_user_logged_out -->
                       <a href="{U_INDEX}" class="mainmenu"><img src="http://img.xooimage.com/files58/d/1/7/forum-460c7f1.jpg" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files59/6/0/1/i_icon_mini_faq-460c7e5.jpg" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files57/2/e/d/i_icon_mini_search-460c811.jpg" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img.xooimage.com/files56/8/5/b/i_icon_mini_register-460c80d.jpg" width="111" height="52" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files58/4/6/9/i_icon_mini_login-460c7f8.jpg" width="103" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                  <!-- END switch_user_logged_out -->
                  </span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br />

    <link rel="icon" href="http://icons.iconarchive.com/icons/iconleak/atrous/16/movie-icon.png" />


_______________________


Forum
Author Message
RotorMan
Contributeurs


Offline
Contributeurs

Joined: 21 Dec 2006
Posts: 373
Niveau:
Point(s): 354
Moyenne: 0.95
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

PostPosted: Mon 30 Jun 2014 - 17:14    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Re,

Remplacer tout le contenu de votre BBcode.tpl par ceci :

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

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

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

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

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


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

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

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

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

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

/****** Origine taille des images ***************
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
***********************************************/

/************Bloquer images trop grandes************/

<!-- BEGIN img --><a href="{URL}" target="_blank"><img resizemod="on" onload="rmw_img_loaded(this)" src="{URL}" border="0" /></a><!-- END img -->
                                             
/************Fin Bloquer images trop grandes********/


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

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





Enregistrez votre Overall_header.tpl.
Comme cela, si problème, vous pourrez le récupérer.

Puis remplacez tout son contenu par ceci :

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}<meta name="google-site-verification" content="0qjaGnxoUTKrUosbeE3xuuvJVjr8pRWgCVylwamKvdU" />
    {NAV_LINKS}
    <title>{SITENAME} :: {PAGE_TITLE}</title>
     <link rel="icon" href="http://icons.iconarchive.com/icons/iconleak/atrous/16/movie-icon.png" />
    <script language="javascript" src="http://img.xooimage.com/files8/s/c/script-906f2.js"></script>

    <!-- link rel="stylesheet" href="http://img.xooimage.com/files55/6/2/4/flower_of_evil-460c8bf.css" type="text/css" -->
   
 <style type="text/css">
    <!--
    /*
      flower_of_evil Theme for phpBB version 2+
      Created by larme d'ange
      http://lda-creation.conceptbb.com

      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-image: url(http://img.xooimage.com/files55/d/a/9/blacgroung-461e706.png);
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-position: top left;
       background-color: {T_BODY_BGCOLOR};
       scrollbar-face-color: #111111;
       scrollbar-highlight-color: #666666;
       scrollbar-shadow-color: #444444;
       scrollbar-3dlight-color: #333333;
       scrollbar-arrow-color:  #777777;
       scrollbar-track-color: #202020;
       scrollbar-darkshadow-color: #222222;
    }

    /* 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: none; 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: ""; border: 0px {T_TH_COLOR1} solid; }

    /* This is the outline round the main forum tables */
    .forumline   { background-color: {T_TH_COLOR1}; 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_TR_COLOR3};
          background-image: url(http://img.xooimage.com/files6/b/a/back_catd-906f5.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://img.xooimage.com/files57/6/2/0/i_back_catg-460c8be.jpg);
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
             background-image: url(http://img.xooimage.com/files10/b/a/back_catg-906f3.jpg);
             background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
    }

    /*
      Setting additional nice inner borders for the main table cells.
      The names indicate which sides the border will be on.
      Don't worry if you don't understand this, just ignore it :-)
    */
    td.cat,td.catHead,td.catBottom {
       height: 29px;
       border-width: 0px 0px 0px 0px;
    }
    th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
       font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
    }
    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: 18px; 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: none; }

    /* 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: none; 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: none; }

    /* 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: none; 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: none; }

    /* 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: none; 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: none; 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_TH_COLOR1}; 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_TH_COLOR1}; 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_FONTCOLOR3}; text-decoration: none;}
    a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

    /* Form elements */
    input,textarea, select {
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
       color : {T_FONTCOLOR3};
       font: normal {T_FONTSIZE2}px {T_FONTFACE1};
       border-color : {T_FONTCOLOR1};
    }

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

    input { text-indent : 2px;
           background-color : {T_TD_COLOR1}; }

    /* The buttons used for bbCode styling in message post */
    input.button {
       background-color : {T_TR_COLOR2};
       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://img.xooimage.com/files10/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 -->

/*------------------------Bloquer les images trops grandes v2 Retouché RotorMan--------------------------------*/   

            <script type="text/javascript">
           //<![CDATA[
            <!--

            var rmw_max_width = 500;
            var rmw_border_1 = '1px solid {T_BODY_LINK}';
            var rmw_border_2 = '2px dotted {T_BODY_LINK}';
            var rmw_image_title = '{L_RMW_IMAGE_TITLE}';
            var rmw_a.target = '{_blank}'; //ajout pour ouverture dans une autre page

            //-->
            //]]>
            </script>
            <script type="text/javascript" src="{U_RMW_JSLIB}"></script>

        <script type="text/javascript">
        //<![CDATA[
        @import url("http://img.xooimage.com/files57/f/9/1/rmw-448c72a.js");
        //]]>
        </script>

        /*-------------------------------------------------------------------------------------------*/


    </head>

    <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

    <a name="top"></a>

    <table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
       <tr>
          <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
             <tr>
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img.xooimage.com/files55/1/5/0/2zxwc5k-4669968.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                <table cellspacing="0" cellpadding="2" border="0">
                   <tr>
                      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                      <!-- BEGIN switch_user_logged_in -->
                                 <a href="{U_INDEX}" class="mainmenu"><img src="http://img.xooimage.com/files58/d/1/7/forum-460c7f1.jpg" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files59/6/0/1/i_icon_mini_faq-460c7e5.jpg" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files57/2/e/d/i_icon_mini_search-460c811.jpg" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img.xooimage.com/files59/2/2/f/i_icon_mini_members-460c803.jpg" width="78" height="52" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img.xooimage.com/files59/6/b/0/i_icon_mini_groups-460c7ec.jpg" width="72" height="52" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img.xooimage.com/files58/e/1/c/i_icon_mini_profile-460c808.jpg" width="65" height="52" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="77" height="52" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files59/a/4/e/i_icon_mini_logout-off-460c7fb.jpg" width="122" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                      <!-- END switch_user_logged_in -->
                      <!-- BEGIN switch_user_logged_out -->
                           <a href="{U_INDEX}" class="mainmenu"><img src="http://img.xooimage.com/files58/d/1/7/forum-460c7f1.jpg" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img.xooimage.com/files59/6/0/1/i_icon_mini_faq-460c7e5.jpg" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img.xooimage.com/files57/2/e/d/i_icon_mini_search-460c811.jpg" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img.xooimage.com/files56/8/5/b/i_icon_mini_register-460c80d.jpg" width="111" height="52" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img.xooimage.com/files58/4/6/9/i_icon_mini_login-460c7f8.jpg" width="103" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a>
                      <!-- END switch_user_logged_out -->
                      </span></td>
                   </tr>
                </table></td>
             </tr>
          </table>

          <br />



Le code est placé juste avant la balise </head>. De plus l'image de l'icone de votre forum, que vous aviez placé tout en bas de votre overall-Header, est déplacé sous la balise du titre de votre forum (le bon endroit normalement).

Cordialement
_______________________
Je ne répond plus aux demandes d'aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Following members like this message:
Petite Feuille (30/06/14)


Forum
Author Message
Petite Feuille
Membre


Offline
Membre

Joined: 07 Dec 2011
Posts: 21
Niveau:
Point(s): 21
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Taureau (20avr-20mai) 龍 Dragon

PostPosted: Mon 30 Jun 2014 - 17:41    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonsoir,
Merci de vous occuper de moi, mais l'information de l'image me donne ça " Dimension : 654px × 934px (redimensionné à 640px × 914px) sur ce post : http://art-essai.forum-box.com/t303-ExaShare-Lilo-et-Stitch-DvdRip.htm

je ne sais pas si on peut faire mieux ?
_______________________


Forum
Author Message
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 16 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