Mise en forme cadre widget

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

Résolu Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 7:39

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://voyances-ombeline.forumgratuit.be/

Description du problème

Bonjour,

J'en reviens vers vous de nouveau après de multiples essais infructueux que je ne m'explique pas scratch

Donc en gros je souhaiterais arrondir le cadre de mon widget "sujets récents" j'ai essayé avec la donnée border-radius associée à une fois .module, une fois .marquee, une fois #left et bien d'autres … mais rien n'y a fait et aussi j'ai rencontré un souci pour y attribuer un "borde"r que j'ai associé à #left  et qui est le seul à le prendre mais il y a un dépassement bizarre au bas du cadre (faites bien attention car cela donne sur le wallpaper et donc c'est très subtil à voir) cnfr image ci-dessous :


Je vous remercie d'avance beaucoup pour votre précieuse aide ^^

Belle fin de week-end,

Ombeline.


Dernière édition par Ombeline30 le Dim 22 Jan 2017 - 14:38, édité 1 fois
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 9:04

Bonjour Ombeline, essayez ceci :

Code:
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;}

Vous pourrez ajouter un border comme vous le souhaitez, s'il y a un problème, merci de mettre votre widget visible aux invités que je puisse le voir. Wink

Bien à vous.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 9:22

Bonjour Jay,

Voilà encore une fois mon sauveur ça a bien marché j'ai essayé les diverses parties que vous m'avez fournies mais séparément et non ensemble, cela dit il n'y a qu'un petit couac qui persiste je vous le mets en image :


Comme vous pouvez le voir aux 4 coins arrondis il y a des coins beiges si vous pouvez m'aider à les ôter ce serait très gentil ^^

Encore un immense merci pour votre précieuse aide comme toujours  thumright


Dernière édition par Ombeline30 le Dim 22 Jan 2017 - 14:38, édité 1 fois
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 13:48

Coucou Ombeline, pouvez-vous mettre le widget visible aux invités s'il vous plait ?


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 13:50

Oui oui je le fais de suite ^^
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 13:51

Voilà qui est fait ^^
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 13:57

Voila, si cela vous convient :

Code:
.forumline.genmed{background-color:transparent !important ;}


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 14:00

Ah zut j'avais bien essayé avec le même background mais j'avais omis certains éléments Embarassed sinon c'est bon c'est parti il persiste juste encore un écart entre le titre et le cadre si vous voyez ?
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 14:12

Oui, donc, retirez tout ce que vous avez mis depuis ce matin et essayez comme ceci :

Code:
.forumline.genmed{background-color:transparent !important ;
border-spacing :2px 0;}
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;
margin-top:2px !important ;
border:1px ;
}


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 14:17

Merci Jay c'est parfait juste pour le contour où dois-je rajouter ceci s'il vous plaît :

border: 1px solid #c19161;
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 14:22

Ah oui, il faudrait donc le mettre en deux fois, le code complet serait :

Code:
.forumline.genmed{background-color:transparent !important ;
border-spacing :2px 0;}
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;
border-bottom: 1px solid #c19161;
border-left: 1px solid #c19161;
border-right: 1px solid #c19161;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;
margin-top:2px !important ;
border-top: 1px solid #c19161;
border-left: 1px solid #c19161;
border-right: 1px solid #c19161;
}

En remplacement du code précédent. Wink Retirez le précédent dans son intégralité et mettez celui-ci.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 14:26

Personnellement, j'aurai peut-être essayé avec 2px, comme ceci :

Code:
.forumline.genmed{background-color:transparent !important ;
border-spacing :2px 0;}
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;
border-bottom: 2px solid #c19161;
border-left: 2px solid #c19161;
border-right: 2px solid #c19161;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;
margin-top:2px !important ;
border-top: 2px solid #c19161;
border-left: 2px solid #c19161;
border-right: 2px solid #c19161;
}


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 14:28

Superrrrrrrrrrrrrr on y est presque en effet ça rend mieux et y aurait-il moyen également de mettre le trait en guise de séparation entre le titre (cadre sombre) et le cadre avec les sujets ?
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 14:34

Bah justement, je l'avais supprimé car je pensais que vous n'en vouliez pas ! Razz

Donc, un border à 2px avec séparation à 1 px :

Code:
.forumline.genmed{background-color:transparent !important ;
border-spacing :2px 0;}
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;
border-bottom: 2px solid #c19161;
border-left: 2px solid #c19161;
border-right: 2px solid #c19161;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;
margin-top:2px !important ;
border-top: 2px solid #c19161;
border-left: 2px solid #c19161;
border-right: 2px solid #c19161;
border-bottom: 1px solid #c19161;
}

Ou border à 2px et séparation 2 px aussi :

Code:
.forumline.genmed{background-color:transparent !important ;
border-spacing :2px 0;}
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;
border-bottom: 2px solid #c19161;
border-left: 2px solid #c19161;
border-right: 2px solid #c19161;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;
margin-top:2px !important ;
border: 2px solid #c19161;
}

Et tous les border à 1px :

Code:
.forumline.genmed{background-color:transparent !important ;
border-spacing :2px 0;}
.forumline.genmed .row1 {border-bottom-left-radius:20px !important;
border-bottom-right-radius:20px !important;
border-bottom: 1px solid #c19161;
border-left: 1px solid #c19161;
border-right: 1px solid #c19161;}
.forumline.genmed .catLeft {border-top-left-radius:20px !important;
border-top-right-radius:20px !important;
margin-top:2px !important ;
border: 1px solid #c19161;
}

A vous de choisir. Very Happy


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 14:37

Rhoooooo ben dis donc quel travail encore une fois un immense merci Jay j'espère un jour devenir aussi douée que vous l'êtes, c'est parfait je place en résolu ^^

Au plaisir,

Beau dimanche à vous,

À tout bientôt  Hi
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme cadre widget

Message par ◦Jay◦ le Dim 22 Jan 2017 - 14:39

Avec plaisir. Wink

@Bientôt. Hi


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3609
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: Mise en forme cadre widget

Message par Ombeline30 le Dim 22 Jan 2017 - 14:41

Hi Hi Hi
avatar

Ombeline30
****

Messages : 241
Inscrit(e) le : 11/08/2015

http://voyances-ombeline.forumgratuit.be/
Ombeline30 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