Enlever la barre de catégorie Bouton_activeEnlever la barre de catégorie Bouton_hoverEnlever la barre de catégorie Fb-hoverEnlever la barre de catégorie 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
Enlever la barre de catégorie EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Enlever la barre de catégorie EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Enlever la barre de catégorie EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Enlever la barre de catégorie EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Enlever la barre de catégorie EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Enlever la barre de catégorie EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Enlever la barre de catégorie EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Enlever la barre de catégorie EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

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

Enlever la barre de catégorie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
Bonjour!
Je viens d'installer des images au-dessus de mes catégories contenant le titre de celles-ci. J'aimerais maintenant supprimer toute barre de catégorie sans déformer la catégorie en tant que tel.

Est-ce compréhensible? Wink
Merci beaucoup de votre aide! Smile
MessageSujet: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 01:49
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Si je comprends bien, tu souhaites enlever la partie que j'ai entourée en rouge là :

Spoiler:

Si c'est ce que tu souhaites faire, ta demande est liée à ton autre question (http://www.css-actif.com/t14480-images-categories). En fait, tu souhaites remplacer la barre entourée en rouge dans la screenshot par les images, c'est cela ?
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 15:26
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
oui, c'est en lien Smile
hum....remplacer... si ça donne le résultat excompté, alors c'est parfait!
et oui, c'est bien la partie entourée en rouge Smile
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 16:26
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Voici ton 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="titreCategorie">{catrow.tablehead.L_FORUM}</div>
<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>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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>
      <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">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->

Voici le css correspondant à ajouter :
Code:
.titreCategorie { /* Ici on règle le css de TOUS les titres */
     height: 133px;
                text-indent: -999px;
}

Ensuite quand tu mets chaque titre, tu le fais sous cette forme là :
Code:

<span class="reglement">Règlement</span>

Ensuite dans le css tu mets
Code:
.titreCategorie .reglement{ /* Ici on règle le css du titre reglement */
     background: url("URL DE L'IMAGE A METTRE") no-repeat;
}

Normalement cela devrait marcher, peut tu me faire un retour ?
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 16:47
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
OK question :3

le premier code css, je le mets dans le template? si oui, à quel endroit exactement?

Quand tu dit ensuite de quand je mets chaque titre, tu parle du titre dans le panneau d'admin, là où l'on crée les catégories et forums?

MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 17:00
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Le CSS tu le mets dans PA > Affichage > images & couleurs > couleurs > feuille de style

Et sinon oui, je parle de chaque titre dans le panneau d'admin (:
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 17:07
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
humm il y a une autre chose de pas claire, que veut-tu dire par «ici on règle le css de tous les titres/du titre règlement»?
le premier ces deux codes du css, sert à donner l'espace entre les catégories, je n'ai pas besoin d'y toucher, c'est bien ça?
le deuxième code css, tu me dira si j'ai bon, je dois remplacer le mot règlement par le nom que j'ai donnée à la catégorie et mettre le url de l'image.
ensuite, je dois copier-coller ce même deuxième code css pour chacune des catégories en changeant le titre et l'image?

si c'est bien ce qu'il fallait faire, j'ai bel et bien les espaces entre les catégories, mais les images n'apparaissent pas =o
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 17:21
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Tu as tout bon ^____^
Oh je sais d'où viens le problème. Voici exactement ce qu'il faut mettre (j'ai rajouté 2 lignes)

.titreCategorie .reglement{ /* Ici on règle le css du titre reglement */
background: url("URL DE L'IMAGE A METTRE") no-repeat;
display: block;
height: 133px;
}
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 17:46
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
Merci, c'est parfait!
Mais il y a une chose que je n'arrive pas à savoir où régler le problème dans le template, notre petite modification a rendue la case des derniers messages postés toute maigrelette ahahah
après cela je te laisse partir :3

tiens le template si tu en a encore besoin juste pour ce détail °w°
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="titreCategorie">{catrow.tablehead.L_FORUM}</div>
<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>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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>
      <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 over" align="center" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>
  <!-- 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 réécris en dessous le contenu du message que j'avais envoyée auparavant Smile
OOOHHHH OH OH OH OH OH OH OH!!! *.* ♥️♥️♥️♥️♥️♥️♥️
ça fonctionne comme un charme, merci!!

*heureusement que mes connaissances de bases m'ont aidées à savoir comment faire sans nous faire perdre trop de temps :3 tu est merveilleuse, continue comme ça, je t'encourrage!! ♥️*
ça serait utile que tu poste ce tuto pour aider ceux avec le même problème que moi
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 18:03
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Dans ta partie

Code:
<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 over" align="center" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>

Il faut changer le valeur du width des td Smile

Petit 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}<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="titreCategorie">{catrow.tablehead.L_FORUM}</div>
<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>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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>
      <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="60%" 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 over" align="center" width="40%" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>
  <!-- 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 -->


Dernière édition par Nihil le Dim 19 Mai 2013, 19:42, édité 1 fois
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 18:52
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
hmmm... quand j'essaie d'ajuster la largeur de la partie de droite, ça influe sur la largeur de celle de gauche où se trouvent les icônes des sujets... (ex: correct à gauche, mais bien trop large à la droite)
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 19:27
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Dans le template cherche là où il y a le "60%" et remplace le par 70% Wink
N'hésite pas à faire plusieurs essais
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 19:44
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
Euuuhhh en faite... je pensais en avoir fini, mais il y a un espacement qui vient de se produire sans aucune raison entre les images de catégories et la catégorie elle-même, si tu retourne voir sur le lien du forum...
J'ai été voir dans le même tutoriel que j'avais suivi au départ, car la fille expliquais comment l'enlever, mais ça n'a pas fonctionné, sûrement à cause de nos modifications sur l'espacement entre les catégories, avec les images... etc.

