Changer apparence de ma catégorie.

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

Résolu Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Ven 19 Aoû 2011 - 15:39

Bonjour à tous,

Je souhaiterais, si possible, pouvoir rendre la structure de mes catégories comme ceci ; du moins en ressemblance.

Spoiler:

Serait-il possible s'il vous plait ?

Merci à vous & bonne journée !


Dernière édition par Bella Mary Cullen le Mar 23 Aoû 2011 - 21:11, édité 3 fois

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Ven 19 Aoû 2011 - 20:57

Bonsoir

pouvez-vous me faire un schéma en incluant s'ils doivent apparaitre, les derniers mesages, nombre de messages / sujets et images news / no news / lock ?

Merci aussi de me fournir votre template index_box.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Ven 19 Aoû 2011 - 21:26

Bonsoir,

Tout d'abords, merci d'avoir pris le temps d'étudier ma demande Smile

Ensuite, voici les schémas :

Mon forum et sous cette apparance pour le moment :

Spoiler:

Et je souhaiterais le rendre comme ça à la fin :

Spoiler:

Et pour finir, voici 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 -->
         <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 class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
      
   </tr>
   <!-- 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="row1" width="100%"><table class="catcadre"><tr><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></tr></table></td>
      <td class="row3" align="center" valign="middle" height="50">
         <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
                <span class="gensmall">{catrow.forumrow.LAST_POST}<br />{catrow.forumrow.POSTS} Message | {catrow.forumrow.TOPICS} Sujets</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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Je vous remercie infiniment & passez une bonne soirée Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Ven 19 Aoû 2011 - 21:41

Repérez ceci :

Code:
<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>

remplacez le par :
Code:
<table width="100%"><tr><td width="70%" valign="top"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links --></span></td>
<td valign="top" width="30%"> <div class="sousfo"> <span class="gensmall">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">
            jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/> ')).removeAttr('id');
            </script>  </span></div></td></tr></table>
     

puis dans votre css ajoutez :
.descrip {
margin-left : 5px;
margin-right :5px;
border-left : 3px solid #ff0000;
border-right : 3px solid #ff0000;
}

.sousfo {
margin-left : 5px;
margin-right :5px;
border-left : 3px solid #0000ff;
border-right : 3px solid #0000ff;
}

à personnaliser.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Sam 20 Aoû 2011 - 14:29

Bonjour,

Merci beaucoup pour les codes. Les ayant installer il m'a donné comme résultat ceci :

Spoiler:

J'ai du sans doute mal faire une manipulation Smile

Mais je voulais savoir, sinon pour faire plus simple et que j'ai eu cette idée à l'instant. Pouvons nous faire deux cadres comme ça en insérant les codes dans la description des catégories et par la suite, dans la deuxième colonne, je créer moi même les liens ?

Passez une bonne journée Smile
Cordialement,




Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Sam 20 Aoû 2011 - 14:44

Sinon essayez d'enlever ici
Code:
<td valign="top" width="30%">
valign="top"

et oui si vous préférez passer par la description c'est tout à fait possible. remettez votre template comme avant et dans chaque description mettez :
Code:

        <table width="100%"><tr><td width="70%" valign="top"><div class="descrip">

Contenu description

</div></td>
        <td valign="top" width="30%"> <div class="sousfo">

Liens sous forums

</div></td></tr></table>


Gardez également la css que je vous ai fait mettre.

Puis désactivé les liens vers les sous forums dans PA > Affichage > Structures & Hiérarchie > afficher les liens vers les niveaux inférieurs : non.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Sam 20 Aoû 2011 - 15:02

Ca me donne ceci. La description n'est pas encadré comme le second :/

Spoiler:

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Sam 20 Aoû 2011 - 15:20

Vous avez bien gardé la css que je vous avais donné au début ? si oui, donnez moi un des codes que vous avez mis dans une description

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Sam 20 Aoû 2011 - 15:45

Oui,

En faîtes j'ai mis ça dans la description de mes catégories :

