Arrondir les angles du cadre des tables

4 participants

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

Résolu Arrondir les angles du cadre des tables

Message par fifi le vosgien Ven 11 Nov 2016 - 16:44

Messieurs, mesdames, bonsoir à tous,

Il m'avait semblé trouvé comment arrondir les angles de cadre tes tables ( en espérant que je ne me trompe pas dans la signification ) sur mon forum mais plus possible de me souvenir comment. J'ai visualisé les archives mais j'ai du passer à côté de la solution je pense.

L'un d'entres vous pourrait il m'aider ?

Par avance, merci,

Cdlt,

Nico

Le forum en question : http://militariavintage.forumactif.org/
fifi le vosgien

fifi le vosgien
***

Masculin
Messages : 181
Inscrit(e) le : 13/01/2014

http://militariavintage.forumactif.org
fifi le vosgien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par ◦Jay◦ Ven 11 Nov 2016 - 17:25

Bonjour fifi le vosgien, je ne suis pas certain de votre demande, essayez un de ces codes :

Code:
.forabg{border-radius:5px;}

ou

Code:
.topiclist.forums{border-radius:10px;}

Bien à vous.

◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par fifi le vosgien Sam 12 Nov 2016 - 20:02

Bonsoir Jay,

Merci pour aide, j'ai utilisé les deux codes qui m'ont bien arrondi les angles des cadres. On peut le voir même hors connexion.

Petite question, quand je rentre dans un forum, le bord des cadres restent à angle droit. Une idée pour y remédier ?

Par avance, merci.
fifi le vosgien

fifi le vosgien
***

Masculin
Messages : 181
Inscrit(e) le : 13/01/2014

http://militariavintage.forumactif.org
fifi le vosgien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par Cloo Sam 12 Nov 2016 - 20:15

Je me permets d'intervenir, je profite des conseils donnés, et j'arrondis aussi les angles, merci!

J'attends aussi la réponse à la dernière question, mais j'ai aussi la même pour les résultats retournés par "Voir les derniers messages...".

Merci!
Cloo

Cloo
*****

Féminin
Messages : 973
Inscrit(e) le : 09/07/2008

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

Résolu Re: Arrondir les angles du cadre des tables

Message par GoichonTurf Sam 12 Nov 2016 - 20:28

Bonsoir peut être j'ai la solution , mais il me faudrait ton css, car savoir si tu à une ligne concernant le wrap , j'attend amicalement serge
GoichonTurf

GoichonTurf
****

Messages : 242
Inscrit(e) le : 07/11/2016

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

Résolu Re: Arrondir les angles du cadre des tables

Message par ◦Jay◦ Sam 12 Nov 2016 - 20:38

Bonsoir à vous deux, pour le cadre, vous pouvez ajouter ceci :

Code:
.forumbg.announcement{border-radius:5px;}

Et si vous souhaitez arrondir les cadres des sujets, celui-ci :

Code:
ul.topiclist.bg_none .row{border-radius:5px;}

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par Cloo Sam 12 Nov 2016 - 22:03

On progresse, mais pas encore idéal!!!

Voici ce que j'ai mis dans le CSS, ce que vous m'avez dit ci-dessus, l'un et l'autre:
/* arrondir les angles */
.forabg{border-radius:10px;}
.topiclist.forums{border-radius:10px;}
.forumbg.announcement{border-radius:10px;}
ul.topiclist.bg_none .row{border-radius:10px;}

Voici ce que j'ai en page d'accueil:
https://i.servimg.com/u/f37/14/54/12/54/page_a10.jpg
L'arrondi du cadre est OK, l'arrondi des forums OK, même s'il est seulement sur celui du haut et du bas de chaque catégorie, je trouva ça bien, mais j'ai les lignes en haut et à gauche que j'avais avant, y a-t-i lmoyen de les éliminer?

Voici ce que j'ai quand je vais dans un forum:
https://i.servimg.com/u/f37/14/54/12/54/page_f10.jpg
L'arrondi du cadre vert est OK. Ensuite, comme j'ai mis 10 au lieu de 5 pour l'arrondi des sujets, c'est peut-être un peu exagéré, je vais ajuster.
Mais là encore, j'ai les lignes que j'avais avant, y a-t-il aussi moyen de les éliminer?
Et comme mentionné ci-dessus, j'ai des arrondis en haut et en bas de chaque sujet, alors que en page d'accueil, j'ai des arrondis seulement en haut du premier forum et en bas de du dernier forum de la catégorie. J'aimerais bien avoir uniformité entre les deux, le même look, si possible.

Et dans "Voir les nouveaux messages":
https://i.servimg.com/u/f37/14/54/12/54/page_v10.jpg
L'arrondi du cadre vert est OK.
Mais pas d'arrondi autour des sujets.

Merci de nous aider!

Cloo

Cloo
*****

Féminin
Messages : 973
Inscrit(e) le : 09/07/2008

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

Résolu Re: Arrondir les angles du cadre des tables

Message par GoichonTurf Sam 12 Nov 2016 - 22:16

Bonsoir moi je pensai perso qu'il suffisait d'un code celui-ci :

Code:
#wrap {
    padding: 5px;
}

mais peut être je me trompe, amicalement serge
GoichonTurf

GoichonTurf
****

Messages : 242
Inscrit(e) le : 07/11/2016

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

Résolu Re: Arrondir les angles du cadre des tables

Message par Cloo Sam 12 Nov 2016 - 22:17

Aussi, dans le QEEL, le cadre vert est encore bien carré:
https://i.servimg.com/u/f37/14/54/12/54/page_q10.jpg

Cloo

Cloo
*****

Féminin
Messages : 973
Inscrit(e) le : 09/07/2008

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

Résolu Re: Arrondir les angles du cadre des tables

Message par GoichonTurf Sam 12 Nov 2016 - 22:31

Bonsoir à tu essayer mon code amicalement serge
GoichonTurf

GoichonTurf
****

Messages : 242
Inscrit(e) le : 07/11/2016

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

Résolu Re: Arrondir les angles du cadre des tables

Message par Cloo Sam 12 Nov 2016 - 23:15

GoichonTurf a écrit:Bonsoir à tu essayer mon code amicalement serge
Le wrap? oui, ça ne changeait rien... mais je l'ai mis dans le CSS après les autres énoncés. Y a-t-il conflit?
Cloo

Cloo
*****

Féminin
Messages : 973
Inscrit(e) le : 09/07/2008

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

Résolu Re: Arrondir les angles du cadre des tables

Message par ◦Jay◦ Dim 13 Nov 2016 - 7:37

Bonjour Cloo, merci d'ouvrir votre propre sujet !

Cordialement.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par fifi le vosgien Dim 13 Nov 2016 - 13:33

◦Jay◦ a écrit:Bonsoir à vous deux, pour le cadre, vous pouvez ajouter ceci :

Code:
.forumbg.announcement{border-radius:5px;}

Et si vous souhaitez arrondir les cadres des sujets, celui-ci :

Code:
ul.topiclist.bg_none .row{border-radius:5px;}

Bien à vous.

Bonjour Jay,

Merci pour votre réponse rapide Wink
J'ai testé le premier code, il focntionne. Les angles des cadres à l'intérieur d'un forum sont bien devenus arrondis.
Par contre le second ne fonctionne visiblement pas.
fifi le vosgien

fifi le vosgien
***

Masculin
Messages : 181
Inscrit(e) le : 13/01/2014

http://militariavintage.forumactif.org
fifi le vosgien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par ◦Jay◦ Dim 13 Nov 2016 - 13:58

Bonjour fifi le vosgien, pour le deuxième code, de quels bords parlez-vous ? Sur votre forum, il arrondit ceux-ci et il le fait correctement, voici un screen :

Arrondir les angles du cadre des tables Awso

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par Cloo Dim 13 Nov 2016 - 14:05

◦Jay◦ a écrit:Bonjour Cloo, merci d'ouvrir votre propre sujet !

Cordialement.
D'accord, je le fais de ce pas, merci!
Cloo

Cloo
*****

Féminin
Messages : 973
Inscrit(e) le : 09/07/2008

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

Résolu Re: Arrondir les angles du cadre des tables

Message par fifi le vosgien Dim 13 Nov 2016 - 14:09

Bonjour Jay,

Voici ce que j'ai à l'écran lorsque je suis hors connexion. Les angles extérieurs sont bien arrondis mais jetez un coup d'œil aux intérieurs, ils restent d'équerre. Je parlais de ces angles là Smile

Arrondir les angles du cadre des tables Sans_t10
fifi le vosgien

fifi le vosgien
***

Masculin
Messages : 181
Inscrit(e) le : 13/01/2014

http://militariavintage.forumactif.org
fifi le vosgien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par ◦Jay◦ Dim 13 Nov 2016 - 14:32

Ah oui, ce ne sont pas les mêmes bords, vous pouvez retirer ce code :

Code:
.topiclist.forums{border-radius:15px;}

Et remplacer par :

Code:
.row,ul.forums {border-radius:10px;}
ul.forums .row{background-color:#ebebd9;}
ul.forums{background-color:#b7bd99;}

Il y a un petit trait disgracieux sur le côté, vous pouvez le supprimer en ajoutant :

Code:
ul.topiclist dd.dterm{border-left:none;}


◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les angles du cadre des tables

Message par fifi le vosgien Dim 13 Nov 2016 - 14:43

Merci Jay,

Tout fonctionne parfaitement. J'ai juste réduis les angles à 7px à la place de 10. Heureusement que cette plate forme existe car sans ça, je n'arriverais pas a imaginer tous ces codes.

Merci d'avoir pris le temps de m'avoir lu et répondu.

Bon dimanche,

Cdlt,

Nico
fifi le vosgien

fifi le vosgien
***

Masculin
Messages : 181
Inscrit(e) le : 13/01/2014

http://militariavintage.forumactif.org
fifi le vosgien a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum