Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Virgule entre chaque catégorie

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

Résolu Virgule entre chaque catégorie

Message par Zepiii le Jeu 6 Sep 2018 - 20:53

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://forum-generationmobiles.net

Description du problème

Bonjour,

Petit problème d'esthétique présent depuis longtemps.

Pour faire propre lorsque l'on liste les appareils présents dans une section, on écrit le nom de l'appareil et on termine par une balise HTML br

Voici le résultat :

Virgule entre chaque catégorie FluEKW8

Ce qui est embêtant, c'est qu'il y'a une virgule entre chaque catégorie et du coup ici elle crée un désalignement.

Est-il possible de retirer cette virgule?
Si non, avez-vous une solution plus propre ?

Merci,
Zepiii
Zepiii

Zepiii
****

Messages : 301
Inscrit(e) le : 25/06/2010

Voir le profil de l'utilisateur https://www.forum-generationmobiles.net
Zepiii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Lixyr le Jeu 6 Sep 2018 - 22:41

Bonsoir,

Avez-vous fait des modification dans le template des catégories (index_box) ?


ABSENTE LA SEMAINE - J'ENSEIGNE AVEC UN MASQUE.
RÉPONDS AUX MP
Virgule entre chaque catégorie G2J0e
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6594
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Zepiii le Ven 7 Sep 2018 - 20:26

Bonsoir,

Merci pour l'aide.

Toutefois, je ne m'y connais pas assez pour vous répondre Sad
Zepiii

Zepiii
****

Messages : 301
Inscrit(e) le : 25/06/2010

Voir le profil de l'utilisateur https://www.forum-generationmobiles.net
Zepiii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Lixyr le Sam 8 Sep 2018 - 8:01

Bonjour,

Right Allez dans le panneau de configuration > affichage > templates > général
Right En face de index_box, cliquez sur le petit rouage edit et copiez le contenu que vous obtenez.
Right Collez ici ce que vous obtenez, dans une balise code.

Right Ensuite, donnez-moi votre CSS :
Right panneau de configuration > affichage > Images et Couleurs > couleurs > feuille de style CSS
Right Copiez ce que vous avez dans le champ.
Right Collez ici ce que vous obtenez, dans une balise code.


ABSENTE LA SEMAINE - J'ENSEIGNE AVEC UN MASQUE.
RÉPONDS AUX MP
Virgule entre chaque catégorie G2J0e
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6594
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Zepiii le Sam 8 Sep 2018 - 8:30

Bonjour,

Merci pour l'aide.

Index_box :

Code:
<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        <br />
                        {catrow.forumrow.FORUM_DESC}

                        <!-- 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}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                     <!-- BEGIN ads -->
                     <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                     </span>
                            <!-- END ads -->
                     
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

CSS :

Code:
/*Bouton haut-bas : https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas*/
.boutonhautbas {
    bottom: 40px;
    left: 5px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

/*Barre de navigation flottante : https://forum.forumactif.com/t381565-ajouter-une-barre-de-navigation-flottante*/
/* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#FAFAFA;
  border-bottom:1px solid #CCC !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
 
#fa_sticky_nav li { display:inline } /* navlist adjustment */
 
 
/* sticky menu links */
#fa_sticky_nav a.mainmenu {
  color:#39C;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('https://i.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
 
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
 
 
/* sticky nav toggler */
#fa_sticky_toggle {
  background:url('https://i.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
  border:1px solid #CCC;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
 
#fa_sticky_toggle:hover { background-position:-30px 0 }
 
 
/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
 
 
/* post offset fix */
.post div[style*="-30px;"] {
  top:-60px !important;
}

Je pars une semaine en vacances donc si c'est possible de ne pas fermer le topic Wink
Merci.
Zepiii

Zepiii
****

Messages : 301
Inscrit(e) le : 25/06/2010

Voir le profil de l'utilisateur https://www.forum-generationmobiles.net
Zepiii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Bipo le Sam 8 Sep 2018 - 23:55

Bonsoir Zepiii,

@Zepiii a écrit:Pour faire propre lorsque l'on liste les appareils présents dans une section, on écrit le nom de l'appareil et on termine par une balise HTML br

Le résultat est normal car la virgule qui sépare un sous forum est placée après le titre. Du coup, quand vous ajoutez une balise <br /> à la fin du titre, la virgule passe en-dessous. Pour résoudre votre problème, il faudrait :

→ Enlevez toutes les balises <br /> à la fin des titres de vos sous-forums ;

→ Utilisez ce tutoriel : [Personnaliser l'affichage des sous-forums] afin de créer une liste automatique des sous-forums sans utiliser la balise HTML <br />.

Bonne soirée sur Forumactif.
Bipo.
Bipo

Bipo
Membre habitué

Messages : 1351
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Chacha le Ven 14 Sep 2018 - 9:26

Virgule entre chaque catégorie UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 63445
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Zepiii le Dim 16 Sep 2018 - 7:26

Bonjour.

Merci pour l'astuce.
Je reviens de vacances, laissez moi encore un peu le temps d'essayer SVP et je vous redis quoi Wink
Zepiii

Zepiii
****

Messages : 301
Inscrit(e) le : 25/06/2010

Voir le profil de l'utilisateur https://www.forum-generationmobiles.net
Zepiii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Virgule entre chaque catégorie

Message par Zepiii le Dim 16 Sep 2018 - 11:08

Grand merci Bipo qui a réglé mon problème cheers
Zepiii

Zepiii
****

Messages : 301
Inscrit(e) le : 25/06/2010

Voir le profil de l'utilisateur https://www.forum-generationmobiles.net
Zepiii 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