 Lun 27 Fév - 8:15 | Bonjour, Mon forum est encore en construction, mais il avance bien , bon nombre de nos codages proviennent de vos libre service, que nous aimons beaucoup. Au niveau du LS des catégories, j'ai effectué quelques petites modifications pour personnaliser le tout à nos gouts, mais il y a cependant deux petites choses que je n'arrive pas à régler. La première concerne le pseudo du dernier posteur, j'aimerais le mettre en majuscules, mais je n'y arrive pas. j'arrive seulement à tout mettre en majuscule, hors je ne veux les mettre que sur le pseudo. La seconde concerne les statistiques. Actuellement, elle apparaissent au survol derrière l'image de légende, moi, je voudrais qu'elle soit au dessus. Là encore, je ne sais pas comment m'y prendre :) Voici la CSS liée à mes catégories : - Code:
-
/* HAUT CATEGORIES */
.topCAT {
margin:5px auto 0;
width:850px;
padding:1px 0;
background:#DCE18B; border-radius: 45px 45px 0px 0px; /* MODIFIABLE */ }
/* TITRE CATEGORIES */
.tleCAT{
text-align:center; }
.tleCAT h2{
font-size:32px;
text-transform:uppercase;
letter-spacing:3px;
font-family:Habibi;
font-weight:bold;
color:#FEF9F5; /* MODIFIABLE */}
/* MILIEU CATEGORIES */
.mdlCAT {
margin:auto;
width:850px;
padding:23px 0 5px;
background:#F6F5FA; /* MODIFIABLE */}
/* BAS CATEGORIES */
.btmCAT {
margin:auto;
margin-bottom:10px;
width:850px;
height:35px;
background:#DCE18B; border-radius: 0px 0px 30px 30px; /* MODIFIABLE */}
/* BLOC FORUM */
.blocFRM{
width:850px;
margin:auto;
text-align:center; }
/* TITRE FORUM */
.tleFRM {
margin:auto;
width:795px;
padding:10px 0 10px 25px;
text-transform:lowercase;
text-align:left;
background:#AABDBE; /* MODIFIABLE */
font-family:Cookie;
font-size:25px;
transition:all 0.45s linear;
-webkit-transition:all 0.45s linear; }
.tleFRM a{
color:#ffffff !important; /* MODIFIABLE */ }
/* SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:65px;
width:765px;
font-weight:bold; }
/* BLOC DERNIER MESSAGE / AVATAR DERNIER POSTEUR / DESCRIPTION / SOUS-FORUMS */
.FRM {
margin:auto;
margin-bottom:15px;
width:800px;
height:100px;
padding:10px 10px 15px;
background: #C7C3A5; /* MODIFIABLE */ }
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block;
vertical-align:top;
width:155px;
height:93px;
padding:7px 5px 0;
text-align:center;
font-size:10px;
border:2px solid;
background-color:#ffffff;
border-color:#A6A093; /* MODIFIABLE */ }
/* ICÔNES FORUM */
.imgFRM{
margin-top:8px;
width:150px;
height:35px;
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
position:absolute;
margin-top:-35px;
margin-left:2px;
width:150px;
height:25px;
padding-top:10px;
font-size:9px;
background:#ffffff
color:#585251; /* MODIFIABLE */
opacity:0;
transition:opacity 0.25s ease;
-webkit-transition:opacity 0.25s ease; }
.nbFRM:hover {
opacity:1; }
/* BLOC AVATAR DERNIER POSTEUR */
#avaFRM {
display:inline-block;
vertical-align:top;
margin:0 10px;
width:62px;
height:100px;
border:2px solid;
transition: 0.7s; /*pour l effet de transition*/
opacity:0.7;
background:#ffffff;
border-color:#A6A093 !important; /* MODIFIABLE */ }
#avaFRM:hover { /*au survol de la souris sur le bloc*/
transition: 0.5s; /*pour l effet de transition*/
opacity:1;}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
width:62px;
height:100px;
overflow:hidden; }
.avaFRM img {
width:62px; height:100px; }
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block;
width:295px;
height:90px;
padding:5px;
overflow:auto;
font-size:11px;
text-align:justify;
border:2px solid;
background:#ffffff;
border-color:#A6A093;
color:#585251; /* MODIFIABLE */ }
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute;
margin-left:314px;
margin-top:-5px;
width:160px;
height:100px; }
/* BLOC IMAGE DESCRIPTIVE & SOUS-FORUMS */
.sfFRM {
display:inline-block;
margin-left:10px;
width:160px;
height:100px;
overflow:hidden;
border:2px solid;
background:#ffffff;
border-color:#A6A093; /* MODIFIABLE */ }
.sfFRM div {
position:relative;
width:160px;
height:100px;
overflow:hidden; }
/* CONTENU SOUS-FORUMS */
.sfFRM div div{
width:150px;
height:90px;
padding:5px;
overflow:auto;
text-align:left;
font-size:11px;
background:#ffffff; /* MODIFIABLE */
transform:translateX(160px);
-webkit-transform:translateX(160px);
transition:all .65s linear;
-webkit-transition:all .65s linear; }
/* LIEN SOUS-FORUMS */
.sfFRM a{
color:#585251 !important; /* MODIFIABLE */
font-size:8px !important;
text-transform : uppercase; }
.sfFRM:hover div div{
transform:translateX(0px);
-webkit-transform:translateX(0px); } Et mon template : - Code:
-
<table width="100%" 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 --> <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="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"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><div class="lmsgFRM">{catrow.forumrow.LAST_POST}<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="nbFRM">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Messages</div></div><div id="avaFRM"><!-- BEGIN avatar --><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></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> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> Pour finir, nous aimerions utilisé une de vos fiche partenariat pour le forum, celle posté le 15 novembre, mais nous aimerions qu'elle soit en iframe, que dois t'on mettre pour que ça soit le cas ? Merci d'avance ! |
|
Mar 28 Fév - 0:45 | Bonjour,
Ajoutez ceci à votre partie CSS : - Code:
-
/* PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM a.gensmall {
text-transform:uppercase;
} Remplacez : - Code:
-
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block;
vertical-align:top;
width:155px;
height:93px;
padding:7px 5px 0;
text-align:center;
font-size:10px;
border:2px solid;
background-color:#ffffff;
border-color:#A6A093; /* MODIFIABLE */ }
/* ICÔNES FORUM */
.imgFRM{
margin-top:8px;
width:150px;
height:35px;
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
position:absolute;
margin-top:-35px;
margin-left:2px;
width:150px;
height:25px;
padding-top:10px;
font-size:9px;
background:#ffffff
color:#585251; /* MODIFIABLE */
opacity:0;
transition:opacity 0.25s ease;
-webkit-transition:opacity 0.25s ease; }
.nbFRM:hover {
opacity:1; } Par :
Taille des icônes du forum : 150*15 - Code:
-
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:93px; padding:7px 5px 0;
text-align:center; font-size:10px; line-height:15px;
border:2px solid;
background-color:#ffffff; border-color:#A6A093; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM{
margin-top:5px;
width:150px; height:15px;
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
margin:auto; margin-top:4px;
width:150px; padding:1px 0;
font-size:9px;
background:#ccc; color:#585251; /* MODIFIABLE */
} Tel qu'indiqué dans la notice :FICHE DE PARTENARIAT
SOUS FORME D'IFRAME I. Créer une nouvelle page html :► Ajouter la balise suivante au début du code : - Code:
-
<meta charset="UTF-8"> II. Iframe à modifier [ Lien | Width | Height ] et communiquer : - Code:
-
<center><iframe src="lien" scrolling="no" style="width:525px; height:700px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></center> |
|
Mar 28 Fév - 8:30 | Bonjour,
Merci beaucoup pour votre aide, tout marche parfaitement !
Bonne continuation :) |
|