Spoiler:
<table width="100%"><tbody><tr><td valign="top" width="70%"><div class="descrip">
♣ <b>L'Administration</b> ♣ C'est le premier endroit à visiter lors de
votre inscription sur le forum. Le règlement est à lire pour une bonne
intégration au groupe, tout manquement à celui-ci entraîne des
sanctions. Vous trouverez également le contexte. Un code est caché dans
cette catégorie pour vous permettre de valider votre présentation. Vous
devrez donc avoir lu attentivement tout les sujets pour le trouver.
</div></td>
<td valign="top" width="30%"> <div class="sousfo">
Lien
</div></td></tr></tbody></table>

Et dans mon CSS j'ai mis les codes que vous m'avez donné :
Code:

.Catégorie 2 .

.descrip {
margin-left : 3px;
margin-right :3px;
border-left : 3px solid #FF9900;
border-right : 3px solid #FF9900;
}

.sousfo {
margin-left : 5px;
margin-right :5px;
border-left : 3px solid #FF9900;
border-right : 3px solid #FF9900;
}

En sachant aussi que j'en ai un autre pour l'encadrement à côté avec le titre du sujet, le pseudo ...

Code:
. Catgéorie .


.catcadre {
    border : 2px solid #FF9900;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.dersuj {
    border : 2px solid #FF9900;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

Voilà Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Sam 20 Aoû 2011 - 17:00

Je n'arrive pas à déterminer pourquoi cela ne fonctionne pas scratch

avez-vous rééssayer en passant par le template également ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Sam 20 Aoû 2011 - 17:16

J'ai effectivement remis le template comme il était avant ...

Dois-je le remettre comme vous m'avez indiqué ?

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Sam 20 Aoû 2011 - 17:18

Non merci, c'est juste pour moi avoir les bonnes données Wink ...
Je continue mes tests et vous tiens au courant.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Sam 20 Aoû 2011 - 18:01

Pas de soucis,

Je vous remercie infiniment Smile

Cordialement,

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Lun 22 Aoû 2011 - 1:06

j'ai compris ^^ je n'avais pas pris en compte la façon dont vous placez vos commentaires dans votre css en fait quand on marque une chose qui ne doit pas etre prise en compte on la note ainsi

/*cette css correspond a*/

en évitant les accents (sinon votre PA risque de vous dire un jour qu'il est pas content ^^)

Vos
Code:
 . Catgéorie .
et
Code:
.Catégorie 2 .
sont des descriptions. Or en css le . représente l'attachement d'une class dans un code. c'est pour cela que vos codes situer juste après ces points ne sont pas pris en compte. changez les comme je vous l'ai indiqué avant. tout fonctionnera.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Mar 23 Aoû 2011 - 12:32

SUPER !!!!!!

Ca fonctionne Very Happy

Merci infiniment !!!

Edit : En faîte y a juste un truc xD
Spoiler:
Est-ce que c'est possible d'avoir les deux traits à la même longueur que le paragraphe et que sa sois justfier s'il vous plait :s


Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par SoraNoHime le Mar 23 Aoû 2011 - 18:28

Shocked Normalement cela aurait du faire les cotés du paragraphe.

Code:
<table width="100%"><tbody><tr><td valign="top" width="70%"><div class="descrip">
♣ <b>L'Administration</b> ♣ C'est le premier endroit à visiter lors de
votre inscription sur le forum. Le règlement est à lire pour une bonne
intégration au groupe, tout manquement à celui-ci entraîne des
sanctions. Vous trouverez également le contexte. Un code est caché dans
cette catégorie pour vous permettre de valider votre présentation. Vous
devrez donc avoir lu attentivement tout les sujets pour le trouver.
</div></td>
<td valign="top" width="30%"> <div class="sousfo">
Lien
</div></td></tr></tbody></table>

c'est bien ce code que vous avez-mis ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer apparence de ma catégorie.

Message par Bella Mary Cullen le Mar 23 Aoû 2011 - 21:11

Oui, mais sauf que j'ai oublié ou du moins effacé un morceau du code --'

Cela fonctionne de nouveau correctement !!!

Merci de m'avoir redonner le code afin que je vérifie ^^

Problème résolue & merci pour tout !

Bonne soirée Smile

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen 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