Page d'Accueil : Indentation automatique et code cassé.
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Page d'Accueil : Indentation automatique et code cassé.
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
Re: Page d'Accueil : Indentation automatique et code cassé.
Hi,
Il faudrait au moins mettre ce code ici entre balise code, car comment dire... ton screen ne sert à rien
Il faudrait au moins mettre ce code ici entre balise code, car comment dire... ton screen ne sert à rien
Re: Page d'Accueil : Indentation automatique et code cassé.
Bonjour,
voici :
Le problème, c'est qu'il est automatiquement indenté pour devenir :
Ce qui ne marche pas...
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...
Re: Page d'Accueil : Indentation automatique et code cassé.
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.
Ajoutes ceci:
a++
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 />
- Code:
</div></div>
Ajoutes ceci:
- Code:
<script>
jQuery(function(){
jQuery('.RCR').find('br').remove();
});
</script>
a++
Invité- Invité
Re: Page d'Accueil : Indentation automatique et code cassé.
Bonjour et merci de votre réponse.
Voici le code suite aux modifications :
Et voici le résultat obtenu :
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.
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.
Re: Page d'Accueil : Indentation automatique et code cassé.
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:
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++
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++
Invité- Invité
Re: Page d'Accueil : Indentation automatique et code cassé.
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 » |
Re: Page d'Accueil : Indentation automatique et code cassé.
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.. |
Sujets similaires
» CSS Grid - Code HTML de page d'accueil cassé
» Affichage des visiteurs sur la page daccueil.
» [Administration] Indentation automatique OPTIONNELLE pour les templates et le CSS
» Code connection automatique chatbox non fonctionnel en pop up/page à part
» Remplacer l'url d'une image casse le code
» Affichage des visiteurs sur la page daccueil.
» [Administration] Indentation automatique OPTIONNELLE pour les templates et le CSS
» Code connection automatique chatbox non fonctionnel en pop up/page à part
» Remplacer l'url d'une image casse le code
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum