modification catégorie

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
Messagemodification catégorie Jeu 17 Mar - 14:30
Bonjour
je viens vers vous car vous avez créer mon code pour la catégorie mais j'aurais aimer faire une modification si c'est possible
j'ai essayer de le faire moi-même mais sa ne marche pas comme je voudrais je vous ai mis en spoiler le code que vous m'avez fait
je souhaiterais que l'avatar des posteur et la taille width:50px; height:90px; et que l'on puisse voir l'avatar des membres en entier et qu'il soit positionner comme sur la capture d'écran merci
Capture d'écran:
 
Code:
 
Revenir en haut Aller en bas
MessageRe: modification catégorie Jeu 17 Mar - 22:56
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonsoir,

Remplacer 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 -->
        <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="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
        <div class="mdlCAT"><!-- END tablehead -->

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

Partie CSS :
Code:
/* HAUT CATEGORIES */
.topCAT {
margin:auto;
width:800px; height:100px; border-radius:35px 35px 0 0;
background:url(http://ekladata.com/jsRLiYx1fuEgIOSYYgzL0HL8pj4.png); /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT{
text-align:center; padding:1px 0;
}
.tleCAT h2{
font-size:32px; text-transform:uppercase;
font-family:Megrim; color:#f3775b; /* MODIFIABLE */
}
/* MILIEU CATEGORIES */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:800px; padding:10px 0; border-radius:0 0 35px 35px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* BLOC FORUMS */
.blocFRM{
width:800px; margin:auto; text-align:center;
}
/* TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:10px;
width:750px; padding-bottom:5px;
font-family:Arial; text-align:left; font-size:22px; text-transform:uppercase; letter-spacing:5px;
border-bottom:5px dotted rgba(255,182,193,0.5); /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.tleFRM a{
display:inline-block;
color:#f3775b !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* IMAGE TITRE FORUM */
.imgTLEF {
display:inline-block; margin-right:10px;
width:20px; height:20px;
background:url(http://img11.hostingpics.net/pics/726416icon3.png);
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:35px; width:715px;
border-color:#72b3a0; /* MODIFIABLE */
}
.tleFRM:hover a{
color:#72b3a0 !important; /* MODIFIABLE */
}
.tleFRM:hover .imgTLEF {
opacity:1;
}
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR / DESCRIPTION / SOUS-FORUMS */
.FRM {
margin:auto; margin-bottom:15px;
width:750px;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
display:inline-block;
width:400px; height:100px; overflow:hidden;
}
#descFRM div {
position:relative;
width:400px; height:100px; overflow:hidden;
}
/* DESCRIPTION FORUM */
.descFRM{
width:390px !important; height:90px !important; padding:5px !important; overflow:auto !important;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:5; margin-left:-200px;
width:400px; height:100px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#descFRM:hover img {
transform:translateX(-400px); -webkit-transform:translateX(-400px);
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; margin:0 20px;
width:150px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.5);  /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
text-transform:uppercase; color:#f3775b !important; /* MODIFIABLE */
}
/* SURVOL LIEN SOUS-FORUM */
.sfFRM a:hover {
color:#72b3a0 !important; /* MODIFIABLE */
}
/* BLOC AVATAR DERNIER POSTEUR / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES / ICÔNES FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:90px; height:65px; padding:10px 5px 5px;
text-align:center; font-size:10px;
background-color:rgba(250,250,250,0.9); color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
display:inline-block;
width:50px; height:80px; overflow:hidden;
}
.avaFRM img {
width:50px;
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-right:5px;
width:125px; height:17px; padding-top:3px; font-size:10px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top;
width:20px; height:20px;
}
Revenir en haut Aller en bas
Messagemodification catégorie Sam 19 Mar - 10:47
merci beaucoup c'est exactement ce que je voulais
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-