Code des catégories

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

Résolu Code des catégories

Message par Camoche03 le Jeu 21 Juil 2011 - 16:43

Salut !

J'ai suivit un tuto de ce forum pour faire ça :



Comme vous le voyez, ça marche. Mais le haut (152 miaulements dans ...) touche la bordure présentation, et je voulais savoir si on pouait "baisser" le 152 miaulements ... plus bas enfin tout le bloc

Et aussi =, vous voyez l'espace vide en dessous de présentaions et abscences, cest censé etre pour un sous forum, et je n'arrive pas à en mettre

Voila une partie de mon CSS pour faire le code qu'il y a sur l'image :
Si vous voulez mon tremplate modifié pour faire ce code, dites le moi

Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #2E8B57;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 18px;
      -moz-border-radius-topright: 15px;
      -webkit-border-top-right-radius: 18px;
      -webkit-border-top-left-radius: 18px;
      border-top-right-radius: 18px;
      border-top-left-radius: 18px;
      border-bottom: 0 none !important;
      border-left: 3px solid #2E8B57;
      border-right: 3px solid #2E8B57;
      border-top: 3px solid #2E8B57;
      color: #000000;
      font-size: 9px;
      font-style: italic;
      height: 15px;
      left: 270px;
      padding: 2px;
      position: relative;
      text-align: center;
      width: 175px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #2E8B57;
      border: 3px solid #2E8B57;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}


Dernière édition par Camoche03 le Jeu 21 Juil 2011 - 17:32, édité 1 fois

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code des catégories

Message par Invité le Jeu 21 Juil 2011 - 16:54

Bonjour,

Pour ma part, je vous réponds concernant l'absence de vos sous-forum. Voici à toutes fins utiles un topic sur la création des sous-forums : http://forum.forumactif.com/t171449-creer-un-sous-forum?highlight=sous+-forums

Par ailleurs, pour qu'ils apparaissent, il faut aller dans le PA>Affichage>page d'accueil>structure et hiérarchie et cocher "oui" l'option "Liens vers les niveaux inférieurs".

Cordialement

Invité
Invité


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

Résolu Re: Code des catégories

Message par Camoche03 le Jeu 21 Juil 2011 - 17:06

Merci pour les sous forum, ça marche ♥
Ne manque plus que de décaler le code Smile

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code des catégories

Message par Invité le Jeu 21 Juil 2011 - 17:16

Pour le décalage, essayez de remplacer votre code CSS par celui-ci :

Code:

        /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #000000;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    }

    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #000000;
          border-right: 3px solid #000000;
          border-top: 3px solid #000000;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
margin-top: 4px;;
          padding: 6px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #000000;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    }

Vous pouvez modifier cette valeur
Code:
.forumstats......margin-top : 4 px;
pour agrandir éventuellement la marge avec le haut.

Cordialement

Invité
Invité


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

Résolu Re: Code des catégories

Message par Camoche03 le Jeu 21 Juil 2011 - 17:31

Le code que vous m'avez donné est le code de départ que j'ai modifié

Oh ! Merci pour le margin c'est ce que je cherchais ! Résolu ♥ merci beaucoup Smile

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 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