PA catégorie

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

Résolu PA catégorie

Message par andreah le Lun 11 Avr 2011 - 10:30

Bonjour à tous
j'aimerais savoir comment on peut mettre les catégories avec cette apparence ?
lien => http://awindowtothepast.1fr1.net/
j'ai également des images déjà prête à mettre dans les catégories, si vous pouviez aussi me dire comment les ajouter.
Voici mon forum => http://welcome-poudlard.harrypotterrpg.fr/
Merci d'avance


Dernière édition par andreah le Mer 13 Avr 2011 - 15:50, édité 1 fois

andreah
**

Féminin
Messages : 88
Inscrit(e) le : 05/12/2010

http://welcome-poudlard.harrypotterrpg.fr/forum.htm
andreah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA catégorie

Message par Invité le Lun 11 Avr 2011 - 15:24

Bonjour,

Vous pouvez placer vos images via le panneau d'administration > Général > Catégories et forum > edit à côté de chaque catégorie.
S'il s'agit de catégories ( icones bleu) placez l'adresse de l'image dans la "description". S'il s'agit de forums, placez l'adresse de l'image dans "adresse de l'image" ou dans la "description" .

En ce qui concerne l'apparence, il est interdit de reproduire à l'identique l'apparence d'un autre forum. De plus l'exemple que vous montrez demande de grosses modifications de templates et de CSS. La première étape est de supprimer les colonnes sujets et messages (> http://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages). Ensuite, il faut appliquer le même principe pour la colonne "derniers sujets" et intégrer son contenu dans un tableau pour le mettre à coté de la description.

Cordialement.

Invité
Invité


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

Résolu Re: PA catégorie

Message par andreah le Lun 11 Avr 2011 - 16:22

C'est pas du plagiat c'est pas les même images etc ...
C'est juste comment c'est fait après dedans c'est pas pareil !
Mais peut être c'est du plagiat ? Mais dans ce cas tout ceux qui demande c'est du plagiat ...
Bref pour enlever les colonnes pas de problème mais le reste je n'ai pas comprit ^^'
Merci de ta réponse

andreah
**

Féminin
Messages : 88
Inscrit(e) le : 05/12/2010

http://welcome-poudlard.harrypotterrpg.fr/forum.htm
andreah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA catégorie

Message par Invité le Lun 11 Avr 2011 - 17:13

Re,

Je n'ai parlé de reproduction à l'identique qu'à titre informatif, n'y voyez aucune accusation de ma part. Il est simplement préférable de faire un schéma présentant ce que vous voulez réaliser, plutôt que de donner le lien d'un forum Wink .

J'ai modifié le template Index_Box pour m'approcher de votre exemple:
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}

            {CURRENT_TIME}

            </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>

            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

            <!-- 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="1" cellpadding="0">
    <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></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>
   
    </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">
                <span class="forumlink"><div class="titresfora">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
                </span>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr>
<tr><td><div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr></table></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>
      <!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
    </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 -->
Il faut ajouter une partie CSS ( panneau d'admin > affichage > couleurs - feuille de style CSS)
Code:
.secondarytitle{     
      -moz-border-radius-topleft: 14px;
      -moz-border-radius-topright: 14px;
      -webkit-border-top-right-radius: 14px;
      -webkit-border-top-left-radius: 14px;
      border-top-right-radius: 14px;
      border-top-left-radius: 14px;}

.forumline{ border: 2px solid #fff;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      border-radius: 14px;}

.titresfora{ 
      text-align: center;}

.categories{
      text-align: center;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 90%;
      border: 2px solid #fff;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      border-radius: 14px;
      font-size: 12px;}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 1px solid #fff;
      padding: 3px;
      text-align: center;}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      font-variant: small-caps;
      text-align: center;}

Je pense qu'il va y avoir des modifications à apporter, mais dites moi déjà si l'on s'approche un peu du résultat voulu.

Cordialemetn.

Invité
Invité


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

Résolu Re: PA catégorie

Message par andreah le Lun 11 Avr 2011 - 18:09

Non c'est super comme ça *o*
Par contre comment je peux faire pour que le texte à l'intérieur sois centrer ?
Et que les titres des catégories sois d'une autres écriture et d'une autre couleurs ? Et que quand on passe la souris dessus sa grossis ?
Désolé de toute mes questions ^^'

andreah
**

Féminin
Messages : 88
Inscrit(e) le : 05/12/2010

http://welcome-poudlard.harrypotterrpg.fr/forum.htm
andreah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: PA catégorie

Message par Invité le Mar 12 Avr 2011 - 19:59

Bonsoir,

En ce qui concerne les titres c'est un bout de CSS à ajouter, et à personnaliser:
Code:
/*modif titre forum*/
a.forumlink {
color: #000000;/*couleur*/
font-weight: bold; /*met en gras*/
font-size: 28px; /*taille de la police*/
font-family: JasmineUPC;/*police de caractères*/}
/*modif titre forum au survol*/
a.forumlink:hover {
color: #5A248C; /*couleur*/
font-weight: bold; /*met en gras*/
font-size: 32px;  /*taille de la police*/
font-family: JasmineUPC;/*police de caractères*/}


Pour centrer le texte, j'ai modifié le template ( les liens des sous-forum ne risquaient pas d'être centré, j'avais oublié de fusionner les cellules du tableau):
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}

            {CURRENT_TIME}

            </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>

            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

            <!-- 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="1" 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>
   
    </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}" align="center" valign="top" width="100%" height="50">
                <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td style="width:80%; text-align:center;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr>
<tr><td colspan="2"><div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr></table></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>
      <!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
    </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 -->

Cordialement.

Invité
Invité


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

Résolu Re: PA catégorie

Message par andreah le Mer 13 Avr 2011 - 15:49

Sa marche tout est bon.
Je met en résolue et je vais allez ouvrir un autre sujet car j'ai une autre question xD
Merci pou ton aide =)

andreah
**

Féminin
Messages : 88
Inscrit(e) le : 05/12/2010

http://welcome-poudlard.harrypotterrpg.fr/forum.htm
andreah 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