Et oui, encore un "gérer l'apparence des Cathégories" ^^

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

Résolu Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Tsukiyo Yume le Mar 4 Oct 2011 - 2:21

Hellow ^^
Bon je ne sais pas trop si c'est la même chose pour les autres, mais voilà un truc qui ressemble pas mal à ce que j'aimerais:

Bref, les deux grands cadres sont les fonds et le plus petit est l'image du nom de la catégorie...
J'ai cherché et re-cherché comment faire, mais je ne trouve pas.
Pourriez-vous m'aider s'il-vous-plait?

(petite précision, mon Template Index-box a été modifié ce qui donne ceci: )


Dernière édition par Isolde le Mar 4 Oct 2011 - 9:29, édité 2 fois (Raison : retrait de la capture d'écran)

Tsukiyo Yume
**

Féminin
Messages : 74
Inscrit(e) le : 09/03/2011

http://hybrid-fascination.forum-canada.com/
Tsukiyo Yume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par tupac le Mar 4 Oct 2011 - 2:49

Bonsoir

De nombreux sujets existe sur le forum en tapant ( image ) ou ( catégorie ) dans la barre de recherche,avez-vous fait cette recherche?

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Tsukiyo Yume le Mar 4 Oct 2011 - 2:55

oui, mais j'ai pas été satisfaite de ce que j'ai trouvé. sauf pour l'image du petit carré. c'est surtout pour le fond en haut et en bas de la catégorie que je trouve pas...

Alors tant qu'on y est, j'aurais aimé qu'on m'explique ce qu'il faut faire tout en même temps au cas ou je fais une gaffe. Déjà que je gaffe souvent en codage... ^^'

Tsukiyo Yume
**

Féminin
Messages : 74
Inscrit(e) le : 09/03/2011

http://hybrid-fascination.forum-canada.com/
Tsukiyo Yume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par tupac le Mar 4 Oct 2011 - 3:03

Donc votre template a subi des modifications,il me le faudrait pour que je fasse les changements chez moi ensuite je vous expliquerait comment faire a partir de votre template.

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Tsukiyo Yume le Mar 4 Oct 2011 - 3:17

Le voilà:
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 -->



 
<!-- DEBUT DES MODIFICATIONS FAITES PAR QUIERRA -->

<!-- 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>
     
  <!-- 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">

    </td>

    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                                                                                                           
      <table width="100%" cellspacing="5" cellpadding="0">
            <tr>
                <td  class="gauche"  width="80%" align="left"  valign="top">
                  <h{catrow.forumrow.LEVEL} class="hierarchy">       
                      <span class="forumlink">
              <a  class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                    </span>
                </h{catrow.forumrow.LEVEL}>
                      <div class="description_forum"> 
                            <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 -->
            <div class="lien_bas">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
              </span>

              </td>
              <td class="droite" width="20%" 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}" />     
                  <div class="sujets_messages"> <span class="gensmall" style="color:#000000;">{catrow.forumrow.TOPICS} sujets, {catrow.forumrow.POSTS} messages</span></div>
                  <div class="dernier_messages"><span class="gensmall" style="color:#000000;">{catrow.forumrow.LAST_POST}</span></div>
              </td>
          </tr>
      </table>
  </td> 
</tr>
  <!-- END forumrow -->

<!-- FIN DES MODIFICATIONS FAITES PAR QUIERRA -->



   <!-- 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 -->
C'est bien aimable à vous ^^
De plus, il est rare de lire du vouvoiement sur un forum, je trouve ça assez chou et bien élevé ~ x'3

Tsukiyo Yume
**

Féminin
Messages : 74
Inscrit(e) le : 09/03/2011

http://hybrid-fascination.forum-canada.com/
Tsukiyo Yume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par tupac le Mar 4 Oct 2011 - 8:44

J'ai remarqué que vous aviez deux fois un morceau dans votre template ce qui vous faisait une petite case de 3,4 min sur le côté gauche de votre catégorie donc pour remédier a ça supprimer la partie suivante qui est en double.

Code:
    <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 
    </td>

Donc pour placer l'image au dessus de vos catégories faite comme ceci.
Repérer cette partie et supprimez-la.

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

Remplacez-la par celle-ci vous devez placer votre image a l'intérieur.

Code:
        <!-- BEGIN tablehead -->
<div style="background-image : url( VOTRE IMAGE ICI ) ; background-repeat : no-repeat ; width : 772px ; height : 121px"><div class="titre_cat">{catrow.tablehead.L_FORUM}</div></div>


        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- END tablehead -->
Puis dans votre feuille de style css placer ce code.

Code:
.titre_cat{
text-align : center ;
position : relative ;
top : 40px ;
}

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Invité le Mar 4 Oct 2011 - 9:14

Bonjour,

Je déplace dans la rubrique problème avec le CSS / les templates, et je retire la capture d'écran pour que la demande soit conforme aux règles spécifiques de la section.

Cordialement.

Invité
Invité


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

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Tsukiyo Yume le Mar 4 Oct 2011 - 18:44

D'accord, merci et avez vous la solution pour le bas de la catégorie?
Dois-je refaire le même code dans le <!-- BEGIN catfoot --> ?
(et merci beaucoup pour la case, je ne savais pas quel ligne enlevé ^^')

Isolde; Merci beaucoup et un gros merci pour la nouvelle image =)

Tsukiyo Yume
**

Féminin
Messages : 74
Inscrit(e) le : 09/03/2011

http://hybrid-fascination.forum-canada.com/
Tsukiyo Yume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par tupac le Mar 4 Oct 2011 - 22:05

Désolé j'avais oublié l'image du bas scratch

Donc repérer cette partie en bas du template.

Code:
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table>
Et placer ce simple code juste après.
Code:
<center><img src=" votre image ici " alt="" height="100%" width="100%" /></center>

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Tsukiyo Yume le Lun 10 Oct 2011 - 16:26

Bon désolé j'ai eu quelques petits problèmes d'internet ^^
Bref, ça marche \o/ mais j'ai laisser tomber l'idée de faire l'image du bas. Je ne sais pas pourquoi, mais même si c'étais la même image, celle d'en haut était moins large que celle d'en bas e je n'arrivait pas à tout calibrer.
M'enfin, ça reste que ça m'a été très utile ^^
Merci encore!

Tsukiyo Yume
**

Féminin
Messages : 74
Inscrit(e) le : 09/03/2011

http://hybrid-fascination.forum-canada.com/
Tsukiyo Yume a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Et oui, encore un "gérer l'apparence des Cathégories" ^^

Message par Invité le Mer 19 Oct 2011 - 9:19

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité 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