Arrondir les angles du cadre des tables

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 le 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/
avatar

fifi le vosgien
***

Masculin
Messages : 166
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◦ le 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.



avatar

◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦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 le 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.
avatar

fifi le vosgien
***

Masculin
Messages : 166
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 le 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!
avatar

Cloo
****

Féminin
Messages : 346
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 le 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
avatar

GoichonTurf
****

Messages : 226
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◦ le 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.


avatar

◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Cloo le 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://i37.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://i37.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://i37.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!

avatar

Cloo
****

Féminin
Messages : 346
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 le 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
avatar

GoichonTurf
****

Messages : 226
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 le Sam 12 Nov 2016 - 22:17

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

avatar

Cloo
****

Féminin
Messages : 346
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 le Sam 12 Nov 2016 - 22:31

Bonsoir à tu essayer mon code amicalement serge
avatar

GoichonTurf
****

Messages : 226
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 le 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?
avatar

Cloo
****

Féminin
Messages : 346
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◦ le Dim 13 Nov 2016 - 7:37

Bonjour Cloo, merci d'ouvrir votre propre sujet !

Cordialement.


avatar

◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦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 le 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.
avatar

fifi le vosgien
***

Masculin
Messages : 166
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◦ le 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 :



Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Cloo le 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!
avatar

Cloo
****

Féminin
Messages : 346
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 le 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


avatar

fifi le vosgien
***

Masculin
Messages : 166
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◦ le 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;}




avatar

◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦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 le 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
avatar

fifi le vosgien
***

Masculin
Messages : 166
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


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