Arrondi des Categories déformant l'intérieur du forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Arrondi des Categories déformant l'intérieur du forum
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 :
Mais voilà, depuis, quand je vais à l'intérieur des topics, j'obtiens un truc vraiment étrange :
et j'ai beau bidouiller le code ci-dessus, rien n'y fait. Pourriez-vous m'aider ?
En vous remerciant d'avance!
- 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. Pourriez-vous m'aider ?
En vous remerciant d'avance!
Dernière édition par MissMali le Lun 29 Sep 2014 - 15:14, édité 1 fois
Re: Arrondi des Categories déformant l'intérieur du forum
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 :
Remplacez par :
et
Dans le CSS, remplacez :
par :
Cordialement.
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;">
et
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.
Invité- Invité
Re: Arrondi des Categories déformant l'intérieur du forum
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:
Soit je ne l'utilise pas et ça donne ça :
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 ? Un grand merci d'avance !
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 ? Un grand merci d'avance !
Re: Arrondi des Categories déformant l'intérieur du forum
.. | Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif Sécurité : mail de fondation - Ce qu'il ne faut pas faire
|
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 le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Arrondi des Categories déformant l'intérieur du forum
En installant un padding, mon problème est effectivement résolu : MILLE MERCIS !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum