Modifications des forums (Description)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifications des forums (Description)

Message par Etoile du tonnerre le Sam 17 Déc 2011 - 13:09

Bonjours, Bonsoir :]
Comme le dit le titre j'aimerais savoir comment modifier les forums comme ci-dessous:
Spoiler:

Voilà mon CSS, si besoin:
Code:
/* ------------------ QEEL TEXTES MODIFIER ---------------- */


/* DIV CONTENANT LE TOUT */

#qeel_all{
position: relative;
width: 100%;
margin: auto;
padding: 0;
text-shadow: 0px 1px 0px #000;
}

/* TABLE DU QEEL */

#qeel_tfa{
width: 100%;
background: url('http://img15.hostingpics.net/pics/645368Evangeline.png') no-repeat transparent top center;
border: 1px solid #404040;
-webkit-border-radius:15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin: 10px auto;
}

/* CELLULE CONTENANT LE TITRE */

td #top_title_tfa{
font-family: 'Georgia', cursive;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}

/* CONFIGURATION DES TEXTES MODIFIER */

#TFA, #TFA1, #TFA2, #TFA3, #TFA4, #TFA5, #TFA6, #TFA7, #TFA8{
font: bold 14px The Girl Next Door;
}

#TFA6{
width: 100%;
font: 14px Indie Flower;
font-weight: bold;
}

#qeel_tfa td .row1{
background: transparent;
}

/* PARTIE DE GAUCHE */

.qeel_gauche{
background: url('http://img15.hostingpics.net/pics/965223Sanstitre1.png') transparent;
border: 1px solid #303030;
padding: 10px;
margin: 8px 8px 8px 0;
-webkit-border-radius:0 15px 15p 0x;
-moz-border-radius:0 15px 15px 0;
border-radius: 0 15px 15px 0;
}


/* PARTIE DE DROITE */

.qeel_droite{
background: url('http://img15.hostingpics.net/pics/965223Sanstitre1.png') transparent;
border: 1px solid #303030;
padding: 10px;
margin: 8px 0 8px 8px;
-webkit-border-radius: 15px 0 0 15px;
-moz-border-radius:15px 0 0 15px;
border-radius: 15px 0 0 15px;
}


/* DERNIERS CONNECTES */

#derniers_connecte{
height: 100px;
overflow-y: auto;
}

#derniers_connecte .gensmall{
font: bold 14px The Girl Next Door;
}

/* ANNIVERSAIRES */

#les_anniversaires{
position: relative;
width: 100%;
height: 100px;
overflow-y: auto;
}

#les_anniversaires span#TFA1{
display: block;
width: 100%;
}

#les_anniversaires span.gensmall{
font: bold 14px The Girl Next Door;
}



/* ---------------- LES GROUPES ------------------ */

/* TOUS LES GROUPES */

#les_groupes_all{
background: transparent;
width: 100%;
margin: 5px 0 0;
padding-left: 10px;
}

/* BOUTONS GROUPES */

#les_groupes a.group{
background: url('http://img15.hostingpics.net/pics/965223Sanstitre1.png') transparent;
border: 1px solid #303030;
height: 22px;
line-height: 22px;
vertical-align: center;
display: inline-block;
font: bold 18px The Girl Next Door;
margin: 3px 3px 0 3px;
padding: 3px;
text-decoration: none;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}

/* BOUTONS GROUPES AU SURVOL */

#les_groupes a.group:hover{
text-decoration: none;
text-transform: uppercase;
}

/* ---------- INFOBULLES GROUPES ----------- */


/* INFOBULLES */

.tfabulle{
position: relative;
float: left;
margin: 0;
padding: 0;
}

/* PARTIE MASQUEE DE L’INFOBULLE */

.in_bulle {
display: none;
margin: 0;
padding: 0;
}

/* INFOBULLES AU SURVOL */

.in_bulle:hover {
background: none;
z-index: 999;
}

/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

.tfabulle:hover .in_bulle{
position: absolute;
width: 205px;
height: 146px;
display: block;
bottom: 15px;
left: 5px;
background: url('http://img15.hostingpics.net/pics/212131Sanstitre1.png') transparent no-repeat;
margin: 0;
padding: 0;
}

/* PARAGRAPHE DE L'INFOBULLE */

.in_bulle p{
width: 190px;
height: 116px;
margin: 0px auto;
padding: 0;
font: 12px Georgia;
text-align: left;
color: #000;
text-shadow: 0px 1px 0px #fff;
overflow: auto;
margin-top: 5px;
}

/* POLICE, COULEUR, ETC, DU TEXTE EN GRAS */

.in_bulle b{
font: 14px Georgia;
color: #CC0000;
}

/* LIENS DANS L'INFOBULLE */

.in_bulle p a{
color: #004575;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
}

/* LIENS DANS L'INFOBULLE AU SURVOL */

.in_bulle p a:hover{
color: #a75300;
text-decoration: none;
}






















/* ------------------------- ACCUEIL THEMES FA ------------------------ */

/* CONTENEUR PRINCIPAL */
.container_tfa_accueil {
width: 816px;
margin: 0 auto;
font: 12px Verdana;
color: #000;
}

/* LIENS */
.container_tfa_accueil a {
color: #0e50be;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
}

/* LIENS AU SURVOL */
.container_tfa_accueil a:hover {
color: #be710e;
}

/* BARRE D'OUVERTURE */
h1.my_barre {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/barre_23.png) no-repeat;
width: 816px;
height: 35px;
line-height: 35px;
vertical-align: middle;
font: bold 18px Verdana;
text-transform: uppercase;
letter-spacing: 3px;
padding: 0;
margin: 0;
margin-top: 5px;
}

/* TEXTE BARRE D'OUVERTURE */
h1.my_barre a {
display: block;
line-height: 35px;
vertical-align: middle;
color: #241000;
text-decoration: none;
outline: none;
margin: 0;
padding: 0 0 0 50px;
text-shadow: 0px 1px 0px #edd7a7;
}

/* TEXTE DE LA BARRE D'OUVERTURE AU SURVOL */
h1.my_barre a:hover {
color: #be710e;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TEXTE DE LA BARRE D'OUVERTURE */
h1.my_barre a:first-letter {
font: 25px Arial;
color: #0e50be;
text-shadow: 0px 1px 0px #000;
}

/* POSITION DE LA BARRE A L'ETAT ACTIF */
h1.plus {
background-position: left bottom;
}

/* BLOC DE CONTENU */
.my_contenu_accueil {
overflow: hidden;
font: 12px Arial;
width: 790px;
clear: both;
background: #f1e3ce;
border: 1px solid #a39361;
margin: 0 auto;
margin-bottom: 7px;
padding: 0;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
}

/* DIV DU BLOC DE CONTENU PERMETTANT UN ESPACE */
.my_contenu_accueil .block {
padding: 10px;
}

/* PARAGRAPHE DU BLOC DE CONTENU */
.my_contenu_accueil .block p {
position: relative;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-shadow: 0px 1px 1px #fff;
padding: 7px;
margin: 5px 0;
text-align: left;
}

/* TITRE DU BLOC DE CONTENU */
.my_contenu_accueil h2 {
width: 98%;
font: bold 20px Arial;
color: #0e50be;
margin-top: 5px;
padding: 0;
text-align: left;
border-bottom: 1px solid #be710e;
;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TITRE H2 */
.my_contenu_accueil h2:first-letter {
font: bold 22px Verdana;
color: #be710e;
text-shadow: 0px 1px 0px #000;
}
/* FOND BLANC A CERTAINS ENDROITS */
.fond_blanc {
position: relative;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-shadow: 0px 1px 1px #fff;
padding: 7px;
margin: 5px;
}


/* --------------------- ELEMENTS DU PREMIER CONTENU ---------------- */


#a_pa_content {
width: 100%;
position: relative;
margin: 0 auto;
padding: 0;
}

/* PARTIE GAUCHE */
.pa_liens_staff {
float: left;
width: 50%;
margin: 0;
padding: 0;
}

/* --------------- NAVIGATION -------------- */

/* LISTE */
ul#tfa_nav {
display: block;
overflow: hidden;
margin: 10px auto 0px;
padding: 0;
}

/* ELEMENT DE LA LISTE */
ul#tfa_nav li {
position: relative;
background: #fff;
float: left;
height: 40px;
width: 94px;
list-style: none;
margin: 10px 1px 0 0;
}

/* LIEN DE LA LISTE */
ul#tfa_nav li a {
position: relative;
display: block;
overflow: hidden;
width: 94px;
height: 40px;
text-align: center;
font: 18px Arial;
color: #0e50be;
text-shadow: 0px 1px 0px #000;
text-decoration: none;
margin: 0;
padding: 0px;
}

/* IMAGE DE LA LISTE - est l'image qui coulisse */
ul#tfa_nav li img {
position: absolute;
top: 0;
left: 0;
border: 0;
}

/* SPAN - contient le texte */
ul#tfa_nav li span {
display: bloc;
width: 94px;
height: 40px;
line-height: 40px;
vertical-align: middle;
}


/* ------------------ CODES STAFF ----------------- */


/* PARTIE SLIDE */
.tfa_staff_code {
width: 170px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.tfa_staff_code div {
width: 170px;
margin: 0 auto;
padding: 0;
text-align: center;
}

/* LE TITRE */
#staff_code_TFA h1 {
font-weight: bold;
font: bold italic 16px Georgia;
width: 100%;
text-align: center;
color: #0e50be;
margin: 4px auto;
}

/* PLACER LES ICONES AVANT-APRES */
#prevx {
position: absolute;
top: 60px;
left: 10px;
cursor: pointer;
}

#nextx {
position: absolute;
top: 60px;
right: 10px;
cursor: pointer;
}

/* STAFF */

/* BLOC DE CONTENU */
#staff_code_TFA {
position: relative;
width: 300px;
margin: 10px auto;
padding: 5px;
background: #fff;
border: 1px solid #a39361;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*CADRE AFFICHANT LES INFOS DU STAFF */
.info_staff {
width: 200px;
margin: 7px auto;
padding: 5px;
border: 1px solid #a39361;
background: #e5dfcb;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#staff_code_TFA .info_staff p {
margin: 0 auto;
padding: 0;
background-color: transparent !important;
font: 10px Arial;
color: #000;
}

.info_staff a {
font-size: 12px;
}


/* PARTIE A DROITE */
.pa_news {
float: right;
width: 50%;
margin: 0;
padding: 0;
}

/* EMPLACEMENT DU LIEN - lire la suite */
.liens_pa_bas {
width: 100%;
text-align: right;
display: block;
margin: 0;
padding: 0;
}

/* PARTIE SLIDE POTINS */
#potins_tfa_slide {
width: 370px;
position: relative;
overflow: hidden;
margin: 7px auto 0px;
}

#potins_tfa_slide p {
width: 370px;
cursor: pointer;
margin: auto;
padding: 5px;
}


/* --------------------- ELEMENTS DEUXIEME CONTENU ---------------- */


/* PARTIE EVENEMENT DE GAUCHE */
.new_event {
float: left;
width: 30%;
margin: 0;
padding: 0;
}

/* SLIDE EVENEMENT */
#pa_evenement {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

#pa_evenement div {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

#pa_evenement p {
margin: 5px;
}

/* PLACER LES ICONES AVANT-APRES */
#prev {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

#next {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

/* PARTIE CONCOURS DE DROITE */
.concours {
float: right;
width: 70%;
margin: 0;
padding: 0;
text-align: center;
}

/* SLIDE CONCOURS */
#slide_concours {
width: 330px;
text-align: center;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

#slide_concours div {
width: 317px;
height: 120px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

#slide_concours h3 {
font: 14px Verdana;
color: #0e50be;
margin: 5px;
padding: 0;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TITRE H3 */
#slide_concours h3:first-letter {
font: 16px Arial;
color: #be710e;
text-shadow: 0px 1px 0px #000;
}

/* PLACER LES ICONES AVANT-APRES */
#prev0 {
position: absolute;
top: 60px;
left: 30px;
cursor: pointer;
}
#next0 {
position: absolute;
top: 60px;
right: 30px;
cursor: pointer;
}


/* --------------------- ELEMENTS DU TROISIEME CONTENU ---------------- */


/* CONTENEUR */
#all_part {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}

/* PARTIE DE GAUCHE */
#parts_gauche {
width: 70%;
margin: 0 auto;
padding: 0;
float: left;
}

/* PARTIE DE DROITE */
#parts_droite {
width: 30%;
margin: 0 auto;
text-align: center;
padding: 0;
float: right;
}

/* LES PARTENAIRES */
.pa_partenaires {
width: 464px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
}

.pa_partenaires div {
width: 464px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.pa_partenaires div img {
width: 88px;
height: 31px;
margin: 1px;
border: none;
}

/* PLACER LES ICONES AVANT-APRES */
#prev1 {
position: absolute;
top: 20px;
left: 8px;
cursor: pointer;
}

#next1 {
position: absolute;
top: 20px;
right: 8px;
cursor: pointer;
}

/* LES VOTES */
.pa_votes {
width: 275px;
margin: 5px auto;
padding: 0;
position: relative;
overflow: hidden;
}

.pa_votes div {
font-size: 16px;
font-style: Italic;
width: 275px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.pa_votes div img {
width: 40px;
margin: 1px;
border: none;
}

/* PLACER LES ICONES AVANT-APRES */
#prev2 {
position: absolute;
top: 17px;
left: 20px;
cursor: pointer;
}

#next2 {
position: absolute;
top: 17px;
right: 20px;
cursor: pointer;
}

/* --------- BEST PARTNER ----- */

/* SLIDE */
.best_partner {
width: 88px;
height: 110px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.best_partner div {
width: 88px;
margin: 2px auto;
padding: 0;
position: relative;
}

.best_partner div img {
margin: 2px auto;
}

/* PLACER LES ICONES AVANT-APRES */
#prev3 {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

#next3 {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

/* LES FORUMS DU STAFF */

/* SLIDE FORUM STAFF */
#slide_forum_staff {
width: 468px;
height: 60px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

/* LIEN SLIDE */
#slide_forum_staff a {
text-decoration: none;
}

/* BANIERES DU SLIDE */
#slide_forum_staff a img {
width: 468px;
height: 60px;
margin: 0 auto;
padding: 0;
}

#slide_forum_staff .pics {
width: 468px;
height: 60px;
padding: 0;
margin: 0;
}

#slide_forum_staff .pics img {
width: 468px;
height: 60px;
top: 0;
left: 0
}

/* PLACER LES ICONES AVANT-APRES */
#prev4 {
position: absolute;
top: 27px;
left: 60px;
cursor: pointer;
}

#next4 {
position: absolute;
top: 27px;
right: 60px;
cursor: pointer;
}


/* --------------------- ELEMENTS DU QUATRIEME CONTENU ---------------- */


/* CONTENEUR DE GAUCHE ET DROITE */
#all_bonus {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}

/* CONTENEUR DE GAUCHE */
#gauche_bonus {
width: 60%;
margin: 0 auto;
padding: 0;
float: left;
}

/* CONTENEUR DE DROITE */
#droite_bonus {
width: 40%;
margin: 0 auto;
padding: 0;
float: right;
}

#all_bonus p {
margin: 5px;
}

#gauche_bonus p {
margin: 5px auto;
position: relative;
text-align: center;
}











.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

