Arrondi des Categories déformant l'intérieur du forum

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

Résolu Arrondi des Categories déformant l'intérieur du forum

Message par MissMali le Ven 26 Sep 2014 - 21:19

Bonsoir à tous, et désolée d'avance pour l'enquiquinage, mais je suis vraiment perdue : j'ai arrondi les catégories de mon forum grâce à ce code dans le CSS :

Code:

/*TEXTURE CORPS FORUM*/
        td.row1,td.row2,td.row3
        {
        background-image:url(http://img15.hostingpics.net/pics/498994ricepaperbrown.png);
        }



        #wrap {
          border-radius: 30px; /*les coins arrondis*/
          min-width: 0px; /*largeur minimale à 0*/
          overflow: hidden; /*cacher ce qui dépasse*/
          padding: 10px; /*marge intérieure*/
          -webkit-box-shadow: 0 0 10px black;
          -moz-box-shadow: 0 0 10px black;
          -o-box-shadow: 0 0 10px black;
          -ms-box-shadow: 0 0 10px black;
          box-shadow: 0 0 10px black; /*ombre du cadre du forum*/
          text-shadow: 2px 2px 1px rgba(0,0,0,0.3); /*ombre du texte*/
        }

.forumline{
      color: #140401;
      border: 5px solid #350b3b;
      -moz-border-radius: 220px;
      -webkit-border-radius: 90px;
      border-radius:220px;
    background-image:url(http://img15.hostingpics.net/pics/498994ricepaperbrown.png);
  overflow: hidden;
  max-height: 1em;
        }

Mais voilà, depuis, quand je vais à l'intérieur des topics, j'obtiens un truc vraiment étrange :

Spoiler:

et j'ai beau bidouiller le code ci-dessus, rien n'y fait. pale Pourriez-vous m'aider ?

En vous remerciant d'avance! Smile


Dernière édition par MissMali le Lun 29 Sep 2014 - 15:14, édité 1 fois

MissMali
Nouveau membre

Messages : 11
Inscrit(e) le : 26/09/2014

http://picotron-test.forumgratuit.org
MissMali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi des Categories déformant l'intérieur du forum

Message par Kinotto le Sam 27 Sep 2014 - 11:50

Bonjour,

C'est parce que l'identifiant #wrap ne sert pas seulement à l'affichage des catégories.

Allez dans PA > Affichage > Templates > Général > index_box

Trouvez :
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="70%" border="0" cellspacing="1" cellpadding="0" style="margin:auto !important;">

Remplacez par :

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="categories" width="70%" border="0" cellspacing="1" cellpadding="0" style="margin:auto !important;">

:enreg: et ajout

Dans le CSS, remplacez :

Code:
#wrap {
          border-radius: 30px; /*les coins arrondis*/
          min-width: 0px; /*largeur minimale à 0*/
          overflow: hidden; /*cacher ce qui dépasse*/
          padding: 10px; /*marge intérieure*/
          -webkit-box-shadow: 0 0 10px black;
          -moz-box-shadow: 0 0 10px black;
          -o-box-shadow: 0 0 10px black;
          -ms-box-shadow: 0 0 10px black;
          box-shadow: 0 0 10px black; /*ombre du cadre du forum*/
          text-shadow: 2px 2px 1px rgba(0,0,0,0.3); /*ombre du texte*/
        }

par :

Code:
.categories {
          border-radius: 30px; /*les coins arrondis*/
          min-width: 0px; /*largeur minimale à 0*/
          overflow: hidden; /*cacher ce qui dépasse*/
          padding: 10px; /*marge intérieure*/
          -webkit-box-shadow: 0 0 10px black;
          -moz-box-shadow: 0 0 10px black;
          -o-box-shadow: 0 0 10px black;
          -ms-box-shadow: 0 0 10px black;
          box-shadow: 0 0 10px black; /*ombre du cadre du forum*/
          text-shadow: 2px 2px 1px rgba(0,0,0,0.3); /*ombre du texte*/
        }


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi des Categories déformant l'intérieur du forum

Message par MissMali le Sam 27 Sep 2014 - 16:34

Merci beaucoup pour le code, ça va me servir, mais en l’occurrence pas pour le souci que j'ai soulevé. J'ai dû mal m'exprimer, pardon, je recommence : j'aime beaucoup mon arrondi mais mon souci c'est qu'il coupe le texte et le contenu de mes forums.

Soit j'utilise le css overflow:hidden et ça donne ça:
Spoiler:

Soit je ne l'utilise pas et ça donne ça :
Spoiler:

Pour moi, la solution css overflow:hidden est la mieux, mais y'a-t-il une possibilité de faire en sorte que ça ne coupe pas le texte, quitte à faire en sorte que le texte commence plus bas ? Le but serait bien sûr de ne pas toucher à l'arrondi.

Pouvez-vous m'aider ? Smile Un grand merci d'avance !

MissMali
Nouveau membre

Messages : 11
Inscrit(e) le : 26/09/2014

http://picotron-test.forumgratuit.org
MissMali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi des Categories déformant l'intérieur du forum

Message par MissMali le Dim 28 Sep 2014 - 23:00

up Wink

MissMali
Nouveau membre

Messages : 11
Inscrit(e) le : 26/09/2014

http://picotron-test.forumgratuit.org
MissMali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi des Categories déformant l'intérieur du forum

Message par Lixyr le Lun 29 Sep 2014 - 10:45

..
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink

Bonjour,

Pour palier à ce problème il faudrait mettre un padding pour créer une marge interne qui décalerait le texte.
Code:
#wrap { [...]
padding: 5px 10px;
}

A rajouter avant la fermeture de l'accolage dans l'id wrap, donc.
Le chiffre 5 c'est la marge du haut et du bas, le chiffre 10 la marge gauche et droite.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi des Categories déformant l'intérieur du forum

Message par MissMali le Lun 29 Sep 2014 - 15:14

En installant un padding, mon problème est effectivement résolu : MILLE MERCIS ! Sourire2

MissMali
Nouveau membre

Messages : 11
Inscrit(e) le : 26/09/2014

http://picotron-test.forumgratuit.org
MissMali 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