pardon pardon pardon >.< j'aurais pu poster un nouveau post, mais comme tu est celle avec laquelle j'avais travaillé dans cette section, et que tu sais plus que les autres quelles manipulations nous avons fait...tu est la mieux qualifiée pour m'aider à régler ça le plus rapidement au lieu de tout expliquer à quelqu'un d'autre :3
pardon encore xD je te dérange trop ahahah

si tu as à nouveau besoin du 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="titreCategorie">{catrow.tablehead.L_FORUM}</div>
<table class="forumline SansMarges" 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>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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>
      <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="80%" 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 -->
            </span>
        <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      </td>
    <td class="row3 over" align="center" width="20%" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>
  <!-- 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: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyDim 19 Mai 2013, 19:53
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
Le problème se règle dans le .css (:

Il suffit de mettre :
Code:

.titreCategorie h2 {
  margin-bottom: 0px;
}

Edit : au fait au niveau du contenu de ta span.horsrp, ce que tu met dans le panneau d'admin pour la catégorie, tu as bien pensé à mettre du texte entre les span (le nom de ta catégorie), pour que la navigation s'affiche sans problème.
Exemple :
Enlever la barre de catégorie 3oC2BFp

Le problème me diras tu, c'est que si tu mets le texte, par exemple
Code:
<span class="horsrp">Hors RP</span>
Le texte s'affiche sur l’accueil
Exemple :
Enlever la barre de catégorie VtGt1sM

Pour régler ce problème, et cacher le texte sur l'accueil, voici ce qu'il faut faire :
Code:

.titreCategorie h2 {
  margin-bottom: 0px;  /* enlève la marge du bas */
  text-indent: -9999px; /* masque le texte quand on est sur l'accueil */
}
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyLun 20 Mai 2013, 06:08
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
C'est étrange, car j'ai bien suivi tes indications à la lettre, mais le titre apparaît toujours, mais sous l'image au lieu d'au-dessus comme dans ton exemple.

tiens, si tu veut je te reposte le template et le css

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="titreCategorie h2">{catrow.tablehead.L_FORUM}</div>
<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>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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>
      <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="80%" 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 -->
            </span>
        <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      </td>
    <td class="row3 over" align="center" width="20%" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</div>
      </td>
  <!-- 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 -->

Code:
------------------------en-têtes de catégories----------------------
.titreCategorie { /* Ici on règle le css de TOUS les titres */
    height: 133px;
                text-indent: -999px;
}
.titreCategorie .horsrp{ /* Ici on règle le css du titre reglement */
background: url("http://i.imageox.com/bd2e59860786.png") no-repeat;
display: block;
height: 133px;
}
.titreCategorie .manoir{ /* Ici on règle le css du titre reglement */
background: url("URL DE L'IMAGE") no-repeat;
display: block;
height: 133px;
}
.titreCategorie .dehors{ /* Ici on règle le css du titre reglement */
background: url("URL DE L'IMAGE") no-repeat;
display: block;
height: 133px;
}
.titreCategorie .corbeille{ /* Ici on règle le css du titre reglement */
background: url("URL DE L'IMAGE") no-repeat;
display: block;
height: 133px;
}

.titreCategorie h2 {
  margin-bottom: 0px;  /* enlève la marge du bas */
  text-indent: -9999px; /* masque le texte quand on est sur l'accueil */
}
------------------------affichage sous-forums-------------------------
.sousforums a {
 display:inline-block; /* affichage en ligne mais avec les propriétés d'un bloc */
 background:#808080; /* une couleur de fond derrière chaque lien */
 padding:2px 5px; /*un espacement entre le texte et le bord du bloc-lien*/
 margin:0 5px; /* un espacement entre le bloc-lien et les éléments qui l'entourent */
 text-align:center; /* texte centré dans le bloc */
}
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyLun 20 Mai 2013, 07:55
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Enlever la barre de catégorie Empty
En regardant ton code sur Firebug, il me dit que tu as écrit ton titre de cette manière là :
Code:
<span class="horsrp"></span>Hors-RP

Il faudrait l'écrire comme cela :
Code:
<span class="horsrp">Hors-RP</span>
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyLun 20 Mai 2013, 08:04
Revenir en haut Aller en bas
http://manoiruniversalis.forumactif.fr/
Panache
Panache
{ Membre }
{ Membre }

Féminin Messages : 31



Enlever la barre de catégorie Empty
oooohhhh... erreur d'écriture xD les autres titres étaient ok x) merciiiii ;w; ça fais la troisième fois que je te dis que je te dérangerai plus xD aahhh la la je suppose que ça devrais aller, maintenant ^^
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie EmptyLun 20 Mai 2013, 11:20
Revenir en haut Aller en bas
Contenu sponsorisé




Enlever la barre de catégorie Empty
MessageSujet: Re: Enlever la barre de catégorie   Enlever la barre de catégorie Empty
Revenir en haut Aller en bas
 

Enlever la barre de catégorie

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

 Sujets similaires

-
» Enlever la barre d'une catégorie ??
» - Enlever le Fond En-tête Catégorie
» Aide pour ma barre de navigation ( effet barre menu horinzontal )
» Image en fond de barre de navig + barre sur toute la longueur (résolu)
»  Apposer le titre de catégorie sur l'en-tête de catégorie

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 | Cookies | Forum gratuit