.pun table.table th {
padding: 0.5em 0;
border-style: dotted;
border-color: #couleur;
background-image: url('adresse de l'image');
}

.pun table.table td {
padding: 0.6em 0 0.7em;
border-width: 1px;
border-style: dotted none none dotted;
line-height: 130%;
background-color: #couleur;
background-image: url('adresse de l'image');
border-color: #couleur;
}






.row1{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.row2{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.row3{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.row3Right{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}






.haut{
background: url("http://i47.servimg.com/u/f47/14/47/99/84/sdsd12.png") no-repeat transparent;
height: 150px;
border:0;
}
.bas{
background: url("http://img4.hostingpics.net/pics/399882dsdsd.png") no-repeat transparent;
height: 12px;
border:0;
}

Si vous avez des questions, j'y répondrais :]
Merci a celui/ceux qui m'aidera/ont !

Merci d'Avance,
Etoile du Tonnerre.


Dernière édition par Etoile du tonnerre le Dim 22 Jan 2012 - 9:57, édité 3 fois

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Mar 20 Déc 2011 - 16:46

UP

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Jeu 22 Déc 2011 - 15:58

Up :]

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Lun 26 Déc 2011 - 12:11

Up ?

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Mer 28 Déc 2011 - 12:41

Up :/

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Jeu 29 Déc 2011 - 12:06

Up...

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Invité le Ven 30 Déc 2011 - 14:29

Bonjour,

Avez-vous modifié le template Index_box? Si oui pourriez-vous nous le donner?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Ven 30 Déc 2011 - 16:16

Le voici:

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 --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
    <td width="200"><div style="width:300px;"></div></td> <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td>
        </tr></table><div class="haut"></div><table class="forumline" width="94%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
          <td class="row3" align="center" valign="middle" height="50"  width="50"><div style="width:50;">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50"  width="50"><div style="width:50px;">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50" width="150"><div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><div class="bas"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Invité le Mar 3 Jan 2012 - 14:45

Bonjour,

Il va falloir remplacer toute cette partie ci-dessous dans votre template:
Code:
<!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
          <td class="row3" align="center" valign="middle" height="50"  width="50"><div style="width:50;">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50"  width="50"><div style="width:50px;">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50" width="150"><div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
  </tr>
  <!-- END forumrow -->
par un tableau regroupant les variables:
Code:
<!-- END inc -->
            <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <table style="margin:0; width:100%"><tr>
          <td class="icones" width="180" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            <br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}<br />
          {catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</span>
            </td>
          <td class="descrip">
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
          </td>
          </tr>
              </table>
      </td>
    </tr>
  <!-- END forumrow -->
Puis personnaliser les cellules du tableau et les titres des forums, dans votre CSS :
Code:
.icones{
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  background-color: #fff;
  padding: 10px;
  height: 120px;
}

.descrip{
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  background-color: #fff;
  padding: 10px;
  height: 120px;
}

a.forumlink{
  display: block;
  text-align: center;
  margin-bottom: -20px;
  font-size: 16px;
}

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Mer 4 Jan 2012 - 14:04

Merci Very Happy
Il y a un petit problème... Dès que j’enregistre les modifications de mon template sa m'affiche sa:
"Erreur
La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte." :/

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Invité le Mer 4 Jan 2012 - 14:55

Bonjour,

Je viens de refaire la manipulation, et je rencontre pas ce soucis.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Mer 4 Jan 2012 - 15:01

Merci sa marche !
Mais plus rien ne s'affiche ! O.O
Plus de PA, plus de QEEL... Que la Bannière et les catégories :/

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Invité le Mer 4 Jan 2012 - 15:20

Vous n'auriez pas modifié l'index_body au lieu de l'index_box?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Mer 4 Jan 2012 - 15:57

Alala je suis tête en l'air >.<'
Deux petites choses si sa ne vous dérange pas Smile
1 ~> Comment faire pour mettre une "Ombre" autour des descriptions et de l'affichage de "Non new/New/Lock" ?

2 ~> Voilà:

J'ai un problème avec l'image "Administration". J'aimerais qu'elle soit plus rapprocher de l'image juste en dessous... Je n'ai pas trouver comment faire :/

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Invité le Ven 6 Jan 2012 - 20:41

Bonsoir,

Pour ajouter une ombre, il faut ajouter la propriété box-shadow dans votre CSS pour les class icones et descrip:
Code:
.icones{
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  background-color: #fff;
  padding: 10px;
  height: 120px;
  box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-box-shadow: 2px 2px 10px #000;
}
 
.descrip{
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  background-color: #fff;
  padding: 10px;
  height: 120px;
  box-shadow: 2px 2px 10px #000;
  -webkit-box-shadow: 2px 2px 10px #000;
  -moz-box-shadow: 2px 2px 10px #000;
}
Je ne rencontre pas de soucis avec l'ancienne image de votre CSS, l'espace n'est-il pas contenu dans votre image? Vous pouvez essayer de l'enlever en rajoutant une marge négative dans votre CSS:
Code:
.haut{
background: url("URL DE L'IMAGE") no-repeat transparent;
height: 150px;
border:0;
margin-bottom: -2px;
}
Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Sam 7 Jan 2012 - 12:46

Merci pour l'effet "Ombre" qui marche très bien Very Happy

Non, l'image "Administration" et l'image en forme arrondis sont deux images distingues.
Explication:
~> L'image "Administration" est placer à la place du titre de la catégorie:
Code:
<img src="http://s4.noelshack.com/uploads/images/7930631297556_administration.png">

~> Et l'image:
Spoiler:

est une autre image qui est placer dans le CSS Smile

J'ai tous essayé, modifier les templates, mais rien n'y fais, l'image "Administration" Reste a la même place D:

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Invité le Sam 21 Jan 2012 - 17:59

Bonjour,

Je n'ai pas trouvé de solution non plus. l'image contient une partie vide en bas, en la supprimant, le titre devrait descendre un peu, mais je n'ai as trouver d'autre solution.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifications des forums (Description)

Message par Etoile du tonnerre le Dim 22 Jan 2012 - 9:57

C'est pas grave ^^
Merci de m'avoir aidé.
résolu !

Etoile du tonnerre
**

Féminin
Messages : 61
Inscrit(e) le : 07/03/2011

http://heartart.forumsgratuits.fr/
Etoile du tonnerre a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum