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

2 participants

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 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

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 Invité 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.
Anonymous

Invité
Invité


Invité 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 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

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 Dim 28 Sep 2014 - 23:00

up Wink
MissMali

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 Lun 29 Sep 2014 - 10:45

.Arrondi des Categories déformant l'intérieur du forum HSbTQ6a.
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Arrondi des Categories déformant l'intérieur du forum KoFs0PU 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Arrondi des Categories déformant l'intérieur du forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Arrondi des Categories déformant l'intérieur du forum 3592387030 pour prévenir la modération.

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

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Lun 29 Sep 2014 - 15:14

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

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