CalendrierCalendrier  AccueilAccueil    FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez| .

catégorie ionglet

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Admin
avatar

Messages : 40
Date d'inscription : 08/02/2010
Mélodie

MessageSujet: catégorie ionglet Dim 21 Fév - 21:36

index box non modifier:

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 -->
    <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>
        <!-- END tablehead -->

        <!-- BEGIN cathead -->
        <!-- END cathead -->
 
    <!-- BEGIN forumrow -->
    <div class="blocFRM"><div class="boxFRM"><div class="tleFRM"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="lnbFRM"><div class="lmsgFRM"><div class="sfFRM">+<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>{catrow.forumrow.LAST_POST}</div><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ◄► {catrow.forumrow.POSTS} réponses</div></div></div>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->

    <!-- BEGIN inc -->
    <!-- END inc -->
 
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://esaiemelo.exprimetoi.net
Admin
avatar

Messages : 40
Date d'inscription : 08/02/2010
Mélodie

MessageSujet: Re: catégorie ionglet Dim 21 Fév - 21:39

css actuelle :

Code:
  a { text-decoration: none; }

    body{
    margin:auto;
    }

    div#banniere{
    background-image:url('http://img11.hostingpics.net/pics/269385headerstud.png');
    background-repeat:repeat-x;;
    width:100%;
    height:450px;
    background-position: top center;
    }
   
    /*------------------------------------------------------------------------ debut tag moderation --*/
    .moderation_val1 {
    text-align: center;
    background: none;
    color: #05AF08;
    font-weight: bold;
    width: 80%;
    float:right;
    margin-right: 100px;
    }

    .moderation_img1 {
    background: none;
    background:url(http://i55.servimg.com/u/f55/14/44/90/04/valmas11.png)no-repeat center right;
    height: 400px;
    width: 600px;
    }
    .moderation_val2 {
    text-align: center;
    background: none;
    color: #D4840C;
    font-weight: bold;
    width: 80%;
    float:right;
    margin-right: 100px;
    }
    .moderation_img2 {
    background: none;
    background:url(http://i55.servimg.com/u/f55/14/44/90/04/modoma11.png)no-repeat center right;
    height: 400px;
    width: 600px;
    }

    .moderation_val3 {
    text-align: center;
    background: none;
    color: #224DE8;
    font-weight: bold;
    width: 80%;
    float:right;
    margin-right: 100px;
    }
    .moderation_img3 {
    background: none;
    background:url(http://i55.servimg.com/u/f55/14/44/90/04/intmas11.png)no-repeat center right;
    height: 400px;
    width: 600px;
    }

    .moderation_val4 {
    text-align: center;
    background: none;
    color: #BF3131;
    font-weight: bold;
    width: 80%;
    float:right;
    margin-right: 100px;
    }
    .moderation_img4 {
    background: none;
    background:url(http://i55.servimg.com/u/f55/14/44/90/04/archma11.png)no-repeat center right;
    height: 400px;
    width: 600px;
    }

    /*-- fin tag moderation --*/

    /* ------------------ CATÉGORIES -------------------- */
 /* APPARENCE CATEGORIES & FORUMS*/
/* TITRE CATEGORIES */
.tleCAT{
position:relative; margin:10px auto;
width:780px; padding:10px; text-align:center;
background:#C05732; /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:35px; text-transform:uppercase; letter-spacing:3px;
color:#AA2617; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM {
margin-bottom:10px; text-align:center;
}
/* BLOC TITRE & DESCRIPTION FORUMS */
.boxFRM {
display:inline-block; vertical-align:top;
width:545px;
}
/* TITRE FORUMS */
.tleFRM {
height:15px; padding:10px;
text-align:center; letter-spacing:3px; font-size:14px; text-transform:uppercase;
background:#CD7C42; /* MODIFIABLE */
}
.tleFRM a {
color:#B63525 !important;
}
/* DESCRIPTION FORUMS */
.descFRM {
height:55px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background-color:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:65px; height:100px;
}
/* BLOC DERNIER MESSAGE & SOUS-FORUMS */
.lnbFRM {
display:inline-block; vertical-align:top;
box-shadow:0px 0px 3px rgba(0,0,0,0.3);  /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
width:150px; height:50px; padding:15px 10px 10px; overflow:hidden;
font-size:11px; text-align:center;
background-color:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUMS */
.nbFRM {
width:160px; height:15px; padding:5px;
font-style:italic; font-size:10px; text-align:center;
background:#CD7C42; color:#B63525; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; margin-top:-15px; margin-left:131px;
padding:10px; border-bottom-left-radius:15px;
background:#CD7C42; color:#B63525; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; margin-top:-25px; margin-left:-151px;
width:0; height:35px; overflow:hidden;
background-color:white; color:black; /* MODIFIABLE */
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
.sfFRM:hover div {
height:55px; width:150px; padding:10px; overflow:auto;
}
-------- QEEL-------
/* QEEL */
.QEEL {
margin:auto; height:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
width:490px; height:25px; padding:10px 0 10px 10px;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
.tleQEEL a{
font-size:24px;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:500px; margin-top:-45px;
width:0; height:0;
border-style: solid; border-width:45px 20px 0 0;
border-color:#191919 transparent transparent transparent; /* MODIFIABLE */
}
/* BLOC STATISTIQUES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
width:800px;
background:grey;  /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:middle;
width:200px; margin-left:-25px;
}
#stsQEEL img {
position:absolute; margin-left:-25px;
width:200px; height:200px; border-radius:200px;
transition:all 0.80s ease; -webkit-transition:all 0.80s ease;
}
#stsQEEL:hover img{
transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg); opacity:0;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:200px; height:175px; padding-top:25px; border-radius:200px; overflow:hidden;
background:#edeff4; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; text-align:center;
border-bottom:1px dashed black; /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE/24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:middle;
width:400px; padding:10px 0; text-align:center;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:170px; height:195px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:180px; height:205px; padding:5px; overflow:hidden;
background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
/* ANNIVERSAIRES */
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
width:210px; height:215px; text-align:center;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
width:190px; height:195px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:-90px; margin-top:-70px;
width:300px; height:25px; padding:10px 0;
text-align:center; font-size:18px; font-family:Arial; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC TRAITS COLORES GROUPES QEEL */
.GQEEL {
width:800px; height:15px; padding:10px 0; text-align:center;
}
/* TRAITS COLORES GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:55px; height:15px; background:blue;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOLEMENT TRAITS COLORES GROUPES QEEL */
.onglet_1 {
opacity:1;
}
----------  Accueil ----------

 /* FOND PAGE D'ACCUEIL */
    .PARCR {
    background:#b3b3b3 !important;
    }
    /* FOND BLOC STAFF */
    .staffRCR {
    background:#CBB1B4 !important;
    }
    /* FOND CONTENU STAFF */
    .staffRCR div p {
    background-color:rgba(250,250,250,0.7) !important; color:black !important;
    }
    /* FOND BLOC FICTION DU MOIS & EVENEMENT EN COURS */
    .mevRCR {
    background-color:#8F616B !important;
    }
    /* FICTION DU MOIS */
    .mdmRCR {
    background:#CBB1B4 !important; color:white !important;
    }
    /* EVENEMENT EN COURS */
    .evRCR {
    background:#CBB1B4 !important; color:white !important;
    }
    /* BLOC CONTEXTE */
    .ctxtRCR {
    background-color:#8F616B !important;
    }
    /* MESSAGE DE BIENVENUE */
    .ctxtRCR span{
    color:white !important; border-color:white !important;
    }
    /* CONTENU CONTEXTE */
    .ctxtRCR div{
    background:rgba(250,250,250,0.3) !important; color:black !important;
    }
    /* BLOC NOUVELLES */
    .newsRCR {
    background-color:#ccc !important; color:black !important;
    }
    /* BLOC LIENS PAGE D'ACCUEIL */
    .lksRCR {
    background-color:grey !important;
    }
    /* LIENS PAGE D'ACCUEIL */
    .lksRCR a{
    background-color:#CBB1B4 !important; color:white !important;
    }
    /* SURVOLEMENT LIENS PAGE D'ACCUEIL */
    .lksRCR a:hover {
    background-color:rgba(250,250,250,0.8) !important; color:#CBB1B4 !important;
    }
    /* FOND BLOC PARTENAIRES */
    .partzRCR {
    background-color:#CBB1B4 !important;
    }
    /* FOND BLOC TOP-SITES */
    .topRCR {
    background:#8F616B !important;
    }
    /* LIENS TOP-SITES */
    .topRCR a{
    background:rgba(0,0,0,0.7) !important;
    }
------ présentation 2 ------

/* FICHE PRESENTATION - BLOC NOM PRENOM + INFORMATIONS */
.nposCAN {
background-color:#838B97 !important;
}
/* NOM PRENOM */
.npCAN {
color:white !important;
}
/* INFORMATIONS */
.infosCAN {
background-color:rgba(250,250,250,0.2) !important;
}
/* BLOC PHYSIQUE + CARACTERE */
.boxCAN{
background-color:#838B97 !important;
}
/* BLOC PHYSIQUE */
.phyzCAN {
background-color:rgba(250,250,250,0.2) !important;
}
.phyzCAN div p {
color:black !important;
}
/* BLOC CARACTERE */
.caraCAN {
border-color:white !important; background-color:#838B97 !important;
}
/* TITRE HISTOIRE */
.storyCAN {
color:white !important;
}
/* BLOC HISTOIRE */
.storyCAN p {
background-color:white !important; color:black !important;
}
/* BLOC A PROPOS */
.abtCAN {
background-color:#838B97 !important;
}
/* CREDIT */
.cdtCAN {
background-color:rgba(0,0,0,0.2) !important;
}
---arrondi catégorie----

textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://esaiemelo.exprimetoi.net

catégorie ionglet

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Catégorie MF
» Catégorie synthèse
» Nouvelle grille indiciaire catégorie B
» Modification de la périodicité des visites médicales renforcées suivant la catégorie de travailleurs
» catégorie A ou B

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
essaisthememelo :: La régie :: Salle des Adminettes-