Modifications catégorie + Fiche parenariat en iframe

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageModifications catégorie + Fiche parenariat en iframe 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 !
Revenir en haut Aller en bas
MessageRe: Modifications catégorie + Fiche parenariat en iframe Mar 28 Fév - 0:45
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
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>
Revenir en haut Aller en bas
MessageRe: Modifications catégorie + Fiche parenariat en iframe Mar 28 Fév - 8:30
Bonjour,
Merci beaucoup pour votre aide, tout marche parfaitement !

Bonne continuation :)
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-