Icone dans catégorie [terminé] Bouton_activeIcone dans catégorie [terminé] Bouton_hoverIcone dans catégorie [terminé] Fb-hoverIcone dans catégorie [terminé] Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Icone dans catégorie [terminé] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Icone dans catégorie [terminé] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Icone dans catégorie [terminé] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Icone dans catégorie [terminé] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Icone dans catégorie [terminé] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Icone dans catégorie [terminé] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Icone dans catégorie [terminé] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Icone dans catégorie [terminé] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -67%
Carte Fnac+ à 4,99€ au lieu de 14,99€ ...
Voir le deal
4.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Icone dans catégorie [terminé]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://teste.forumperso.com/
choupette
choupette
{ Membre }
{ Membre }

Féminin Messages : 34



Icone dans catégorie [terminé] Empty
Bonjour tous le monde,
J'ai un petit soucis avec mes catégories.
J'en est fait de nouvelle mais le problème c'est que j'arrive pas à mettre l'icone des catégories dans l'encadrement fait pour.

Voyez en image:

Spoiler:


Dernière édition par choupette le Mar 18 Jan 2011, 05:21, édité 1 fois
MessageSujet: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 09 Jan 2011, 07:57
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



Icone dans catégorie [terminé] Empty
Em, est-ce qu'on pourrait avoir des codes ? (: Ohlala, faut vraiment qu'on vous le répète. ;p Il faut fournir des codes.
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 09 Jan 2011, 20:29
Revenir en haut Aller en bas
http://teste.forumperso.com/
choupette
choupette
{ Membre }
{ Membre }

Féminin Messages : 34



Icone dans catégorie [terminé] Empty
Bonjour,
Oui désoler voici les codes:

Index_box:
Code:
  <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
      <td valign="bottom">
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>

        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">
   

        </span>
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
      <div class="titre-categorie">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" 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>
      <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 inc -->
      <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" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">


<!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->

<table width="100%" class="fond" style="padding-bottom: 15px !important"><tr><td>
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="forum-stats">Sujets: {catrow.forumrow.TOPICS} Messages: {catrow.forumrow.POSTS}</div>
<div class="forum-description ombre">
<table><tr><td width="100px" height="100px" class="contour-icon"></td><td width="450px" height="90px"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td width="220px" class="contour-messages"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table></span>
</div>
<div class="forum-sousforum ombre">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->
</td><td width="85px"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td></tr></table>

<!-- FIN DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->

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

CSS:
Code:
/*--- Cette partie correspond à la texture ---*/
.fond {
background: url(http://img4.hostingpics.net/pics/513743fond.png);
padding: 0px !important;
}

/*--- Cette partie correspond à l'arrondi du tout ---*/
.forumline{
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border: 7px #422525 solid;
}

/*--- Cette partie correspond au titre des forums ---*/
.forumlink {
font-size: 25px !important;
margin-left: 100px;
font-variant: small-caps;
-moz-text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 2px 2px 2px #000;
text-shadow: 2px 2px 2px #000;
}
.forumlink:hover {
text-decoration: none !important;
}

/*--- Cette partie correspond au titre des catégories ---*/
.titre-categorie {
background: #;
border: 3px solid #351d1d;
border-bottom: 0px solid #351d1d;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
-webkit-border-radius-top-left: 40px;
-webkit-border-radius-top-right: 40px;
margin-bottom: -10px;
text-align: center;
height: auto;
width: 300px;
margin-left:450px;
padding-top: -5px !important;
padding-bottom: 5px !important;
-moz-text-shadow: 2px 2px 2px #000;
-webkit-text-shadow: 2px 2px 2px #000;
text-shadow: 2px 2px 2px #000;
}

.nom-categorie {
font-size: 18px !important;
font-variant: small-caps;
}


/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
width: 95%;
border: px solid #422525;
background: #8a6a53;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 12px;
text-align: justify;
height: 100px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-top-right-radius: 30px;
-webkit-border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-top-left-radius: 30px;
border: 1px solid #422525;
background: #8a6a53;
border-bottom: 0 none !important;
font-size: 12px;
height: 15px;
left: 455px;
padding: 3px;
position: relative;
text-align: center;
width: 150px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
border: 1px solid #422525;
background: #8a6a53;
border-top: 0px !important;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
margin: auto;
padding: 4px;
width: 80%;
text-align: center;
height: 14px;
font-size: 9px;
}

