Page d'Accueil : Indentation automatique et code cassé.

[Gromnax]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 12/03/2019
Lien du forum : http://forbidden-redemption.forumactif.com/

Description du problème

Bonjour,
sur mon forum de test, j'ai essayé de mettre une PA personnalisée trouvée sur Internet. Le problème étant que lorsque je valide le code, non indenté, celui-ci est indenté automatiquement par forumactif. Cela fait qu'une fois modifié à partir de cette version indentée, le code est cassé. Comment faire pour que forumactif n'indente pas le code de lui-même ? Merci d'avance pour votre aide.

Cordialement,

Gromnax

[*Splash*]

Hi,
Il faudrait au moins mettre ce code ici entre balise code, car comment dire... ton screen ne sert à rien

[Gromnax]

Bonjour,
voici :

Code:

<link rel="stylesheet" href="https://www.aht.li/3206628/RCR_PA.css" type="text/css"><!-- PAGE D'ACCUEIL --><div class="RCR"><!-- BLOC STAFF - IMAGES EN 75*80 --><div class="staffRCR"><!-- STAFF I --><div><!-- IMAGE I --><img src="https://www.aht.li/3037107/7580BW.png" /><!-- CONTENU I --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE I --><span class="onRCR">Fonction</span><!-- LIEN PROFIL I --><a href="..." target="_blank">Profil</a></p></div><!-- STAFF II --><div><!-- IMAGE II --><img src="https://www.aht.li/3037107/7580BW.png" /><!-- CONTENU II --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE II --><span class="offRCR">Fonction</span><!-- LIEN PROFIL II --><a href="..." target="_blank">Profil</a></p></div><!-- STAFF III --><div><!-- IMAGE III --><img src="https://www.aht.li/3037107/7580BW.png" /><!-- CONTENU III --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE III --><span class="onRCR">Fonction</span><!-- LIEN PROFIL III --><a href="..." target="_blank">Profil</a></p></div><!-- STAFF IV --><div><!-- IMAGE IV --><img src="https://www.aht.li/3037107/7580BW.png" /><!-- CONTENU IV --><p>Pseudonyme<!-- FONCTION & DISPONIBILITE IV --><span class="onRCR">Fonction</span><!-- LIEN PROFIL IV --><a href="..." target="_blank">Profil</a></p></div></div><!-- BLOC MEMBRE DU MOIS / EVENEMENT EN COURS --><div class="boxRCR"><!-- MEMBRE DU MOIS --><div class="mdmRCR"><!-- LIEN VERS LE PROFIL DU MEMBRE - IMAGE 200*80 --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a><!-- INTITULE --><p>Membre<br/>du mois</p></div><!-- EVENEMENT EN COURS --><div class="eventRCR"><!-- LIEN VERS L'EVENEMENT - IMAGE 200*80 --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a><!-- INTITULE --><p>Evénement<br/>en cours</p></div></div><!-- 6 LIENS --><div class="lksRCR"><!-- I --><a href="..." target="_blank">Lien</a><!-- II --><a href="..." target="_blank">Lien</a><!-- III --><a href="..." target="_blank">Lien</a><!--IV --><a href="..." target="_blank">Lien</a><!-- V --><a href="..." target="_blank">Lien</a><!-- VI --><a href="..." target="_blank">Lien</a></div><!-- BLOC ACTUALITES --><div class="newsRCR"><!-- CONTENU --><p>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...<br/>▬ 00/00/00 : ...</p><!-- IMAGE 200*250 --><img src="http://www.aht.li/2703955/200250.png" /></div><!-- BLOC CONTEXTE --><div class="ctxtRCR"><!-- CONTENU --><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- 11 PARTENAIRES EN 50*50 --><div class="partRCR"><!-- I --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- II --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- III --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IV --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- V --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VI --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VII --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- VIII --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- IX --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- X --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a><!-- XI --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a></div><!-- 3 TOP-SITES --><div class="topRCR"><!-- I --><a href="..." target="blank"></a><!-- II --><a href="..." target="blank"></a><!-- III --><a href="..." target="blank"></a></div></div>


Le problème, c'est qu'il est automatiquement indenté pour devenir :

Code:

<link rel="stylesheet" href="https://www.aht.li/3206628/RCR_PA.css" type="text/css" />
<!--  PAGE D'ACCUEIL  -->
<div class="RCR">
   
   <!--  BLOC STAFF - IMAGES EN 75*80  -->
   <div class="staffRCR">
      
      <!--  STAFF I  -->
      <div>
         
         <!--  IMAGE I  --><img src="https://www.aht.li/3037107/7580BW.png" />
         <!--  CONTENU I  -->
         <p>
             Pseudonyme
            <!--  FONCTION & DISPONIBILITE I  --><span class="onRCR">Fonction</span>
            <!--  LIEN PROFIL I  --><a href="..." target="_blank">Profil</a>
         </p>
         
      </div>
      
      <!--  STAFF II  -->
      <div>
         
         <!--  IMAGE II  --><img src="https://www.aht.li/3037107/7580BW.png" />
         <!--  CONTENU II  -->
         <p>
             Pseudonyme
            <!--  FONCTION & DISPONIBILITE II  --><span class="offRCR">Fonction</span>
            <!--  LIEN PROFIL II  --><a href="..." target="_blank">Profil</a>
         </p>
         
      </div>
      
      <!--  STAFF III  -->
      <div>
         
         <!--  IMAGE III  --><img src="https://www.aht.li/3037107/7580BW.png" />
         <!--  CONTENU III  -->
         <p>
             Pseudonyme
            <!--  FONCTION & DISPONIBILITE III  --><span class="onRCR">Fonction</span>
            <!--  LIEN PROFIL III  --><a href="..." target="_blank">Profil</a>
         </p>
         
      </div>
      
      <!--  STAFF IV  -->
      <div>
         
         <!--  IMAGE IV  --><img src="https://www.aht.li/3037107/7580BW.png" />
         <!--  CONTENU IV  -->
         <p>
             Pseudonyme
            <!--  FONCTION & DISPONIBILITE IV  --><span class="onRCR">Fonction</span>
            <!--  LIEN PROFIL IV  --><a href="..." target="_blank">Profil</a>
         </p>
         
      </div>
      
   </div>
   
   <!--  BLOC MEMBRE DU MOIS / EVENEMENT EN COURS  -->
   <div class="boxRCR">
      
      <!--  MEMBRE DU MOIS  -->
      <div class="mdmRCR">
         
         <!--  LIEN VERS LE PROFIL DU MEMBRE - IMAGE 200*80  --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a>
         <!--  INTITULE  -->
         <p>
             Membre<br />du mois
         </p>
         
      </div>
      
      <!--  EVENEMENT EN COURS  -->
      <div class="eventRCR">
         
         <!--  LIEN VERS L'EVENEMENT - IMAGE 200*80  --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a>
         <!--  INTITULE  -->
         <p>
             Evénement<br />en cours
         </p>
         
      </div>
      
   </div>
   
   <!--  6 LIENS  -->
   <div class="lksRCR">
      
      <!--  I  --><a href="..." target="_blank">Lien</a>
      <!--  II  --><a href="..." target="_blank">Lien</a>
      <!--  III  --><a href="..." target="_blank">Lien</a>
      <!--  IV  --><a href="..." target="_blank">Lien</a>
      <!--  V  --><a href="..." target="_blank">Lien</a>
      <!--  VI  --><a href="..." target="_blank">Lien</a>
   </div>
   
   <!--  BLOC ACTUALITES  -->
   <div class="newsRCR">
      
      <!--  CONTENU  -->
      <p>
          ▬ 00/00/00 : ...<br />▬ 00/00/00 : ...<br />▬ 00/00/00 : ...
      </p>
      
      <!--  IMAGE 200*250  --><img src="http://www.aht.li/2703955/200250.png" />
   </div>
   
   <!--  BLOC CONTEXTE  -->
   <div class="ctxtRCR">
      
      <!--  CONTENU  -->
      <div>
          Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte
      </div>
      
   </div>
   
   <!--  11 PARTENAIRES EN 50*50  -->
   <div class="partRCR">
      
      <!--  I  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  II  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  III  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  IV  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  V  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  VI  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  VII  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  VIII  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  IX  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  X  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
      <!--  XI  --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>
   </div>
   
   <!--  3 TOP-SITES  -->
   <div class="topRCR">
      
      <!--  I  --><a href="..." target="blank"></a>
      <!--  II  --><a href="..." target="blank"></a>
      <!--  III  --><a href="..." target="blank"></a>
   </div>
</div>

Ce qui ne marche pas...

[Invité]

Hello Gromnax,

c'est le gros soucis de cet éditeur,il créer des sauts de ligne.
Attention toutefois, car si tu ajoutes le code html du saut de ligne, ce dernier ne sera pas prit en compte.

Code:

<br />

Après les fermetures des balises div :

Code:

</div></div>

Ajoutes ceci:

Code:

<script>
jQuery(function(){
jQuery('.RCR').find('br').remove();
});
</script>

a++

[Gromnax]

Bonjour et merci de votre réponse.
Voici le code suite aux modifications :

Code:

<link rel="stylesheet" href="https://www.aht.li/3206628/RCR_PA.css" type="text/css" />
<!--     PAGE D'ACCUEIL     -->
<div class="RCR">
    
 <!--     BLOC STAFF - IMAGES EN 75*80     -->  
 <div class="staffRCR">
    
 <!--     STAFF I     -->  
 <div>
    
 <!--     IMAGE I     --><img src="https://www.aht.li/3037107/7580BW.png" />  
 <!--     CONTENU I     -->  
 <p>
   Pseudonyme  
 <!--     FONCTION & DISPONIBILITE I     --><span class="onRCR">Fonction</span>  
 <!--     LIEN PROFIL I     --><a href="..." target="_blank">Profil</a>  
 </p>
    
 </div>
    
 <!--     STAFF II     -->  
 <div>
    
 <!--     IMAGE II     --><img src="https://www.aht.li/3037107/7580BW.png" />  
 <!--     CONTENU II     -->  
 <p>
   Pseudonyme  
 <!--     FONCTION & DISPONIBILITE II     --><span class="offRCR">Fonction</span>  
 <!--     LIEN PROFIL II     --><a href="..." target="_blank">Profil</a>  
 </p>
    
 </div>
    
 <!--     STAFF III     -->  
 <div>
    
 <!--     IMAGE III     --><img src="https://www.aht.li/3037107/7580BW.png" />  
 <!--     CONTENU III     -->  
 <p>
   Pseudonyme  
 <!--     FONCTION & DISPONIBILITE III     --><span class="onRCR">Fonction</span>  
 <!--     LIEN PROFIL III     --><a href="..." target="_blank">Profil</a>  
 </p>
    
 </div>
    
 <!--     STAFF IV     -->  
 <div>
    
 <!--     IMAGE IV     --><img src="https://www.aht.li/3037107/7580BW.png" />  
 <!--     CONTENU IV     -->  
 <p>
   Pseudonyme  
 <!--     FONCTION & DISPONIBILITE IV     --><span class="onRCR">Fonction</span>  
 <!--     LIEN PROFIL IV     --><a href="..." target="_blank">Profil</a>  
 </p>
    
 </div>
    
 </div>
    
 <!--     BLOC MEMBRE DU MOIS / EVENEMENT EN COURS     -->  
 <div class="boxRCR">
    
 <!--     MEMBRE DU MOIS     -->  
 <div class="mdmRCR">
    
 <!--     LIEN VERS LE PROFIL DU MEMBRE - IMAGE 200*80     --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a>  
 <!--     INTITULE     -->  
 <p>
   Membre<br />du mois  
 </p>
    
 </div>
    
 <!--     EVENEMENT EN COURS     -->  
 <div class="eventRCR">
    
 <!--     LIEN VERS L'EVENEMENT - IMAGE 200*80     --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a>  
 <!--     INTITULE     -->  
 <p>
   Evénement<br />en cours  
 </p>
    
 </div>
    
 </div>
    
 <!--     6 LIENS     -->  
 <div class="lksRCR">
    
 <!--     I     --><a href="..." target="_blank">Lien</a>  
 <!--     II     --><a href="..." target="_blank">Lien</a>  
 <!--     III     --><a href="..." target="_blank">Lien</a>  
 <!--    IV     --><a href="..." target="_blank">Lien</a>  
 <!--     V     --><a href="..." target="_blank">Lien</a>  
 <!--     VI     --><a href="..." target="_blank">Lien</a>  
 </div>
    
 <!--     BLOC ACTUALITES     -->  
 <div class="newsRCR">
    
 <!--     CONTENU     -->  
 <p>
   ▬ 00/00/00 : ...<br />▬ 00/00/00 : ...<br />▬ 00/00/00 : ...  
 </p>
    
 <!--     IMAGE 200*250     --><img src="http://www.aht.li/2703955/200250.png" />  
 </div>
    
 <!--     BLOC CONTEXTE     -->  
 <div class="ctxtRCR">
    
 <!--     CONTENU     -->  
 <div>
   Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte  
 </div>
    
 </div>
    
 <!--     11 PARTENAIRES EN 50*50     -->  
 <div class="partRCR">
    
 <!--     I     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     II     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     III     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     IV     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     V     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     VI     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     VII     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     VIII     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     IX     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     X     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 <!--     XI     --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a>  
 </div>
    
 <!--     3 TOP-SITES     -->  
 <div class="topRCR">
    
 <!--     I     --><a href="..." target="blank"></a>  
 <!--     II     --><a href="..." target="blank"></a>  
 <!--     III     --><a href="..." target="blank"></a>  
 </div>
</div><script>
jQuery(function(){
jQuery('.RCR').find('br').remove();
});
</script>

Et voici le résultat obtenu :

Spoiler:

Merci d'avance pour votre aide.
Cordialement.

EDIT : Peut-être y aurait-il moyen de contourner le problème via un iframe ou une modification directe du template ? Auriez-vous des idées ? Cordialement.

[Invité]

Hello Gromnax,

tu peux utiliser un page html en mode avancé :
Voulez-vous utiliser le haut et le bas de page de votre forum ? Non
Utiliser cette page en tant que page d'accueil ? Non

et insérer ce contenu:

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>TITRE DE LA PAGE</title> 

    <style type="text/css">

.RCR {
margin:auto; width:800px;
font-family:Arial; text-align:center; line-height:16px;
}
.RCR a {
text-decoration:none !important;
}
/* BLOC STAFF PA */
.staffRCR {
display:inline-block; vertical-align:top;
width:350px; height:80px; padding:15px 0; overflow:hidden; text-align:center;
}
.staffRCR div {
display:inline-block; vertical-align:top;
}
.staffRCR div:nth-of-type(2) {
margin:0 5px;
}
.staffRCR div:nth-of-type(3) {
margin-right:5px;
}
.staffRCR div img {
width:75px; height:80px;
}
/* CONTENUS STAFF PA */
.staffRCR div p {
position:absolute; margin-top:-80px;
width:65px; height:65px; padding:15px 5px 0; overflow:hidden;
font-size:10px; text-align:center; font-family:Arial;
opacity:0; transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.staffRCR div:hover p {
opacity:1;
}
/* DISPONIBLE PA */
.onRCR {
display:block;
}
/* INDISPONIBLE PA */
.offRCR {
display:block;
}
/* LIENS PROFILS STAFF PA */
.staffRCR a {}
/* BLOC MEMBRE DU MOIS & EVENEMENT EN COURS PA */
.boxRCR {
display:inline-block; vertical-align:top;
width:450px; height:80px; padding:15px 0; overflow:hidden; text-align:center;
}
/* MEMBRE DU MOIS PA */
.mdmRCR {
display:inline-block; vertical-align:top;
width:200px; height:80px; overflow:hidden; text-align:left;
}
.mdmRCR img {
position:relative; z-index:3; margin-top:-80px;
width:200px; height:80px;
transition:all 0.75s ease; -webkit-transition:all 0.75s ease;
}
.mdmRCR:hover img {
margin-top:0;
}
.mdmRCR p {
margin:0; width:200px; height:65px; padding-top:15px; overflow:hidden;
text-align:center; font-family:Arial; font-size:24px; text-transform:uppercase; line-height:26px;
}
/* EVENEMENT EN COURS PA */
.eventRCR {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:80px; overflow:hidden; text-align:left;
}
.eventRCR img {
position:relative; z-index:3; margin-top:-80px;
width:200px; height:80px;
transition:all 0.75s ease; -webkit-transition:all 0.75s ease;
}
.eventRCR:hover img{
margin-top:0;
}
.eventRCR p {
margin:0; width:200px; height:65px; padding-top:15px; overflow:hidden;
text-align:center; font-family:Arial; font-size:24px; text-transform:uppercase; line-height:26px;
}
/* BLOC LIENS PA */
.lksRCR {
display:inline-block; vertical-align:top;
width:220px; height:235px; padding-top:15px;
}
/* LIENS PA */
.lksRCR a {
display:block; margin:10px auto;
width:135px; height:15px; padding:5px;
text-align:center; text-transform:uppercase; font-size:12px;
transition:all 1s linear; -webkit-transition:all 1s linear;
}
/* SURVOL LIEN PA */
.lksRCR a:hover {}
/* ACTUALITES PA */
.newsRCR {
display:inline-block; vertical-align:top;
width:200px; height:250px; overflow:hidden;
text-align:justify; font-size:10px;
}
.newsRCR img {
position:relative; z-index:5; margin-top:-250px;
width:200px; height:250px;
transition:all 0.75s ease; -webkit-transition:all 0.75s ease;
}
.newsRCR:hover img {
margin-top:0px;
}
.newsRCR p {
margin:0;
width:190px; height:240px; padding:5px; overflow-y:auto;
font-family:Arial;
}
/* BLOC CONTEXTE PA */
.ctxtRCR {
display:inline-block; vertical-align:top;
width:380px; height:220px; padding-top:30px; text-align:center;
}
/* CONTEXTE PA */
.ctxtRCR div {
margin:auto;
width:310px; height:175px; padding:5px; overflow:hidden;
font-size:11px; text-align:justify;
}
.ctxtRCR div:hover {
overflow-y:auto;
}
/* PARTENAIRES PA */
.partRCR {
display:inline-block; vertical-align:top;
width:646px; height:50px; padding:8px 0; overflow:hidden; text-align:left;
}
.partRCR img {
margin-left:8px; width:50px; height:50px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition: all 0.65s linear; -webkit-transition: all 0.65s linear;
}
.partRCR img:hover {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC TOP-SITES PA */
.topRCR {
display:inline-block; vertical-align:top;
width:154px; height:51px; padding-top:15px; text-align:center;
}
/* TOP-SITES PA */
.topRCR a {
display:inline-block; margin:0 5px;
width:35px; height:35px;
opacity:0.8; transition:opacity 0.75s ease; -webkit-transition:opacity 0.75s ease;
}
.topRCR a:hover {
opacity:1;
}

    </style>

  </head>

      <body>

<!--    PAGE D'ACCUEIL    -->
<div class="RCR">
   
 <!--    BLOC STAFF - IMAGES EN 75*80    --> 
 <div class="staffRCR">
   
 <!--    STAFF I    --> 
 <div>
   
 <!--    IMAGE I    --><img src="https://www.aht.li/3037107/7580BW.png" /> 
 <!--    CONTENU I    --> 
 <p>
  Pseudonyme 
 <!--    FONCTION & DISPONIBILITE I    --><span class="onRCR">Fonction</span> 
 <!--    LIEN PROFIL I    --><a href="..." target="_blank">Profil</a> 
 </p>
   
 </div>
   
 <!--    STAFF II    --> 
 <div>
   
 <!--    IMAGE II    --><img src="https://www.aht.li/3037107/7580BW.png" /> 
 <!--    CONTENU II    --> 
 <p>
  Pseudonyme 
 <!--    FONCTION & DISPONIBILITE II    --><span class="offRCR">Fonction</span> 
 <!--    LIEN PROFIL II    --><a href="..." target="_blank">Profil</a> 
 </p>
   
 </div>
   
 <!--    STAFF III    --> 
 <div>
   
 <!--    IMAGE III    --><img src="https://www.aht.li/3037107/7580BW.png" /> 
 <!--    CONTENU III    --> 
 <p>
  Pseudonyme 
 <!--    FONCTION & DISPONIBILITE III    --><span class="onRCR">Fonction</span> 
 <!--    LIEN PROFIL III    --><a href="..." target="_blank">Profil</a> 
 </p>
   
 </div>
   
 <!--    STAFF IV    --> 
 <div>
   
 <!--    IMAGE IV    --><img src="https://www.aht.li/3037107/7580BW.png" /> 
 <!--    CONTENU IV    --> 
 <p>
  Pseudonyme 
 <!--    FONCTION & DISPONIBILITE IV    --><span class="onRCR">Fonction</span> 
 <!--    LIEN PROFIL IV    --><a href="..." target="_blank">Profil</a> 
 </p>
   
 </div>
   
 </div>
   
 <!--    BLOC MEMBRE DU MOIS / EVENEMENT EN COURS    --> 
 <div class="boxRCR">
   
 <!--    MEMBRE DU MOIS    --> 
 <div class="mdmRCR">
   
 <!--    LIEN VERS LE PROFIL DU MEMBRE - IMAGE 200*80    --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a> 
 <!--    INTITULE    --> 
 <p>
  Membre<br />du mois 
 </p>
   
 </div>
   
 <!--    EVENEMENT EN COURS    --> 
 <div class="eventRCR">
   
 <!--    LIEN VERS L'EVENEMENT - IMAGE 200*80    --><a href="..." target="_blank"><img src="http://www.aht.li/2801172/20080.png" /></a> 
 <!--    INTITULE    --> 
 <p>
  Evénement<br />en cours 
 </p>
   
 </div>
   
 </div>
   
 <!--    6 LIENS    --> 
 <div class="lksRCR">
   
 <!--    I    --><a href="..." target="_blank">Lien</a> 
 <!--    II    --><a href="..." target="_blank">Lien</a> 
 <!--    III    --><a href="..." target="_blank">Lien</a> 
 <!--    IV    --><a href="..." target="_blank">Lien</a> 
 <!--    V    --><a href="..." target="_blank">Lien</a> 
 <!--    VI    --><a href="..." target="_blank">Lien</a> 
 </div>
   
 <!--    BLOC ACTUALITES    --> 
 <div class="newsRCR">
   
 <!--    CONTENU    --> 
 <p>
  ▬ 00/00/00 : ...<br />▬ 00/00/00 : ...<br />▬ 00/00/00 : ... 
 </p>
   
 <!--    IMAGE 200*250    --><img src="http://www.aht.li/2703955/200250.png" /> 
 </div>
   
 <!--    BLOC CONTEXTE    --> 
 <div class="ctxtRCR">
   
 <!--    CONTENU    --> 
 <div>
  Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte 
 </div>
   
 </div>
   
 <!--    11 PARTENAIRES EN 50*50    --> 
 <div class="partRCR">
   
 <!--    I    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    II    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    III    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    IV    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    V    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    VI    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    VII    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    VIII    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    IX    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    X    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 <!--    XI    --><a href="..." target="_blank"><img src="http://www.aht.li/2859284/5050C.png" /></a> 
 </div>
   
 <!--    3 TOP-SITES    --> 
 <div class="topRCR">
   
 <!--    I    --><a href="..." target="blank"></a> 
 <!--    II    --><a href="..." target="blank"></a> 
 <!--    III    --><a href="..." target="blank"></a> 
 </div>
</div>

      </body>

</html>

Ensuite repérer le lien de cette page:




Et insérer ce lien dans une iframe:

Explications:
https://developer.mozilla.org/fr/docs/Web/HTML/Element/iframe


a++

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées..