Bug affichage catégorie + navigation

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageBug affichage catégorie + navigation Ven 7 Oct - 10:30
Bonjour !

Oui, c'est encore moi, je suis désolée d'être embêtante à ce point. J'ai pratiquement terminé la mise en place du codage de mon futur forum et en dehors de la page d'accueil et des différentes fiches, tout proviens de vos libres-service. Voilà, j'ai, comme vous le savez d'après es précédents messages, tenter d'apporter ma touche personnelle à certains codes. Parfois avec succès, parfois pas, malheureusement. Actuellement, je rencontre deux petits soucis d'affichage.

Le premier concerne la navigation, ce n'est pas méchant, mais ça fais pas très joli et je ne sais pas d’où ça peut provenir (peut-être de ma page d'accueil mais je n'en suis pas certaine). Il s'agit du modèle de navigation qui est lier à la toolbar de forumactif. Quand on veut faire apparaitre la fenêtre avec les indications voir mon profil, ect, j'ai un petit décalage, et mon avatar se trouve coupé, tout comme la fenêtre. Voici une capture d'écran pour que ça soit plus simple : http://img4.hostingpics.net/pics/225032capture1.png

Le deuxième concerne les catégories, j'ai voulu faire en sorte que les sous-forums (qui se trouvent normalement à gauche de la description, soit cachés derrière une image, sauf que j'ai tout décalé. Je vous laisse le lien vers le forum test pour voir le bug en direct : http://erdsaqyuj.forumactif.org/ . Au niveau des catégories, il y a un petit soucis, qui cette fois concerne l'avatar du dernier posteur, j'ai ajouté une bordure autour de ce dernier, bordure, qui du coup s'affiche lorsqu'il n'y à pas de message de poster dans le forum et du coup, il y a un décalage (on le vois sur le forum test), décalage qui n'existe pas lorsqu'un message est poster. Le bug était déjà-là avant que je ne modifie l'apparence des sous-forums.

Pour la navigation, je ne pense pas que ça vienne du template. En revanche, ce ne doit pas être le cas pour les catégories, voici donc mon template index-box tel qu'il se trouve actuellement :

Code:
    <table width="800px" border="0" cellspacing="1" cellpadding="0" align="center">
                <tr>
                <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
             
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                </td>
                <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                  <center><div class="der-mess"><a class="gensmall" style="font-size:15px;" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></div></center>
                <!-- END switch_user_logged_in -->
             
                </td>
                </tr>
                </table>
         
   
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
                <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
            <div class="mdlCAT">
                <!-- END tablehead -->

                <!-- BEGIN cathead -->
                <!-- END cathead -->
             
                <!-- BEGIN forumrow -->
                <div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<div id="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ↠ {catrow.forumrow.POSTS} messages</div></div></div>
                <!-- END forumrow -->
             
                <!-- BEGIN catfoot -->
                <!-- END catfoot -->
                <!-- BEGIN tablefoot -->
            </div><div class="btmCAT"></div>
                <!-- END tablefoot --><!-- END catrow -->

Et enfin, la totalité de mon CSS, puisque je pense qu'il y a des cafouillage dedans suite à mes manipulations :

Code:
  /* PERSONALISATION DES LIENS SUR L'INDEX */
    .marqlu {
    font-size:15px; font-family:Lobster Two;
    }
    .der-mess {
    font-size:25px; font-family:Lobster Two;
    }
   
    /* PERSONALISATION DE LA CHATBOX*/
    /* Taille des avatars */
    #chatbox .cb-avatar > img {
    height:40px !important; width:25px; !important
    }
    /* Calque des avatars */
    #chatbox .cb-avatar {
    float:left; margin-right:4px;
    background:none repeat scroll 0 0 #fff; border:1px solid #d5d5d5 !important; /* Bordure */
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); height:30px; padding:1px; vertical-align:middle; width:30px;
    }
    /* Ligne de séparation */
    #chatbox > p {
    border-bottom:1px solid #d5dde5;
    }

    /*FLECHAGE HAUT ET BAS*/
    .bouhautbas {
    bottom: 10px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
    }

    /* REVUE DES SUJETS */
    .postrevoir {
    background:white; margin:15px 0; padding:20px;
    box-shadow:2px 2px 5px lightgrey;
    }
    .postrevoir .name {
    text-transform:uppercase; font-weight:400; font-family:Marvel;
    }
    .postnom {
    background:#F5F5F5;
    padding:5px; border:1px solid lightgrey;
    }
    .postrevoir .postdetails {
    font-family:arial;
    }

    /* EMPLACEMENT DU HEADER ET BORDURES DU FORUM */
    #logo {
    margin-top: -40px;
    padding: 0px; }

    body {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px; }

    .bodyline {
    padding: 0px;
    margin-top: -40px; }

    .maintitle {
    margin-top:-50px;}

    tr.post span.gensmall { display: none; }

    .bodyline {
    border-left: 2px #5493B4 solid;
    border-right: 2px #5493B4 solid;
    border-top: 2px #5493B4 solid;
    border-bottom: 2px #5493B4 solid;
    border-radius: 0px 0px 0 0px; }

    .forumline { 
    background-color: #F8EADD;
    -moz-border-radius:0px;     
    border-bottom: 0px #F8EADD solid; }

    .postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify; }

    /* NE PLUS AVOIR LE "DERNIERE EDITION PAR" */
    tr.post span.gensmall { display: none; }

    /* PLUS DE SOULIGNEMENT DES LIENS */
    A:link {text-decoration: none !important;}
    A:visited {text-decoration: none !important;}
    A:active {text-decoration: none !important;}
    A:hover {text-decoration: none !important;}

    /* SELECTIONNER LE CONTENU */
    .selectCode {
    float:right; text-transform: uppercase; font-family:Marvel;
    cursor:pointer;
    }
    div.cont_code { clear: right; }




    /*-------Panneau d'Affichage (PA) par FreeSpirit*/
    .itemnav {
    background-color:white; border-color:grey 1px solid;
    padding: 5px;
    text-transform:uppercase;
    margin:5px;
    font-family: 'Marvel', sans-serif; font-weight:bold; }

    .itemnav:hover {
    background-color:#a97379;
    border-color:grey 1px solid; }

    .welcome {
    font-family: 'Lobster two', cursive;
    color:#af515b;
    font-style: none;
    margin-top:-40px;
    font-size:20px; }

    .titlePA {
    color:#281f29;
    font-size:50px;
    z-index:999; }

    .membredumois {
    width:50px;
    height:50px;
    font-family: 'Arial', sans-serif; font-size:12px; font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    color: rgba(0, 0, 0, 0);
    background-size:100%;
    display:inline-block;
    border-radius:2px;
    }

    .membredumois:hover {
    color: #333333;
    background:none!important;
    }

    .image span {
    visibility: hidden;
    width:50px;
    font-family: 'Arial', sans-serif; font-size:12px; font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    }
 
    .image img:hover + span {
    visibility: visible;
    }

/*-------------FIN PA----------------*/




    /* FOND TOOLBAR */
    #fa_toolbar {
    padding-top:15px !important;
    }
    /* BORDURE AVATAR TOOLBAR */
    .fa_avatar {
    float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px;
    width:75px; height:75px; border-radius:75px; overflow:hidden;
    border-top:5px solid; border-bottom:5px solid; border-left:5px solid; border-right:0px solid;
    border-top-color:grey; border-bottom-color:grey; border-left-color:grey; /* MODIFIABLE */
    }
    .fa_avatar img{
    width:75px;
    }
    #fa_right {
    float:left !important;
    }
    /* MENU TOOLBAR */
    ul#fa_menulist {
    z-index:3 !important; margin-top:-50px !important; border:none !important;
    background:white !important; /* MODIFIABLE */
    }
    /* LIENS MENU TOOLBAR */
    #fa_menulist a:link, #fa_menulist a:visited {
    color:black !important; /* MODIFIABLE */
    }
    /* BARRE DE NAVIGATION */
    #navSIT {
    position:fixed; z-index:20003 !important;
    top:10px; right:25px;
    }
    /* LIENS NAVIGATION */
    #navSIT a{
    text-transform:uppercase; text-align:center; font-size:12px; font-family:arial;
    color:white; /* MODIFIABLE */
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    .mainmenu img{
    display:none;
    }
    /* SURVOL LIEN NAVIGATION */
    #navSIT a:hover {
    color:lightgrey !important; font-size:12px; text-decoration:underline; font-weight:bold; letter-spacing: 1px; font-family:arial; /* MODIFIABLE */
    }
    /* MENU RECHERCHE */
    #search_menu {
    top:25px !important; left:5% !important;
    }
    #search_menu a{
    background:none !important; border:none !important; color:inherit !important;
    }
    /* SUPPRESSION ELEMENTS TOOLBAR */
    #fa_share {
    display:none !important;
    }
    #fa_icon {
    opacity:0 !important;
    }
    a#fa_service {
    opacity:0 !important;
    }
    #fa_search {
    display:none !important;
    }
    #fa_hide {
    display:none !important;
    }
    #fa_right a.rightHeaderLink {
    display:none !important;
    }
    #fa_welcome {
    background:none !important; color:inherit !important;
    }
    div#fa_usermenu {
    display:none !important;
    }




    /* HAUT CATEGORIE */
    .tleCAT{
    margin:5px auto 0; width:800px; padding:10px 0; text-align:center;
    background:coral; /* MODIFIABLE */
    }
    /* TITRE CATEGORIE */
    .tleCAT h2{
    margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
    color:white; font-family:Marvel; /* MODIFIABLE */
    }
    /* BLOC CATEGORIE */
    .mdlCAT {
    margin:auto; width:800px; padding:25px 0 10px;
    background:lightgrey; /* MODIFIABLE */
    }
    /* BAS CATEGORIE */
    .btmCAT {
    margin:0 auto 10px; width:800px;
    height:20px; border-radius:0 0 15px 15px; background:#191919; /* MODIFIABLE */
    }
    /* BLOC FORUM */
    .FRM {
    margin:auto; margin-bottom:15px;
    width:800px; text-align:center;
    }
    /* ICÔNES FORUM */
    .imgFRM{
    display:inline-block; vertical-align:bottom; margin-right:15px;
    width:50px; height:95px;
    }
    /* BLOC POSITIONNEMENT FORUM */
    .boxFRM {
    display:inline-block; vertical-align:top;
    }
    /* BLOC TITRE FORUM */
    .tleFRM {
    margin:auto; margin-bottom:5px; margin-right:15px;
    width:405px; height:15px; padding:5px 0 5px 10px;
    text-transform:uppercase; text-align:left; font-size:11px; font-family:arial;
    background:coral; /* MODIFIABLE */
    }
    /* TITRE FORUM */
    .tleFRM a{
    color:black !important;  /* MODIFIABLE */
    transition:all 1.25s; -webkit-transition:all 1.25s;
    }
    /* SURVOL TITRE FORUM */
    .tleFRM:hover a {
    padding-left:10px; color:white !important; /* MODIFIABLE */
    }
    /* IMAGE DESCRIPTIVE FORUM */
    .descFRM img {
    position:absolute; margin-left:314px; margin-top:-5px;
    width:60px; height:55px;
    }
    /* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */
    .sfFRM {
    display:inline-block; margin-left:10px;
    width:60px; height:55px; overflow:hidden; border:2px solid;
    background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
    }
    .sfFRM div {
    position:relative;
    width:60px; height:55px; overflow:hidden;
    }
    /* CONTENU SOUS-FORUMS */
    .sfFRM div div {
    width:60px; height:55px; padding:5px; overflow:auto;
    text-align:left; font-size:11px;
    background:#191919; /* MODIFIABLE */
    transform:translateX(160px); -webkit-transform:translateX(160px);
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* LIEN SOUS-FORUMS */
    .sfFRM a {
    color:white !important; /* MODIFIABLE */
    }
    .sfFRM:hover div div{
    transform:translateX(0px); -webkit-transform:translateX(0px);
    }
    /* DESCRIPTION FORUM */
    .descFRM {
    display:inline-block; vertical-align:top; margin-left:5px; margin-right:15px;
    width:265px; height:55px; padding:5px; overflow:auto;
    font-size:11px; text-align:justify;
    background:#303030; color:white; /* MODIFIABLE */
    }
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM {
    display:inline-block; vertical-align:top;
    width:225px; height:58px; padding:7px 0 0 15px;
    text-align:left; font-size:12px; text-transform:uppercase;
    background:#303030; color:white; /* MODIFIABLE */
    }
    /* NOMBRE SUJETS & MESSAGES FORUM */
    .nbFRM {
    margin-top:5px; height:15px; padding:5px; padding-left:10px;
    font-size:11px; text-transform:uppercase; text-align:left;
    background:coral; color:white; /* MODIFIABLE */
    }
    /* AVATAR DERNIER POSTEUR FORUM */
    #avaFRM {
    position:absolute; margin-left:170px; margin-top:-41px;
    width:45px; height:70px; overflow:hidden;
    border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid;
    box-shadow: 2px 2px 0px black; background:grey;
    filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);
    }
    #avaFRM img {
    width:50px;
    }




    /* QEEL */
    .QEEL {
    margin:auto; width:800px; height:330px;
    }
    /* TITRE QEEL */
    .tleQEEL a{
    position:absolute; width:395px; height:35px; padding-top:15px;
    text-align:center; text-transform:capitalize; font-size:15px; font-family:marvel;
    background:grey; color:white; /* MODIFIABLE */
    }
    /* 24H QEEL */
    .dayQEEL {
    position:absolute; margin-top:65px;
    width:190px; height:255px; padding:5px; overflow:auto;
    background:white; color:black; /* MODIFIABLE */
    }
    .dayQEEL .row1 {
    background:none; padding:0;
    }
    /* IMAGE QEEL */
    .imgQEEL {
    position:absolute; margin-top:65px; margin-left:215px;
    width:180px; height:150px;
    }
    /* STATISTIQUES QEEL */
    .stsQEEL {
    position:absolute; margin-left:410px;
    width:210px; height:110px; padding:10px; overflow:auto;
    background:white; color:black; /* MODIFIABLE */
    font-size:12px; font-family:Arial; line-height:22px; text-align:justify;
    }
    /* ANNIVERSAIRES QEEL */
    .anvQEEL {
    position:absolute; margin-top:143px; margin-left:410px;
    width:208px; height:50px; padding:10px; overflow:auto;
    border:1px solid; text-align:justify;
    border-color:black; /* MODIFIABLE */
    }
    .anvQEEL .row1{
    background:none !important; padding:0 !important;
    }
    .anvQEEL .gensmall {
    font-size:9px;
    color:black; /* MODIFIABLE */
    }
    /* NOMBRE UTILISATEURS EN LIGNE */
    #TLUS {
    display:block; margin:auto; margin-bottom:10px;
    letter-spacing:0; font-size:9px; text-align:center;
    color:black; /* MODIFIABLE */
    }
    /* MEMBRES CONNECTES QEEL */
    .onlineQEEL {
    position:absolute; margin-top:230px; margin-left:215px;
    width:415px; height:90px; padding:5px; overflow:auto;
    background:white; color:black; /* MODIFIABLE */
    font-size:11px;
    }
        /* BLOC GROUPES QEEL */
    .blocGQEEL {
    position:absolute; margin-left:655px;
    width:145px; height:320px; padding-top:50px; text-align:center;
    background:grey; /* MODIFIABLE */
    }
    /* GROUPE QEEL */
    .infoGROUP a {
    display:block; margin:10px auto;
    font-size:15px; font-weight:bold; text-transform:uppercase; font-family:marvel;
    }
    /* DESCRIPTION GROUPE QEEL */
    .infoGROUP div {
    position:absolute; margin-left:150px; margin-top:-30px;
    width:150px; padding:5px;
    background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    font-size:11px; text-align:justify;
    opacity:0;
    }
    .infoGROUP:hover div {
    opacity:1;
    }




    /* PRESENTATION LISTE SUJETS */
    /* BLOC SUJET */
    .LSBJ {
    width:750px; margin:10px auto;
    }
    /* OUTIL MODERATION */
    .modSBJ {
    position:absolute; z-index:3; margin-left:-15px; margin-top:15px;
    }
    /* TITRE / AUTEUR / DERNIER MESSAGE / STATISTIQUES */
    .boxSBJ {
    display:inline-block; vertical-align:top;
    width:690px;
    }
    /* BLOC TITRE & DESCRIPTION */
    .tleSBJ {
    display:inline-block; vertical-align:top; margin-bottom:10px;
    width:460px; height:35px; padding:10px; overflow:hidden;
    font-family:Arial; background:rgba(0,0,0,0.1); box-shadow:inset 0 0 5px rgba(0,0,0,0.1); /* MODIFIABLE */
    text-align:left; text-transform:uppercase;
    }
    /* TITRE */
    .tleSBJ a {
    line-height:9px;
    color:white !important; /* MODIFIABLE */
    }
    /* DESCRIPTION */
    .descSBJ {
    color:#dedede; /* MODIFIABLE */
    font-size:10px; text-align:justify;
    }
    /* TRIANGLE AUTEUR */
    .triSBJ {
    display:inline-block; vertical-align:middle;
    width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
    border-right-color:rgba(250,250,250,0.8); /* MODIFIABLE */
    }
    /* AUTEUR */
    .nameSBJ {
    display:inline-block; vertical-align:middle;
    width:185px; height:35px; padding:20px 5px 0; overflow:hidden;
    background:rgba(250,250,250,0.8); /* MODIFIABLE */
    font-size:11px; text-align:center; line-height:11px;
    }
    /* ICÔNES */
    .imgSBJ {
    display:inline-block; vertical-align:top; margin-left:10px;
    width:50px; height:100px;
    }
    /* BLOC DERNIER MESSAGE / VUES & REPONSES */
    .stsSBJ {
    display:inline-block; vertical-align:top;
    background:#191919; /* MODIFIABLE */
    }
    /* DERNIER MESSAGE */
    .lmsgSBJ {
    display:inline-block; margin:5px;
    height:15px; width:275px; padding:5px; overflow:hidden;
    background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    font-size:9px; text-align:center;
    }
    /* VUES */
    .vuesSBJ {
    display:inline-block; vertical-align:top; margin:5px 5px 5px 0;
    width:85px; height:20px; padding-top:5px;
    background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
    font-size:11px; text-align:center;
    }
    /* REPONSES */
    .repSBJ {
    display:inline-block; vertical-align:top;  margin:5px 0;
    width:85px; height:20px; padding-top:5px;
    background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
    font-size:11px; text-align:center;
    }
    /* LISTE DES PAGES */
    .gotoSBJ {
    display:inline-block; vertical-align:top; margin-top:-3px;
    width:210px; padding-right:10px; font-size:10px; text-align:right;
    color:white; /* MODIFIABLE */
    }




    /* PRESENTATION DU SUJET */
    /* TITRE SUJET */
    #tleSBJ{
    margin:5px auto; padding:15px 0;
    background:black; /* MODIFIABLE */
    text-transform:uppercase; text-align:center;
    }
    #tleSBJ h1 {
    display:block;
    font-size:32px; font-family:Arial; color:#dedede; /* MODIFIABLE */
    }
    /* BLOC JOUEUR */
    .boxPOST {
    margin-right:10px; width:220px; text-align:center;
    }
    /* BLOC AVATAR */
    .avaPOST {
    margin:auto; width:200px; height:auto; padding:10px; border:1px solid;
    border-color:lightgrey; background:#F2F2F2; /* MODIFIABLE */
    }
    /* BLOC PSEUDONYME & RANG */
    #namePOST {
    margin:10px auto; width:220px; height:85px;
    border:1px solid; text-align:right;
    border-color:lightgrey; /* MODIFIABLE */
    }
    /* CONTENU PSEUDONYME & RANG */
    .namePOST {
    margin-left:45px; width:165px; height:65px; padding:20px 10px 0 0;
    background:white; /* MODIFIABLE */
    }
    /* BORDURE PSEUDONYME */
    .namePOST a {
    text-decoration:none !important; font-size:14px;
    padding-bottom:5px; border-bottom:1px solid;
    border-bottom-color:lightgrey; /* MODIFIABLE */
    }
    /* TEXTE RANG */
    .rankPOST {
    padding-top:10px;
    color:black; font-size:10px; /* MODIFIABLE */
    }
    /* BLOC INFORMATIONS JOUEUR */
    .abtPOST {
    margin:10px auto;
    width:222px; height:200px; overflow:auto;
    text-align:left; font-size:11px;
    border-color:lightgrey; background:#F2F2F2;
    width:200px; padding:10px; border:1px solid;
    }
    /* IMAGES INFORMATIONS JOUEUR */
    .abtPOST img{
    margin:auto;
    max-width:190px;
    }
    /* INFORMATION JOUEUR */
    .abtPOST div {
    margin-bottom:5px;
    text-transform:uppercase; font-size:10px;
    }
    /* INTITULE INFORMATION JOUEUR */
    .abtPOST span.label {
    color:black; /* MODIFIABLE */
    }
    /* IMAGES CONTACT JOUEUR */
    .ktactPOST {
    text-align:center;
    }
    /* BLOC DATE / OUTILS MODERATION */
    .tktPOST  {
    padding:10px; text-transform:uppercase; text-align:right;
    font-family:Arial; /* MODIFIABLE */
    }
    /* DATE SUJET */
    .datePOST {
    padding:5px; font-size:11px; border-bottom:1px solid;
    border-bottom-color:white; color:white; /* MODIFIABLE */
    }
    /* CITER / EDITER / SUPPRIMER / IP */
    .toolsPOST {
    margin-top:5px;
    }
    /* APPARENCE MESSAGE */
    div.postbody {
    min-height:335px; padding:15px; border:1px solid;
    border-color:lightgrey; background:#F2F2F2; color:black; /* MODIFIABLE */
    text-align:justify;
    }
    /* BLOC SIGNATURE */
    .signPOST {
    margin-top:10px;
    min-height:50px; padding:15px; border:1px solid;
    border-color:lightgrey; background:#F2F2F2; color:black; /* MODIFIABLE */
    font-size:11px;
    }
    .signPOST br:nth-child(1) {
    display:none;
    }
    .signPOST br:nth-child(2) {
    display:none;
    }




    /* AFFICHAGE LISTE DES MEMBRES */
    /* BLOC MEMBRE */
    .LMBER {
    margin:5px auto; width:800px; height:125px; overflow:hidden;
    }
    /* BLOC AVATAR & NOMBRE MESSAGES */
    .imgLMBER{
    display:inline-block; vertical-align:top; margin-top:-38px;
    width:200px; height:125px;
    }
    /* AVATAR MINIATURISE */
    .imgLMBER img{
    width:125px; height:200px;
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
    }
    /* NOMBRE DE MESSAGES */
    .imgLMBER div{
    position:absolute; margin-top:-150px; margin-left:12px;
    width:175px; height:60px; padding-top:40px;
    background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
    font-size:11px; opacity:0;
    }
    .imgLMBER:hover div{
    opacity:1;
    }
    /* BLOC PSEUDONYME / INSCRIPTION / DERNIERE VISITE / HUMEUR / BANDE GROUPE */
    .boxLMBER {
    display:inline-block; vertical-align:top; width:600px;
    }
    /* IMAGES MP * PROFIL */
    .mpwLMBER {
    position:absolute; margin-left:25px; margin-top:-3px;
    }
    /* PSEUDONYME */
    .nameLMBER{
    margin-left:15px; width:570px; height:15px; padding:10px;
    text-align:right; text-transform:uppercase; letter-spacing:2px;
    background:grey; /* MODIFIABLE */
    }
    /* DATE INSCRIPTION */
    .joinLMBER{
    display:inline-block; margin:7px 5px; margin-left:15px;
    width:250px; padding:5px;
    font-size:11px; text-align:center;
    background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
    }
    /* DERNIERE VISITE */
    .lstvLMBER {
    display:inline-block; margin:7px 0;
    width:310px; padding:5px;
    background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
    font-size:11px; text-align:left;
    }
    /* HUMEUR */
    .moodLMBER {
    margin-left:15px; width:575px; height:20px; padding:5px; overflow:hidden;
    text-align:center;
    background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
    }
    /* BANDE COULEUR GROUPE */
    .grpLMBER {
    margin-top:7px; margin-left:15px; width:585px; height:15px;
    }




    /* AFFICHAGE DU PROFIL */
    .PFIL {
    margin:auto; width:800px;
    }
    /* BLOC AVATAR */
    .avPFIL {
    display:inline-block; vertical-align:top; margin-right:10px;
    width:200px; height:320px; overflow:hidden;
    }
    /* BLOC POSITIONNEMENT */
    .boxPFIL {
    display:inline-block;
    }
    /* BLOC PSEUDONYME / IMAGES CONTACT / ADMINISTRATION PROFIL */
    #namePFIL {
    height:50px; padding:10px 0; text-align:center;
    background:rgba(0,0,0,0.8);  /* MODIFIABLE */
    }
    /* PSEUDONYME PROFIL */
    .namePFIL {
    display:inline-block; vertical-align:top; margin-right:25px;
    padding-left:10px; text-transform:uppercase; text-align:center;
    color:white; /* MODIFIABLE */
    }
    /* BLOC IMAGES CONTACT PROFIL */
    #ktactPFIL {
    display:inline-block; vertical-align:middle;
    }
    /* IMAGES CONTACT PROFIL */
    .ktactPFIL {
    display:inline-block;
    }
    .ktactPFIL img {
    max-height:25px;
    }
    /* ADMINISTRATION PROFIL */
    #adminPFIL {
    text-align:center; font-size:8px;
    color:white; /* MODIFIABLE */
    }
    /* INTITULES ADMINISTRATION PROFIL */
    #adminPFIL div span {
    text-transform:uppercase; color:white; /* MODIFIABLE */
    }
    /* CONTENU ADMINISTRATION PROFIL */
    #adminPFIL div{
    display:inline-block; padding:5px 0 5px 5px;
    }
    /* BLOC INFORMATIONS */
    .abtPFIL {
    margin:10px auto;
    width:560px; height:140px; padding:10px; overflow:auto;
    font-size:11px;
    background:#dedede; color:black; /* MODIFIABLE */
    }
    /* INTITULES INFORMATIONS PROFIL */
    .abtPFIL div span {
    text-transform:uppercase; color:black;  /* MODIFIABLE */
    }
    /* CONTENU BLOC INFORMATIONS PROFIL */
    .abtPFIL div:first-child{
    margin:5px; padding:2px 0;
    }
    .abtPFIL .field_uneditable {
    display:inline-block;
    }
    /* FEUILLE DE PERSONNAGE PROFIL */
    #boxRPG {
    margin:auto; width:580px; height:70px;
    }
    /* TITRE FEUILLE DE PERSONNAGE PROFIL */
    .tleRPG {
    width:580px; height:45px; padding-top:25px;
    text-transform:uppercase; text-align:center;
    background:#1a1a1a; color:white; /* MODIFIABLE */
    }
    /* CONTENU FEUILLE DE PERSONNAGE PROFIL */
    .boxRPG {
    position:absolute; margin-top:-320px;
    width:580px; height:0px; overflow:hidden;
    background:#1a1a1a; color:#ccc; /* MODIFIABLE */
    opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
    }
    /* SURVOL FEUILLE DE PERSONAGE PROFIL */
    #boxRPG:hover .boxRPG {
    width:560px; height:220px; padding:10px; overflow:auto; opacity:1;
    }
    /* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
    .boxRPG span {
    text-transform:uppercase; color:#ccc; /* MODIFIABLE */
    }








    /* CODAGE DES DIFFERENTES FICHES */
    .boxmessage {
    background-color:#DAD7CB; padding:10px; margin-left:40px;  margin-right:40px;
    border-top:#98BCBA 2px solid; border-bottom:#98BCBA 2px solid; border-left:#98BCBA 2px solid; border-right:#98BCBA 2px solid;
    }
    .boxmessage2 {
    border: #98BCBA solid 1px; padding:10px; margin-left:-40px;  margin-right:-40px;
    background-color:#F5F3ED; text-align:justify; border-radius:30px;
    }
    .boxmessage3 {
    background-color:#DAD7CB; padding:10px; margin-left:40px;  margin-right:40px;
    border-top:#8F6B8F 2px solid; border-bottom:#8F6B8F 2px solid; border-left:#8F6B8F 2px solid; border-right:#8F6B8F 2px solid;
    }
    .boxmessage4 {
    border: #8F6B8F solid 1px; padding:10px; margin-left:-40px;  margin-right:-40px;
    background-color:#F5F3ED; text-align:justify; border-radius:30px;
    }

    .textemessage {
    margin-top:-20px; font-family:'satisfy'; font-size:25px; color:#517691;
    }
    .textemessage2 {
    font-family:'satisfy'; font-size:25px; color:#855485;
    display:inline;
    }
    .textemessage3 {
    font-family:'Marvel',cursive; text-transform:uppercase;
    font-size:16px; color:#A4595B;
    font-weight:bold; display:inline;
    }
    .textemessage4 {
    font-family:'Marvel', cursive; text-transform:uppercase; font-size:12px; color:#53849D;
    display:inline;
    }
    .textemessage5 {
    margin-top:-20px; font-family:'satisfy'; font-size:25px; color:#723E64;
    }

    .textefiche1 {
    font-family:'satisfy'; font-size:50px; color:#4A374A;
    margin-top:-100px; padding:20px;
    display:inline;
    }
    .textefiche2 {
    font-family:'satisfy'; font-size:30px; color:#A4595B;
    margin-top:-50px; padding:20px;
    display:inline;
    }

    .boxfiche1 {
    margin-top:-50px; background-color:#8F6B8F; padding:20px;
    border-top:#8F6B8F 1px solid; border-right:#8F6B8F 1px solid; border-left:#8F6B8F 1px solid; border-bottom:#8F6B8F 1px solid;
    }
    .boxfiche11 {
    margin-top:-50px; background-color:#FEFEFE; padding:15px;
    border-top:#8F6B8F 1px solid; border-right:#8F6B8F 1px solid; border-left:#8F6B8F 1px solid; border-bottom:#8F6B8F 1px solid;
    }
    .boxfiche2 {
    font-family:arial;
    border: #796762 solid 1px; padding:10px;
    background-color:#F5F3ED; text-align:justify;
    }

    .imgfiche {
    border:1px solid #796762;
    box-shadow: 2px 2px 0px 0px #000000;
    }

Je m'excuse encore une fois de vous embêter avec mes questions. Merci d'avance !
Revenir en haut Aller en bas
MessageRe: Bug affichage catégorie + navigation Sam 8 Oct - 9:40
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonjour,

Remplacez l'intégralité du template index_box par :

Code:
<table width="800px" border="0" cellspacing="1" cellpadding="0" align="center">
                <tr>
                <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
         
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                </td>
                <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                  <center><div class="der-mess"><a class="gensmall" style="font-size:15px;" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></div></center>
                <!-- END switch_user_logged_in -->
         
                </td>
                </tr>
                </table>
     
 
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
                <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
            <div class="mdlCAT">
                <!-- END tablehead -->

                <!-- BEGIN cathead -->
                <!-- END cathead -->
         
                <!-- BEGIN forumrow -->
                <div class="FRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="boxFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div><div class="boxFRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<div id="avaFRM"><!-- BEGIN avatar --><div>{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div></div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  ↠ {catrow.forumrow.POSTS} messages</div></div></div>
                <!-- END forumrow -->
         
                <!-- BEGIN catfoot -->
                <!-- END catfoot -->
                <!-- BEGIN tablefoot -->
            </div><div class="btmCAT"></div>
                <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* HAUT CATEGORIE */
.tleCAT{
margin:5px auto 0; width:800px; padding:10px 0; text-align:center;
background:coral; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px;
color:white; font-family:Marvel; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 10px;
background:lightgrey; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:20px; border-radius:0 0 15px 15px; background:#191919; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:800px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:bottom; margin-right:15px;
width:50px; height:95px;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top; text-align:left;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px; margin-right:15px;
width:405px; height:15px; padding:5px 0 5px 10px;
text-transform:uppercase; text-align:left; font-size:11px; font-family:arial;
background:coral; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:black !important;  /* MODIFIABLE */
transition:all 1.25s; -webkit-transition:all 1.25s;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a {
padding-left:10px; color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:14px;
width:275px; height:55px; padding:5px; overflow:auto;
font-size:11px; text-align:justify;
background:#303030; color:white; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:296px; margin-top:-3px;
width:113px; height:61px;
}
/* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-alig:top;
width:113px; height:61px; overflow:hidden; border:2px solid;
background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
.sfFRM div {
position:relative;
width:113px; height:65px; overflow:hidden;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div div {
width:104px; height:54px; padding:5px; overflow:auto;
text-align:left; font-size:11px;
background:#191919; /* MODIFIABLE */
transform:translateX(160px); -webkit-transform:translateX(160px);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* LIEN SOUS-FORUM */
.sfFRM a {
color:white !important; /* MODIFIABLE */
}
.sfFRM:hover div div{
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:225px; height:58px; padding:7px 0 0 15px;
text-align:left; font-size:12px; text-transform:uppercase;
background:#303030; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-top:5px; height:15px; padding:5px; padding-left:10px;
font-size:11px; text-transform:uppercase; text-align:left;
background:coral; color:white; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
position:absolute; margin-left:170px; margin-top:-41px;
width:45px; height:70px;
}
#avaFRM div{
width:45px; height:70px; overflow:hidden;
box-shadow:2px 2px 0px black; background:grey; border:1px #ffffff solid; /* MODIFIABLE */
}
#avaFRM img {
width:50px;
filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);
}

Taille des images descriptives : 113*61

Remplacez :
Code:
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-right:5px; margin-bottom:-10px;
width:75px; height:75px; border-radius:75px; overflow:hidden;
border-top:5px solid; border-bottom:5px solid; border-left:5px solid; border-right:0px solid;
border-top-color:grey; border-bottom-color:grey; border-left-color:grey; /* MODIFIABLE */
}

Par :
Code:
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-right:5px; margin-top:10px;
width:75px; height:75px; border-radius:75px; overflow:hidden;
border-top:5px solid; border-bottom:5px solid; border-left:5px solid; border-right:0px solid;
border-top-color:grey; border-bottom-color:grey; border-left-color:grey; /* MODIFIABLE */
}

Remplacez :
Code:
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-50px !important; border:none !important;
background:white !important; /* MODIFIABLE */
}

Par :
Code:
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-60px !important; border:none !important;
background:white !important; /* MODIFIABLE */
}

Vous pouvez peaufiner les positions en modifiant les margin-top de la class .fa_avatar & de l'id ul#fa_menulist.
Revenir en haut Aller en bas
MessageRe: Bug affichage catégorie + navigation Sam 8 Oct - 11:22
Merci beaucoup pour votre aide, c'est parfait !
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-