Bonjour à vous, et merci par avance de toute l'aide que vous pourrez m'apporter !
Je suis actuellement en train de travailler sur le design de mon forum et j'ai trouvé un code en libre-service fantastique qui reprend exactement ce que je souhaite. Le problème, c'est que le rendu est bon mais dès que j'inscris la description dans les catégories, le code s'affiche en entier dans la description au lieu de donner le rendu estompé !
Voici le tutoriel: https://www.never-utopia.com/t54904-categories-lavande-corps-categorie-onglets-liens-persos
Le problème est très visible: http://akamegakillneweyes.forumactif.org/
Il faudrait vraiment régler ça ... Les codes sont bons et fonctionnent bien, seul celui concernant les descriptions ne va pas ...
Merci de votre aide !
Je suis actuellement en train de travailler sur le design de mon forum et j'ai trouvé un code en libre-service fantastique qui reprend exactement ce que je souhaite. Le problème, c'est que le rendu est bon mais dès que j'inscris la description dans les catégories, le code s'affiche en entier dans la description au lieu de donner le rendu estompé !
Voici le tutoriel: https://www.never-utopia.com/t54904-categories-lavande-corps-categorie-onglets-liens-persos
Le problème est très visible: http://akamegakillneweyes.forumactif.org/
Il faudrait vraiment régler ça ... Les codes sont bons et fonctionnent bien, seul celui concernant les descriptions ne va pas ...
- Java:
- Code:
$('document').ready(function()
{
if($('.categorie').size() > 1)
{
$('#conteneur_onglets_cate').css( 'display' , 'block' );
$('#conteneur_onglets_cate .onglet_cate').click(function()
{
change_categorie( $('.onglet_cate', '#conteneur_onglets_cate').index( this ) )
});
$('.onglet_cate:eq(0)').click();
}
});
function change_categorie( index )
{
if( $('.categorie:eq(' + index + ')').size() != 0 )
{
$('#conteneur_cate').css( 'min-height' , $('.categorie:eq(' + index + ')').outerHeight() );
$('.categorie').css( 'display' , 'none' );
$('.categorie:eq(' + index + ')').fadeIn( 500 );
$('.onglet_cate.actif').removeClass('actif');
$('.onglet_cate:eq('+ index +')').addClass('actif');
}
else alert('Vous ne pouvez pas accéder à cette catégorie.');
}
$(function(){
$('.last-post-icon').each(function(){
var link = $(this).attr('href');
$(this).closest('span').find('a').eq(0).attr('href', link);
});
});
- CSS:
- Code:
/********************* DEBUT CATEGORIES PAR ELYSIA DE NEVER UTOPIA *********************/
/* _____ Reglages de base _____ */
a { text-decoration: none; }
a:hover { text-decoration: none !important; }
/* _____ Onglets _____ */
#conteneur_onglets_cate
{
width: 840px;;
height: 50px;
line-height: 50px;
margin: auto;
margin-top: 20px;
margin-bottom: 30px;
overflow: visible;
background-color: #edeff7;
box-shadow: 0 5px 5px #9a9faf;
display: none;
text-align: center;
color: #9a9faf;
}
#conteneur_onglets_cate div
{
display: inline-block;
color: #8a85ac;
text-shadow: 0px 0px 3px #fff;
font-size: 18px;
margin-left: 5px;
margin-right: 5px;
font-family: 'Times New Roman', serif;
transition: all ease 1s;
}
#conteneur_onglets_cate div:hover
{
color: rgba(213,215,242, 0.5);
text-shadow: 0px 3px 3px #d2d5e1, 0 0 0 #000, 0px 3px 3px #d2d5e1, 0 0 1px #7d849c;
transition: all ease 1s;
}
/* _____ Fonds categories en images _____ */
.cat_haut
{
background: url('http://nsm08.casimages.com/img/2015/04/15//15041510472119468513174440.png') top center no-repeat;
width: 852px;
height: 20px;
margin: auto; /*Permet de centrer la partie du corps*/
}
.cat_milieu
{
background: url('http://nsm08.casimages.com/img/2015/04/15//15041510494419468513174442.png') center repeat-y;
width: 800px;
margin: auto;
padding: 0 26px 0 26px;
}
.cat_milieu .forumline {
border: 0 solid;
}
.cat_bas
{
background: url('http://nsm08.casimages.com/img/2015/04/15//15041510472019468513174439.png') bottom center no-repeat;
width: 852px;
height: 29px;
margin: auto;
}
/* _____ Mise en forme titre de la catégorie _____ */
.secondarytitle
{
width: 800px;
height 80px;
line-height: 80px;
background : url('http://nsm08.casimages.com/img/2015/04/18//15041802332319468513180672.png') repeat; /* image fond titre categorie */
border-bottom: 9px solid #fff;
}
.secondarytitle h2
{
color: rgba(213,215,242, 0.5);
font-size: 40px;
text-transform: uppercase;
font-weight: normal;
font-family: 'Times New Roman', serif;
text-shadow: 1px 4px 5px #d2d5e1, 0 0 0 #000, 1px 4px 6px #d2d5e1, 0 0 1px #7d849c;
}
/* reglages pour selection */
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }
/* _____ Mise en forme titre du forum _____ */
.forums
{
width: 800px;
padding: 0 10px 0 10px;
background: #fff;
}
.forumlink_block
{
height: 25px;
line-height: 25px;
background: #edeff8;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.forumlink a
{
font-size: 20px;
color: rgba(213,215,242, 0.5);
font-weight: normal;
font-family: 'Times New Roman', serif;
text-shadow: 0px 3px 3px #d2d5e1, 0 0 0 #000, 0px 3px 3px #d2d5e1, 0 0 1px #7d849c;
display: inline-block;
position: relative;
left: 90px;
top: 10px;
}
.forum_stats {
font-size: 11px;
float: right;
margin: 5px 28px -5px 0;
color: #b8bdd3;
font-style: italic;
}
/* _____ Mise en forme forum _____ */
.forum_ligne2
{
background: #f7f7f9;
max-height: 100px;
}
/* Description (image + textes + liens) */
.forum_description /* conteneur */
{
margin: 0;
padding: 0;
width: 80%;
padding: 5px;
height: 90px;
overflow: hidden;
}
.descr_img img /* image perso */
{
width: 75px;
height: 90px;
}
.descr_texte /* colonne texte */
{
padding-left: 5px;
}
.descr_texte .descr_texte_contenu /* conteneur texte */
{
padding: 2px;
width: 410px;
background: #fff;
margin: 0;
}
.descr_texte .descr_texte_contenu div /* texte */
{
padding: 5px;
border: solid 1px #ced2de;
height: 74px;
overflow: auto;
font-size: 16px;
color: #b3b3b3;
text-align: justify;
}
.d_texte_special /* texte special du debut */
{
font-size: 18px;
font-weight: bold;
}
.d_texte_special::after /* mettre point apres texte special */
{
content: " . ";
font-size: 20px;
font-weight: 900;
}
.descr_liens /* colonne liens persos */
{
padding-left: 5px;
}
.descr_liens div /* conteneur liens persos */
{
background: #fff;
width: 98px;
height: 90px;
text-align: center;
line-height: 23px;
}
.descr_liens div a /* liens persos */
{
display: inline-block;
height: 25%;
font-size: 16px;
color: #b3b3b3;
}
.descr_liens div a::before /* mettre point avant lien perso */
{
content: ". ";
font-weight: 700;
}
/* Dernier message du forum */
.forum_dernmess {
margin: 0;
padding: 5px 5px 0 0;
width: 20%;
height: 90px;
}
.forum_dernmess img {
width: 168px;
height: 45px;
}
.dernmess_contenu
{
width: 100%;
height: 40px;
background: #fff;
padding-top: 5px;
}
.dernmess_contenu img
{
display: none;
}
.dernmess_contenu .gensmall, .dernmess_contenu .gensmall a
{
line-height: 0.9em;
font-size: 13px;
color: #b3b3b3;
}
.dernmess_contenu .gensmall a
{
color: #838cb2;
}
/* _____ Marge interieure bas categories _____ */
.cat_marge_bas
{
width: 800px;
height: 10px;
margin: auto;
background: #fff;
}
/********************* FIN CATEGORIES PAR ELYSIA DE NEVER UTOPIA *********************/
Merci de votre aide !
Dernière édition par Nono-Chan le Lun 6 Juin 2016 - 16:47, édité 1 fois
)
) c'est pour cette raison que je suis partie sur la mystérieuse div 
