Arrondir les angles du cadre des forums, sur plusieurs écrans

[Cloo]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://accrosjardin.forumactif.ws/

Description du problème

Tel que demandé dans ce post-ci:
https://forum.forumactif.com/t388812-arrondir-les-angles-du-cadre-des-tables

j'ouvre mon propre post pour éviter les confusions.

Donc, comme fifi le Vosgien, je désire arrondir les angles pour donner un plus belle apparence, moins carrée.

Suite aux conseils donnés dans l'autre post, j'ai ajouté ceci dans ma feuille CSS:
/* 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;}
(D'ailleurs, j'aimerais bien comprendre quelle ligne de code s'applique à quel arrondi, à quel écran...)

Voici ce que j'obtiens en page d'accueil:

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-il moyen de les éliminer? Tout en ayant une ligne de séparation entre deux forums d'une même catégorie?

Voici ce que j'ai quand je vais dans un forum:

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":

L'arrondi du cadre vert est OK.
Mais pas d'arrondi autour des sujets.

Dans le QEEL, le cadre vert est encore bien carré:

Là aussi, idéalement, j'aimerais avoir uniformité avec les écrans précédents.

Merci de m'aider! Et surtout de m'aider à comprendre quelle ligne de code du CSS s'applique à quoi, histoire de savoir ce que je fais...

[Cloo]

J'ai appliqué les conseils donnés dans l'autre post (celui d fifi le vosgien) et dans la page d'accueil et sur la page d'un forum, c'est déjà beaucoup mieux. Vous pourrez le constater en allant sur le forum:
http://accrosjardin.forumactif.ws/

J'ai donc ceci maintenant dans le CSS:

/* arrondir les angles */
.forabg{border-radius:10px;}
.topiclist.forums{border-radius:10px;}
.forumbg.announcement{border-radius:10px;}
.row,ul.forums {border-radius:7px;}
ul.forums .row{background-color:#ebebd9;}
ul.forums{background-color:#70b502;}
ul.topiclist dd.dterm{border-left:none;}

C'est beaucoup mieux dans "Voir les nouveaux messages", mais c'est toujours bien carré dans le QEEL.


Sur la page d'accueil, il y a toujours une ligne plus foncée en haut et en bas des forums de chaque catégorie (je crois que c'est aussi ce qui fait la ligne plus foncée entre deux forums), j'imagine qu'il y a moyen de la mettre de la même couleur que le fond, soit #70b502, le vert vif?

[Cloo]

Sur la page d'accueil, il y a toujours une ligne plus foncée en haut et en bas des forums de chaque catégorie (je crois que c'est aussi ce qui fait la ligne lus foncée entre deux forums), j'imagine qu'il y a moyen de la mettre de la même couleur que le fond, soit #70b502, le vert vif?

J'ai réussi avec ceci:

ul.forums .row{background-color:#ebebd9;border-color:#70b502;}



Mais seulement sur la page d'accueil, pas sur la page d'un forum

[◦Jay◦]

Bonjour Cloo, je vois que vous avez modifié en suivant l'autre sujet, pour le qeel, vous pouvez mettre ce code :

Code:

.forumbg{border-radius:10px;}

Pour les résultats de recherche, celui-ci :

Code:

.topiclist.topics.search .row{border-radius:10px}

Bien à vous.

[Cloo]

Bonjour Cloo, je vois que vous avez modifié en suivant l'autre sujet, pour le qeel, vous pouvez mettre ce code :

Code:

.forumbg{border-radius:10px;}

Oui pour le cadre extérieur vert. mais les lignes à l'intérieur ont encore le contour bien carré, les rangées de chaque utilisateur en ligne.

Pour les résultats de recherche, celui-ci :

Code:

.topiclist.topics.search .row{border-radius:10px}

Oui... mais le même problème que ci-dessus, la ligne sombre qui sépare les rangées à mettre de la même couleur que le cadre vert (comme sur la page d'accueil), mais c'est mineur, c'est déjà bien comme ça.

[◦Jay◦]

Pour votre problème de traits, vous pouvez ajouter ceci :

Code:

li.row {
    border-bottom: 1px solid #70b502;
    border-top: 1px solid #70b502;
}

Je regarde pour le qeel mais je pense que cela va poser un problème.

[Cloo]

Pour votre problème de traits, vous pouvez ajouter ceci :

Code:

li.row {
    border-bottom: 1px solid #70b502;
    border-top: 1px solid #70b502;
}

En fait, j'ai rajouté le code border-color pour le Voir les nouveaux messages, comem ci-dessous, et ça fonctionne...
.topiclist.topics.search .row{border-radius:10px;border-color:#70b502;}

Il me reste à trouver où mettre la même chose pour la liste des topics d'un forum.

[◦Jay◦]

Et bien ce code change la couleur du trait, essayez le.

[Cloo]

Voilà... j'ai ajouté ceci:
.topiclist .row{border-color:#70b502;}

Et c'est beau!

[◦Jay◦]

Pour le qeel, cela change l'apparence de chaque intitulé, je ne peux faire mieux :

Code:

table.table1 tbody td{border-radius:10px;}

[Cloo]

Ça donne ceci:



Pas génial, en effet.

Merci pour vos efforts, je vais essayer de fouiller aussi de mon côté.

[◦Jay◦]

Le mieux serait de retirer la couleur de fond.

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Cloo]

Je n'ai pas encore réussi à arrondir les angles dans le QEEL, je n'ai pas eu trop le temps de regarder ça cette semaine, je vais essayer de prendre le temps dans les jours qui viennent.

Si quelqu'un a une idée...

Mais pour tout le reste, tout est OK!

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Cloo]

Toujours d'actualité...

[Invité]

bonjour ..

sur quel partie vous bloqué !!

le queel de l'index !! ou la page des membres connecter !!

[Cloo]

La page des membres connectés.

[Cloo]

Visite surprise du fiston ce soir, je l'ai fait plancher sur le CSS en échange d'un bon café...

On en est arrivés à bout, voici ce qu'on rajouté au CSS:

Code:

table.table1 {
  border-spacing: 1px 2px;
}
table.table1 tbody tr {
  background-color: transparent;
}
table.table1 tbody tr.row1 td {
    background-color:#f8ffe3;
}
table.table1 tbody tr.row2 td {
    background-color:#e0e6cd;
}
table.table1 tbody td {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}
table.table1 tbody td:first-child {
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-left-width: 0px;
}

table.table1 tbody td:last-child {
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border-right-width: 0px;
}

Ce qui donne ceci:



Pas mal beau!

[Cloo]

Ce n'est plus une question d'angles, mais toujours dans la même problématique d'apparence de la page d'accueil.

Je viens de me rendre compte que les barres qui séparent les différentes colonnes (Nom du forum, Sujets, Messages, Derniers messages) sont incomplètes, ou plutôt qu'elles ne vont pas jusqu'en bas de la ligne, et même celle la plus à droite est plus longue que les deux autres.


(Cliquer pour voir l'image en plus grand)

Peut-on faire quelque chose pour corriger ça? J'ai l'impression que c'est une question de hauteur de cellule qui semble différer, ou je me trompe? Et aussi, je remarque que la hauteur des rangées est variable en fonction du nombre de lignes dans la description du forum, et aussi de la taille de l'icône, que j'ai pourtant essayé de garder standard, mais ça je peux vérifier et ajuster.

[Cloo]

Personne n'a une petite idée?

[Cloo]

Personne n'a une petite idée?

???

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Cloo]

Ce n'est plus une question d'angles, mais toujours dans la même problématique d'apparence de la page d'accueil.

Je viens de me rendre compte que les barres qui séparent les différentes colonnes (Nom du forum, Sujets, Messages, Derniers messages) sont incomplètes, ou plutôt qu'elles ne vont pas jusqu'en bas de la ligne, et même celle la plus à droite est plus longue que les deux autres.


(Cliquer pour voir l'image en plus grand)

Peut-on faire quelque chose pour corriger ça? J'ai l'impression que c'est une question de hauteur de cellule qui semble différer, ou je me trompe? Et aussi, je remarque que la hauteur des rangées est variable en fonction du nombre de lignes dans la description du forum, et aussi de la taille de l'icône, que j'ai pourtant essayé de garder standard, mais ça je peux vérifier et ajuster.

Non, toujours aucun avis, aucune idée concernant ceci.

[Cloo]

Finalement, comme il s'agit d'un problème différent de celui en titre (arrondir les angles), je vais passer ce sujet en résolu, et créer un nouveau sujet.

Merci!