/*--- Cette partie correspond au contour des icons ---*/
.contour-icon {
margin-left: auto;
margin-right: auto;
background: #D6C89F;
border: 2px solid #351d1d;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}

/*--- Cette partie correspond au contour des derniers messages postés ---*/
.contour-messages {
margin-left: auto;
margin-right: auto;
background: #D6C89F;
border: 2px solid #351d1d;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
text-align: center;
}

/*--- Cette partie correspond à l'ombre ---*/
.ombre {
-webkit-box-shadow: 3px 3px 3px #000;
-moz-box-shadow: 3px 3px 3px #000;
bow-shadow: 3px 3px 3px #000
}
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyLun 10 Jan 2011, 11:16
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



Icone dans catégorie [terminé] Empty
Salut Choupette,

Je suis pas un expert forcément des templates mais en touchant et en regardant un peu ton template il semble que la partie liée aux icônes :

Code:
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}"
alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

se trouve à la fin des modifications effectuées par .LITTLE LADY.

En bidouillant un peu le code je l'ai placé entre :

Code:
<table><tr><td width="100px" height="100px" class="contour-icon">

et

Code:
</td><td width="450px" height="90px"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td width="220px" class="contour-messages"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table></span>
</div>

De manière à positionner les icônes "à l'intérieur" de ton block.

En faisant le global car je sais pas si je t'explique bien voici le code final ( je t'espace l'endroit afin que tu voies où se trouve la modification Smile )

Code:
<table width="100%" class="fond" style="padding-bottom: 15px !important"><tr><td>
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="forum-stats">Sujets: {catrow.forumrow.TOPICS} Messages: {catrow.forumrow.POSTS}</div>
<div class="forum-description ombre">
<table><tr><td width="100px" height="100px" class="contour-icon">



<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />



</td><td width="450px" height="90px"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td width="220px" class="contour-messages"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr></table></span>
</div>
<div class="forum-sousforum ombre">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->
</td></table>

<!-- FIN DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->

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

En espérant avoir le droit de répondre

Amicalement, Oyo
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyJeu 13 Jan 2011, 08:59
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Icone dans catégorie [terminé] Empty
Bonsoir,
Votre problème a été résolu ? Si c'est le cas,veuillez cocher l'icône "Résolu" en éditant votre premier message.
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyJeu 13 Jan 2011, 12:40
Revenir en haut Aller en bas
http://teste.forumperso.com/
choupette
choupette
{ Membre }
{ Membre }

Féminin Messages : 34



Icone dans catégorie [terminé] Empty
Bonjour,
Mon problème n'est pas résolu.
Je viens d'essayé le code de Oyoken et il ne marche pas.
Sa me mais " La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte."
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 15:48
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Icone dans catégorie [terminé] Empty
Bonsoir;

Dans le code de Little Lady, il suffisait de remplacer la partie :

Code:
<td width="100px" height="100px" class="contour-icon"></td>
qui correspondait à l'icon à gauche sur ton image =)

Par :
Code:
<td width="85px">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
               </td>
qui correspond aux images des sujets (nouveau, pas de nouveaux, verrouillé)

Donc, le code entier est celui-ci : (nettoyé et normalement sans problèmes xD)

Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      <!-- BEGIN switch_user_logged_in -->
      <span class="gensmall">   </span>
      <!-- END switch_user_logged_in -->
      </td>
   </tr>
</table>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="titre-categorie">{catrow.tablehead.L_FORUM}</div>

<table class="forumline" width="100%" 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>
      <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 inc -->
      <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" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">

<!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->
<table width="100%" class="fond" style="padding-bottom: 15px !important">
   <tr>
      <td>
         <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         <div class="forum-stats">Sujets: {catrow.forumrow.TOPICS} Messages: {catrow.forumrow.POSTS}</div>
         
         <div class="forum-description ombre">
            <table><tr>
               <td width="85px">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
               </td>
               
               <td width="450px" height="90px">
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
               </td>
               
               <td width="220px" class="contour-messages">
                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
               </td>
            </tr></table>
         </div>
         
         <div class="forum-sousforum ombre">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      </td>
   </tr>
</table>
<!-- FIN DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->
      </td>   
      
      <!-- 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 -->
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 16:47
Revenir en haut Aller en bas
http://teste.forumperso.com/
choupette
choupette
{ Membre }
{ Membre }

Féminin Messages : 34



Icone dans catégorie [terminé] Empty
Bonsoir Liliana.
Merci de ta réponse mais ce n'est pas....
J'aimerais que les boutons "nouveaux message ect" reste à droite comme c'était.
En faite le truc qui cloche c'est que à gauche il y a un encadrer pour mettre des images.
Mais quand je mais une image c'est soit à l'extérieur du cadre soit à l'intérieure mais pas dans l'encadrement fait pour.
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 17:09
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Icone dans catégorie [terminé] Empty
Okay, par "icône des catégories" j'ai mal compris xD
Désolée Laughing

Alors il va y avoir un léger problème; vu que tu cherches à mettre manuellement une image pour chaque forum; si je comprends bien ? Or, le code fournis par Little Lady est une modification de template; ce qui veut dire que si tu changes l'image dans le code du template; ça s'adaptera sur CHAQUE forums --'.

Si je comprends bien, tu veux :

Forum A :
Une image 1 - La description

Forum B :
Une image 2 - La description

scratch Dans ce cas il va falloir remodifier le template afin que tu puisses mettre manuellement tes images via ton panneau admin
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 17:17
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



Icone dans catégorie [terminé] Empty
Autre Façon pour mettre des image aux forum et catégorie:

On commence par la partie description :
PA > Général > Catégorie et forum > tu édite le forum souhaité.
Dans le champ adresse de l'image tu met l'URL de l'image qui doit apparaitre à gauche
Puis tu enregistre.

Ds la partie CSS:
PA > Affichage > Couleurs > Feuille de style CSS
Vous ajouter ce code :

.atelierdesc {
background: #CODE COULEUR;
color: #CODE COULEUR;
margin-left: XXpx;
margin-top: XXpx;
padding: XXpx;
padding-left: XXpx;
}

Voilà il ne te reste plus qu'à mettre les couleurs souhaités et remplacer les XX par des valeur (mettre un moins en cas de besoin) pour que ton image soit dans ton cadre.

Ceci marche pour toute les versions^^
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 17:18
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Icone dans catégorie [terminé] Empty
Vicsius ; sauf que là il y a un code dans le template qui crée une image automatiquement dans chaque forum; à gauche de la description. Donc si on applique ta méthode - qui est correcte normalement - on obtient ceci : https://2img.net/r/ihimizer/img130/3629/sanstitre1bs.png
Ce qui ne résous pas le problème Wink

Pour afficher une image à gauche de la description; il faut modifier le code donné par Little Lady, au coeur du template : en supprimant la colonne qui contient l'icon - et donc supprimer la class nommée "contour-icon" dans le CSS; puisqu'elle n'existe plus dans le 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 -->
<div class="titre-categorie">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" 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>
      <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 inc -->
      <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" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">

      <!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->
      <table width="100%" class="fond" style="padding-bottom: 15px !important"><tr>
         <td>
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            <div class="forum-stats">Sujets: {catrow.forumrow.TOPICS} Messages: {catrow.forumrow.POSTS}</div>
            <div class="forum-description ombre">
               <table><tr>
                  <td width="550px" height="90px">
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  </td>
                     
                  <td width="220px" class="contour-messages">
                     <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </td>
               </tr></table>
            </div>
            
            <div class="forum-sousforum ombre">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>   
         </td>

         <td width="85px">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
         </td>
      </tr></table>
   <!-- FIN DES MODIFICATIONS EFFECTUEES PAR .LITTLE LADY -->

      <td class="row3" colspan="3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span>
      </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 -->

Théoriquement ça devrait marcher si ensuite tu veux mettre des images dans les catégories. Dis moi si ce template là fonctionne correctement et si tu peux mettre toi même ton image ?
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 17:34
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



Icone dans catégorie [terminé] Empty
Bien sûr mais il faut que l'image soit à la bonne taille mais aussi mettre sa position à la place des XX du code que je donne se qui lui permet de mettre une image différente à chaque catégorie forum, car ici ma méthode ne se sert pas des templates regarde sur mon fofo si tu veux tu verras qu'il sont aligné à mes texte et presque au bord gauche de mon cadre ce qui n'est pas le cas dans ton screen^^
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 17:59
Revenir en haut Aller en bas
http://teste.forumperso.com/
choupette
choupette
{ Membre }
{ Membre }

Féminin Messages : 34



Icone dans catégorie [terminé] Empty
Merci Liliana je vais essayé sa demain en rentrant du travail.
Je vous tiens au courant le plus vite possible.

EDIT: Merci Liliana c'est bon !!
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyDim 16 Jan 2011, 18:09
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Icone dans catégorie [terminé] Empty
Le message portant l'icône "résolu", je déplace. Smile

Bonne continuation. Wink
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] EmptyMar 18 Jan 2011, 06:53
Revenir en haut Aller en bas
Contenu sponsorisé




Icone dans catégorie [terminé] Empty
MessageSujet: Re: Icone dans catégorie [terminé]   Icone dans catégorie [terminé] Empty
Revenir en haut Aller en bas
 

Icone dans catégorie [terminé]

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

 Sujets similaires

-
» Une infobulle 'Dernier message' sur l'icône de catégorie
» Catégorie normal dans une catégorie onglet
» titre et description catégorie [TERMINE]
» Titre de Catégorie dans une Image
» Icone des forums dans la colonne derniers messages [Probléme Résolu!]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit