Catégories arrondies

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

Résolu Catégories arrondies

Message par MlleSnake le Lun 1 Juil 2013 - 6:42

Bonjour,
j'ai suivi un tuto sur un forum pour modifier les catégories, et ça a fonctionné à merveille. Toutefois, je veux modifier le « cadre » titre de la catégorie afin d'en arrondir les bord et changer la typo...
Voilà un image des mes catégories dans leur état actuel (les flèches rouges c'est ce que je veux modifier) :

Spoiler:

Je voudrais modifier le titre pour que ça donne quelque chose comme ça :


Toutefois, j'ai tenté d'insérer une div près du cat_title, je l'ai déplacé et re-déplacé, j'ai créé un CSS, mais ça n'a jamais donné ce que je voulais. En fait, j'ai réussi à créer des contours arrondis, mais c'était autour des catégories et celles-ci restaient tout de même de la forme carrée à l'intérieur...
Bref, la question est : quelqu'un peu m'aider dans mon template à insérer une div (div class de préférence pour travailler dans le css) pour que ça donne ce que je veux ?

Voici mon index_box dans son état actuel(je le met sous hide pour ne pas me faire prendre mon code =/) :


J'espère avoir été claire -.-' et en vous remerciant !


Dernière édition par MlleSnake le Mar 2 Juil 2013 - 18:32, édité 3 fois

MlleSnake
**

Féminin
Messages : 97
Inscrit(e) le : 09/10/2010

http://wearegodsnow.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories arrondies

Message par Green Apple le Lun 1 Juil 2013 - 17:22

Bonjour,

Essayez de mettre ce code dans votre CSS :
Code:
.forumline {
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;}

Cordialement,

Green Apple
**

Masculin
Messages : 57
Inscrit(e) le : 06/11/2012

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

Résolu Re: Catégories arrondies

Message par MlleSnake le Lun 1 Juil 2013 - 18:20

Ah oui c'est vrai j'ai oublié de mentionner que je connaissais déjà ce truc là, mais il reste des coins carrés :

MlleSnake
**

Féminin
Messages : 97
Inscrit(e) le : 09/10/2010

http://wearegodsnow.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories arrondies

Message par MlleAlys le Lun 1 Juil 2013 - 22:53

bonjour !
en fait c'est parce que les coins du tableau sont arrondis, mais pas les cellules à l'intérieur du tableau ^^"
On peut contourner le problème en cachant ce qui dépasse du tableau :
Code:
.forumline {
    overflow: hidden;
}
(mais ce code pose problème par exemple si vous avez des images pour les titres qui dépassent du tableau par exemple...)

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Catégories arrondies

Message par MlleSnake le Mar 2 Juil 2013 - 4:52

Ok, pour le moment ça fonctionne en tout cas! merci
Toutefois, si je voudrais faire une PA par exemple avec un cadre ou un infobulle qui sort sur le côté, est-ce que ça va fonctionner ou absolument rien ne pourra sortir du cadre du forum?

N'y aurait-il pas un moyen moins problématique ? XD

MlleSnake
**

Féminin
Messages : 97
Inscrit(e) le : 09/10/2010

http://wearegodsnow.forumactif.com/
MlleSnake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories arrondies

Message par MlleAlys le Mar 2 Juil 2013 - 11:03

oui, ça risque de poser de poser problème ^^"

Un autre moyen peut être de modifier les couleurs de fond : mettre la couleur dans la table forumline, et retirer celle des cellules qui débordent.

Un autre moyen encore peut être d'appliquer également un border radius aux cellules à l'intérieur de la table. Peut être moins pratique celui là.

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Catégories arrondies

Message par MlleSnake le Mar 2 Juil 2013 - 18:30

ah ! l'idée des couleurs fonctionne à merveille ! C'est super merci ! =p

MlleSnake
**

Féminin
Messages : 97
Inscrit(e) le : 09/10/2010

http://wearegodsnow.forumactif.com/
MlleSnake 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