Retirer le défilement des sous-forums

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

Résolu Retirer le défilement des sous-forums

Message par Invité le Ven 9 Jan 2015 - 20:09

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 09.01.2015
Lien du forum : http://ombrie.purforum.com/

Description du problème

Bonsoir et bonne année ^^

Je souhaite savoir quel code retirer du CSS pour ne plus avoir les sous-forums qui défilent... ce n'est pas très pratique :/

Voilà la partie du CSS concerné :

Code:
/********* DÉBUT CATÉGORIES ***********/
/* Mise en place du conteneur d'onglets */
#conteneur_onglets_cate {
  /* Taille (largeur et hauteur) */
  width: 90%;
  height: 25px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  overflow: visible;
  /* Couleur de fond */
  background-color: rgba(178, 178, 178, 0.8);
  display: none;
  text-align: center;
}

/* Mise en forme des noms d'onglets */
#conteneur_onglets_cate div {
  display: inline-block;
  verctical-align: bottom;
  position: relative;
  bottom: 25px;
  margin: 10px;
  /* Couleur */
  color: #3C4A55;
  font-size: 16pt;
  /* Police d'écriture */
  font-family: 'Dancing Script';
  transition: all ease 1s;
}

/* Effet au passage de la souris sur les noms d'onglets */
#conteneur_onglets_cate div:hover {
  color: #43586B;
  transition: all ease 1s;
}
 
/* CSS pour les onglets */
.onglet_cate {
  cursor: pointer;
}

/* CSS pour retirer le contour de catégories */
.categorie .forumline {
  border: 0px solid;
}

/* Mise en pace du titre de catégorie */
.secondarytitle {
  width: 100%;
  text-align: center;
}

/* Mise en forme du titre de catégorie */
.secondarytitle h2 {
  color: #3C4A55;
  font-size: 20pt;
  font-family: 'Dancing Script';
  letter-spacing: 0px;
  transition: all ease 1s;
}

/* Effet au passage de la souris sur le titre de catégorie */
.secondarytitle h2:hover {
  letter-spacing: 3px;
  transition: all ease 1s;
}

/* Mise en forme du titre de sous-forum 8position) */
.titre_forum {
  width: 90%;
  margin: auto;
  margin-bottom: -10px;
  text-align: left;
}

/* Mise ne forme du lien de sous-forum */
a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
  /* Couleur, taille et police */
  color: #141A28;
  font-size: 16pt;
  font-family: 'Dancing Script';
    /* Mise ne place de l'effet */
  letter-spacing: 0px;
  transition: all ease 1s;
}

/* Effet au passage de la souris sur les liens de sous-forum */
a.forumlink:hover {
  color: #45576B;
  text-decoration: none !important;
  letter-spacing: 2px;
  transition: all ease 1s;
}

/* Contour des sous-forums */
.conteneur_forum {
  width: 730px;
  margin: auto;
  padding: 10px;
  border-radius: 20px;
  /* Couleur de fond */
  background-color: rgba(35, 49, 64, 0.8);
}

/* Countour de la description de sous-forums */
.description_forum {
  display: inline-block;
  vertical-align: top;
  /* Taille */
  width: 440px;
  height: 80px;
  padding: 10px;
  margin: 5px;
  margin-left: 60px;
  border-radius: 10px;
  /* Couleur de fond */
  background-color: #E6E3DE;
  overflow: hidden;
}

/* Position de l'image dans la description */
.description_forum img {
  float: left;
  margin-right: 10px;
  border-radius: 5px;
}

/* Mise en forme du texte dans la description */
.description_forum p {
  width: 320px;
  height: 70px;
  margin: 0px;
  overflow: auto;
  /* Couleur du texte */
  color: #43586B;
  text-align: justify;
}

/* Conteneur des statistiques et dernier message */
.conteneur_stats {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  /* Taille */
  width: 140px;
  height: 90px;
  padding-bottom: 10px;
  margin: 5px;
  overflow: hidden;
  border-radius: 10px;
  /* Couleur de fond */
  background-color: #E6E3DE;
}

/* Arrondi sur l'image de nouveau/pas de nouveaux/verrouillé */
.conteneur_stats .folder_img {
  border-radius: 10px;
}

/* Mise en forme de X messages dans X sujets */
.conteneur_stats .stats {
  text-align: center;
  /* Couleur */
  color: #43586B;
  font-size: 8pt;
  font-family: 'Dancing Script';
}

/* Mise en forme du lien du dernier sujet */
.conteneur_stats .gensmall a {
  color: #3C4A55;
  text-decoration: none !important;
  transition: all ease 1s;
}

/* Effet au hover */
.conteneur_stats .gensmall a:hover {
  color: #B2B2B2;
  text-decoration: none !important;
  transition: all ease 1s;
}

/* Conteneur des liens déflants du sous-forum */
.conteneur_liens_ss_forums {
  /* Taille */
  width: 610px;
  height: 15px;
  padding-top: 5px;
  margin: auto;
  margin-top: 10px;
  border-radius: 10px;
  /* Couleur de fond */
  background-color: #E6E3DE;
}

/* Mise en forme des liens vers les sous-forums */
.conteneur_liens_ss_forums a {
  color: #3C4A55;
  text-decoration: none !important;
  transition: all ease 1s;
}

/* Effet au Hover */
.conteneur_liens_ss_forums a:hover {
  color: #B2B2B2;
  text-decoration: none !important;
  transition: all ease 1s;
}
/********* FIN CATÉGORIES ***********/

Merci beaucoup ♥


Dernière édition par Suki le Ven 9 Jan 2015 - 20:42, édité 1 fois

Invité
Invité


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

Résolu Re: Retirer le défilement des sous-forums

Message par Milouze14 le Ven 9 Jan 2015 - 20:18

Salut Suki,

il n'y a pas de rapport avec la css, en tant que fondateur
tu devrais savoir ce qui se trouve sur ton fofo Wink .

tu peux donner le template index_box:
Affichage/Templates/Général/index_box


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le défilement des sous-forums

Message par Invité le Ven 9 Jan 2015 - 20:32

Ah ah désolée mais c'est une fille qui a codé, vu je suis une vraie quiche et elle a disparue de la circulation au moment où je voulais qu'elle retire ça :/ À chaque fois je recrute du Staff, ça déserte u_u

Désolée pour l'erreur.

Voilà le template (en entier) :

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>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<div id="conteneur_onglets_cate">
  <div class="onglet_cate">Nom onglet 1</div>
  <div class="onglet_cate">Nom onglet 2</div>
  <div class="onglet_cate">Nom onglet 3</div>
  <div class="onglet_cate">Nom onglet 4</div>
  <div class="onglet_cate">Nom onglet 5</div>
</div>
<div id="conteneur_cate"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
          <td>
      <div class="secondarytitle"> {catrow.tablehead.L_FORUM} </div>
          </td>
  </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">&nbsp;</td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
          <td>
      <!-- BEGIN inc -->
      <!-- END inc -->
            <div class="titre_forum">
              <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}>
            </div>
            <div class="conteneur_forum">
              <div class="description_forum">
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
              </div>
              <div class="conteneur_stats">
                <img class="folder_img" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                <div class="stats">
                  {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets
                </div>
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
              </div>
              <div class="conteneur_liens_ss_forums">
                <marquee onmouseover="this.stop();" onmouseout="this.start();">
        <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                </marquee>
              </div>
            </div>
          </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 -->
  </div><!-- END catrow --></div>

Invité
Invité


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

Résolu Re: Retirer le défilement des sous-forums

Message par Milouze14 le Ven 9 Jan 2015 - 20:36

Re,
ahh les filles Very Happy .

Supprimes tout le contenu et remplaces par:
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>
        <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
        <div id="conteneur_onglets_cate">
          <div class="onglet_cate">Nom onglet 1</div>
          <div class="onglet_cate">Nom onglet 2</div>
          <div class="onglet_cate">Nom onglet 3</div>
          <div class="onglet_cate">Nom onglet 4</div>
          <div class="onglet_cate">Nom onglet 5</div>
        </div>
        <div id="conteneur_cate"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie">
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
                  <td>
              <div class="secondarytitle"> {catrow.tablehead.L_FORUM} </div>
                  </td>
          </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">&nbsp;</td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
                  <td>
              <!-- BEGIN inc -->
              <!-- END inc -->
                    <div class="titre_forum">
                      <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}>
                    </div>
                    <div class="conteneur_forum">
                      <div class="description_forum">
                        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                      </div>
                      <div class="conteneur_stats">
                        <img class="folder_img" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        <div class="stats">
                          {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets
                        </div>
                        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                      </div>
                      <div class="conteneur_liens_ss_forums">
                       
                <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                     
                      </div>
                    </div>
                  </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 -->
          </div><!-- END catrow --></div>


Penses a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer le défilement des sous-forums

Message par Invité le Ven 9 Jan 2015 - 20:42

Hu hu c'est quoi cette remarque ? Very Happy

Merci beaucoup ♥

C'est modifié ^^

Bonne soirée !

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