Modifications et réajustements

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageModifications et réajustements Sam 31 Déc - 18:16
Bonsoir Skaemp,

Vos codages sont très beaux et d'une utilité indéniable !

J'ai essayé de modifier une de vos corrections de codage pour qu'elle soit davantage à mon goût mais je me heurte à divers problèmes.

Bien que je change les paramètres du CSS ils ne s'appliquent pas par la suite. J'aimerais la largeur de la catégorie de 900px et malgré mes tentatives de modifications, que le titre des catégories soit en blanc et en police de 50px, le soulignement des titres de forums et de celui du dernier sujet disparaisse, l'icône pas de nouveau message soit à l'extrême gauche, le hover sur l'image de la description des forums la grise et affiche un cadre blanc d'une très légère opacité histoire de faire un petit rectangle d'un très léger blanc sur l'image descriptive avec la police de la description en noir et en plus petits caractères au passage de la souris, le rectangle destiné aux sous-forums ne s'affiche pas quand il n'y en a pas et que l'avatar du dernier posteur soit intégré dans le code.

J'aimerais que la largeur du qeel soit également de 900 px et qu'il y ait sept encadrés au lieu de trois pour avoir sept groupes s'il vous plait.

Index box:

Code:
    <table width="95%" border="0" cellspacing="1" cellpadding="0" align="center">
            <tr>
            <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- 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 -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
            </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"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  & {catrow.forumrow.POSTS} messages</div></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
            <!-- END forumrow -->
           
            <!-- BEGIN catfoot -->
            <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
        </div>
        <div class="btmCAT"></div>
            <!-- END tablefoot --><!-- END catrow -->

CSS:
Code:
/* BLOC TITRE CATEGORIE */
    .tleCAT{
    margin:5px auto 0;
    width:900px; padding:30px; text-align:center;
    background:url('http://zupimages.net/up/16/52/miem.png'); /* MODIFIABLE */
    }
    /* TITE CATEGORIE */
    .tleCAT h2{
    margin:0;
    font-size:60px; font-style: normal; font-family: anton; text-transform:lowercase;
    color:#fff; letter-spacing: 3px;  /* MODIFIABLE */
    }
    /* CONTENU CATEGORIE */
    .mdlCAT {
    margin:auto; width:960px; padding:10px 0 25px;
    background-image:url('http://zupimages.net/up/16/52/uj76.png'); /* MODIFIABLE */
    }
    /* BAS CATEGORIE */
    .btmCAT {
    margin:auto; margin-bottom:15px;
    width:960px; height:15px;
    background:#B8DEFF; /* MODIFIABLE */
    }
    /* BLOC FORUM */
    .FRM {
    margin:auto; width:860px; text-align:center;
    }
    /* TITRE FORUM */
    .tleFRM {
    padding:10px 0 5px; width:860px;
    text-align:left; font-size:17px; font-family: georgia;
    text-transform:uppercase; letter-spacing:1px;
    }
    .tleFRM a{
    display:inline-block; vertical-align:middle;
    color:#594c4d !important; /* MODIFIABLE */
    }
    /* NOMBRE SUJETS & MESSAGES FORUM */
    .nbFRM {
    display:inline-block; vertical-align:middle;
    width:200px; padding-left:25px;
    text-transform:uppercase; font-size:9px;
    color:#594c4d; /* MODIFIABLE */
    }
    /* BLOC DESCRIPTION */
    #descFRM {
    display:inline-block;
    width:475px; height:100px; overflow:hidden; text-align:justify;
    background:white; border: 1px solid #efefef; /* MODIFIABLE */
    }
    /* IMAGE DESCRIPTIVE FORUM */
    #descFRM img{
    position:absolute;
    width:475px; height:100px;
    filter:grayscale(1); -webkit-filter:grayscale(1);
    transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
    }
    #descFRM:hover img{
    filter:grayscale(0); -webkit-filter:grayscale(0);
    }
    /* DESCRIPTION FORUM */
    .descFRM {
    position:relative; z-index:3; margin:auto; margin-top:10px;
    width:425px; height:60px; padding:10px; overflow:auto;
    font-size:10px; text-align:justify;
    background:white; color:black; /* MODIFIABLE */
    opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
    }
    #descFRM:hover .descFRM {
    opacity:1;
    }
    /* DERNIER MESSAGE FORUM */
    .lmsgFRM {
    display:inline-block; vertical-align:top; margin:0 10px; border: 1px solid #efefef;
    width:310px; height:75px; padding:25px 5px 0; text-align:center; text-transform: uppercase;
    font-size:10px; background:white; color:black; /* MODIFIABLE */
    }
    /* TITRE DERNIER MESSAGE FORUM */
    .lmsgFRM a {
    text-transform:uppercase; font-size:12px; color:black; /* MODIFIABLE */
    }
    /* TAILLE AUTEUR DERNIER MESSAGE FORUM */
    .lmsgFRM .gensmall {
    font-size:12px; /* MODIFIABLE */
    }
    /* ICÔNES FORUM */
    .imgFRM {
    display:inline-block;
    width:35px; height:100px;
    }
    /* SOUS-FORUMS */
    .sfFRM {
    margin:auto; margin-top:10px;
    width:832px; padding:10px; border: 1px solid #efefef;
    text-align:center; font-size:10px;
    background:white; color:black; /* MODIFIABLE */
    }
    /* LIEN SOUS-FORUM */
    .sfFRM a{
    text-transform:uppercase; color:black !important; /* MODIFIABLE */
    }
/* FIN BLOC TITRE CATEGORIE */

Qeel:
Code:
    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr><td><div class="QEELfond"><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">STATISTIQUES</a><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>Messages</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<br/><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div>

    <!-- 5 GROUPES MAXIMUM --><div class="GQEEL"><!-- I --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- II --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- III --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- IV --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- V --><a href="" target="_blank" style="background:white; color:black;">Groupe</a></div>

      </div></div></td></tr></table>
    <!-- END disable_viewonline -->

CSS:
Code:
    /* QEEL */
    .QEELfond {
    background-image: url('http://i.imgur.com/l1pIMgR.png'); width: 920px; height: 300px;
    padding: 20px;
    }
    .QEEL {
    margin:auto; padding:15px; width:900px; height:195px;
    }
    /* BLOC TITRE QEEL */
    .tleQEEL {
    margin-bottom:5px;
    width:870px; height:45px; padding: 15px;
    background:white; /* MODIFIABLE */
    text-transform:uppercase; text-align:left;
    }
    /* TITRE QEEL */
    .tleQEEL a.cattitle {
    display:inline-block; margin-top:15px;
    font-size:17px; font-family: georgia; letter-spacing: 2px;
    font-weight:200; color:black;  /* MODIFIABLE */
    }
    /* STATISTIQUES QEEL */
    .stsQEEL {
    position:absolute; margin-top:-47px; margin-left:287px;
    width:585px; text-align:right;
    }
    /* TOTAL MEMBRES */
    .tlMQEEL {
    display:inline-block;
    height:25px; padding:10px; margin-top: 10px; text-align:center; font-size:11px;
    background:#303030; border: 1px solid black; color:white; /* MODIFIABLE */
    }
    /* TOTAL MESSAGES */
    .tlPQEEL {
    display:inline-block; margin:0 5px;
    height:25px; padding:10px; text-align:center; font-size:11px;
    background:#303030; border: 1px solid black; margin-top: 10px; color:white; /* MODIFIABLE */
    }
    /* DERNIER UTILISATEUR ENREGISTRE QEEL */
    .lstQEEL {
    display:inline-block;
    height:25px; width: 250px; margin-top: 12px; padding:10px 10px; text-align:center; font-size:11px;
    border: 1px solid #303030; color:black; /* MODIFIABLE */
    }
    /* MEMBRES CONNECTES QEEL */
    .onlineQEEL {
    display:inline-block; vertical-align:middle; text-transform: uppercase;
    width:295px; height:155px; padding:10px; overflow:auto;
    background:white; color:black; /* MODIFIABLE */
    font-size:10px; text-align:justify;
    }
    /* 24H QEEL */
    .dayQEEL {
    display:inline-block; vertical-align:middle; margin:0 10px;
    width:345px; height:155px; padding:10px; overflow:auto;
    background:white; /* MODIFIABLE */
    font-size:10px; text-align:justify;
    }
    .dayQEEL .row1 {
    padding:0 !important; background:none !important;
    }
    /* COULEUR TEXTE 24H */
    .dayQEEL .gensmall {
    color:black; text-transform: uppercase; /* MODIFIABLE */
    }
    /* BLOC GROUPES QEEL */
    .GQEEL {
    display:inline-block; vertical-align:middle;
    width:200px; padding-top:5px; font-family: georgia
    text-align:center; font-size:10px;
    }
    /* GROUPE QEEL */
    .GQEEL a{
    display:block; margin-bottom:5px; padding:10px;
    text-transform:uppercase; /* MODIFIABLE */
    }

Je suis consciente du boulot que je vous demande et vous remercie énormément de votre temps au cas où ma demande serait réalisable.

Bonne soirée et bonne fin d'année.
Revenir en haut Aller en bas
MessageRe: Modifications et réajustements Sam 31 Déc - 22:45
Nombre de messages : 820
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonsoir,

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

Code:
<table width="900px" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
            <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- 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 -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
            </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"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets  & {catrow.forumrow.POSTS} messages</div></div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><div class="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
            <!-- END forumrow -->
       
            <!-- BEGIN catfoot -->
            <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
        </div>
        <div class="btmCAT"></div>
            <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 0;
width:900px; padding:30px 0; text-align:center;
background:url(http://zupimages.net/up/16/52/miem.png); /* MODIFIABLE */
}
/* TITE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:50px; font-family:Anton; text-transform:lowercase;
color:white; letter-spacing:3px;  /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto; width:900px; padding:10px 0 25px;
background-image:url('http://zupimages.net/up/16/52/uj76.png'); /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:15px;
width:900px; height:15px;
background:#B8DEFF; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; width:860px; text-align:center;
}
/* TITRE FORUM */
.tleFRM {
padding:10px 0 5px; width:860px;
text-align:left; font-size:17px; font-family:Georgia;
text-transform:uppercase; letter-spacing:1px;
}
.tleFRM a{
display:inline-block; vertical-align:middle;
color:#594c4d !important; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle;
width:200px; padding-left:25px;
text-transform:uppercase; font-size:9px;
color:#594c4d; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:35px; height:102px;
}
/* BLOC DESCRIPTION */
#descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:475px; height:100px; overflow:hidden; text-align:justify;
background:white; border:1px solid #efefef; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute;
width:475px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover img{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DESCRIPTION FORUM */
.descFRM {
position:relative; z-index:3; margin:auto; margin-top:10px;
width:440px; height:70px; padding:5px; overflow:hidden;
font-size:10px; text-align:justify;
background:white; color:black; /* MODIFIABLE */
opacity:0.2; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
/* SURVOL DESCRIPTION FORUM */
#descFRM:hover .descFRM {
opacity:1; overflow:auto;
font-size:9px; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:310px; height:75px; padding:25px 5px 0;
text-align:center; text-transform:uppercase; font-size:10px;
border:1px solid #efefef; background:white; color:black; /* MODIFIABLE */
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; font-size:12px; color:black; /* MODIFIABLE */
}
/* TAILLE AUTEUR DERNIER MESSAGE FORUM */
.lmsgFRM .gensmall {
font-size:12px; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
float:right; margin-top:-12px; margin-right:7px; width:50px; height:75px; overflow:hidden;
}
.avaFRM img{
width:50px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:auto; margin-top:10px;
width:852px; text-align:center; font-size:10px;
border:1px solid #efefef; background:white; color:black; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
display:inline-block; vertical-align:middle; margin:5px 0; margin-right:1px;
text-transform:uppercase; color:black !important; /* MODIFIABLE */
}

/* SOULIGNEMENT DES LIENS */
a, a:focus, a:active, a:hover {text-decoration:none !important;}

Instructions :

Remplacez le code du QEEL par :
Code:
<!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">STATISTIQUES</a><!-- STATISTIQUES --><div class="stsQEEL"><!-- TOTAL MEMBRES --><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>Messages</div><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT -->Bienvenue à<br/><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div>

    <!-- 7 GROUPES --><div class="GQEEL"><!-- I --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- II --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- III --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- IV --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- V --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- VI --><a href="" target="_blank" style="background:white; color:black;">Groupe</a><!-- VII --><a href="" target="_blank" style="background:white; color:black;">Groupe</a></div>

      </div></td></tr></table>
    <!-- END disable_viewonline -->

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; width:900px; padding:20px 0 15px; text-align:center;
background:url(http://i.imgur.com/l1pIMgR.png); /* MODIFIABLE */
}
/* BLOC TITRE & STATISTIQUES QEEL */
.tleQEEL {
margin:0 auto 10px;
width:830px; height:20px; padding:30px 15px 25px;
background:white; /* MODIFIABLE */
text-transform:uppercase; text-align:left;
}
/* TITRE QEEL */
.tleQEEL a.cattitle {
font-size:17px; font-family:Georgia; letter-spacing:2px;
font-weight:200; color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-35px; margin-left:245px;
width:585px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top;
height:25px; padding:10px; text-align:center; font-size:11px;
background:#303030; border:1px solid black; color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
height:25px; padding:10px; text-align:center; font-size:11px;
background:#303030; border:1px solid black; color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top; 
width:250px; height:25px; padding:10px; text-align:center; font-size:11px;
border:1px solid #303030; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top;
width:295px; height:220px; padding:10px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
font-size:10px; text-transform:uppercase; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:310px; height:220px; padding:10px; overflow:auto;
background:white; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 24H */
.dayQEEL .gensmall {
color:black; text-transform:uppercase; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:195px; text-align:center; font-size:10px;
}
/* GROUPE QEEL */
.GQEEL a{
display:block; margin-bottom:5px; height:10px; padding:10px 0;
font-family:Georgia; text-transform:uppercase; /* MODIFIABLE */
}
Revenir en haut Aller en bas
MessageRe: Modifications et réajustements Sam 31 Déc - 23:36
Bonsoir,

Merci beaucoup pour votre précieuse aide. Les changements que j'effectue concernant la description des forums ne s'effectuent toujours pas malheureusement. La taille et la couleur de la police ne changent pas et la description des forums ne s'affiche pas en hover au passage de la souris. Serait-il également possible d'avoir un hover qui grise l'image de la description au passage de la souris et non le contraire s'il vous plait ?

Bonne soirée à vous.
Revenir en haut Aller en bas
MessageRe: Modifications et réajustements Sam 31 Déc - 23:50
Nombre de messages : 820
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Remplacez :
Code:
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute;
width:475px; height:100px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover img{
filter:grayscale(0); -webkit-filter:grayscale(0);
}

Par :
Code:
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img{
position:absolute;
width:475px; height:100px;
filter:grayscale(0); -webkit-filter:grayscale(0);
transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
#descFRM:hover img{
filter:grayscale(1); -webkit-filter:grayscale(1);
}

Rappel des consignes :

Encadrer le texte descriptif des balises suivantes :
Code:
<div class="descFRM">Texte descriptif.</div>

En cas de persistance du problème, merci de me communiquer le lien de votre forum.
Revenir en haut Aller en bas
MessageRe: Modifications et réajustements Dim 1 Jan - 0:04
Bonsoir,

C'est parfait, un grand merci à votre générosité.

Bonne soirée à vous.
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-