Coins arrondis qui ne collent pas

[Samoz]

Bonjour !

Je souhaiterais donner un effet arrondis à tous mes coins, j'ai suivis ce post:  https://forum.forumactif.com/t351263-arrondi-oui-mais-pas-tous#2992522

Tout allez bien mais de nombreuses parties du forum n'ont pas cet effet :

Réponse rapide :

Sous-forum :

Derniers messages :

et aussi la Chatbox, enfin un peu partout !  


Le post était bon mais je me suis vite perdu dans les Templates pour faire la suite tout seul, c'est pourquoi j'ai besoin de votre aide

Merci beaucoup

[Samoz]

Up :zen: 

[Matriochka]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonsoir,

Pour les angles du cas, on peut déjà procéder avec :

Code:

td.catBottom, th.thBottom {borer-radius:0 0 15px 15px;}

Pour les angles de manière générale dans les cellules :

Code:

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {border-radius:15px;}

Le gros problème, c’est que là on va arrondir absolument tous les angles de toutes les cellules… Si on voudrait vraiment bien faire, il faudrait aller ajouter des id dans tous les templates, ce qui représente un travail titanesque…  

[Samoz]

Bonsoir,

Merci de votre aide mais le code ne me convient pas vraiment, j'aimerais, en tout cas pour commencer, arrondir uniquement les bords de chaque "rectangle" pour qu'il colle parfaitement avec les bordures installées et qu'il ne les dépassent pas.

Je sais pas si je suis très compréhensible donc je vais plutôt faire avec une image  

Je l'explique

En rouge ce sont les angles que je souhaites absolument arrondir pour qu'ils collent avec le cadre vert qui fait le tour des "rectangles" afin de donner un effet de "boites" empilées  

En bleu ce sont les angles qui ne me dérange pas du tout et que je ne juge pas nécessaire d'arrondir car ils collent parfaitement avec ce que je veux.


En tout cas merci de votre aide !

[Matriochka]

Alors dans un premier temps, remplace :

Code:

#rowradiusleft {
-moz-border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
border-radius: 0 0 0 20px;}

Par :

Code:

#rowradiusleft {
-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;}

Et :

Code:

#rowradiusright {
-moz-border-radius: 0 0 20px 0;
-webkit-border-radius: 0 0 20px 0;
border-radius: 0 0 20px 0;}

Par :

Code:

#rowradiusright {
-moz-border-radius: 0 20px 20px 0;
-webkit-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;}

Et dis-moi si c'est bien ce que tu veux pour les cellules.

[Samoz]

Alors c'est bien ça !

Juste si on pouvais arrondir ce qui est entouré en rouge et remettre le coin entouré en bleu "carré" je pense que ce sera exactement ce qu'il me faudra.

[Matriochka]

Pour ça, tu as ce message ici :
https://forum.forumactif.com/t354074-probleme-d-arrondis-le-forum#3016344

[Samoz]

Salut !

Mon problème est résolu grâce à ce code :

Code:

.forumline {
overflow: hidden;
}

Il rends invisible tout ce qui dépasse du cadre installé.

Merci pour votre aide et à bientôt !