Arrondir les angles du cadre des forums, sur plusieurs écrans
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Arrondir les angles du cadre des forums, sur plusieurs écrans
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...
Dernière édition par Cloo le Jeu 8 Déc 2016 - 14:26, édité 1 fois
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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?
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?
Dernière édition par Cloo le Dim 13 Nov 2016 - 15:07, édité 1 fois
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
J'ai réussi avec ceci:Cloo a écrit:
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?
ul.forums .row{background-color:#ebebd9;border-color:#70b502;}
Mais seulement sur la page d'accueil, pas sur la page d'un forum
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Bonjour Cloo, je vois que vous avez modifié en suivant l'autre sujet, pour le qeel, vous pouvez mettre ce code :
Pour les résultats de recherche, celui-ci :
Bien à vous.
- Code:
.forumbg{border-radius:10px;}
Pour les résultats de recherche, celui-ci :
- Code:
.topiclist.topics.search .row{border-radius:10px}
Bien à vous.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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.◦Jay◦ a écrit: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... 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.Pour les résultats de recherche, celui-ci :
- Code:
.topiclist.topics.search .row{border-radius:10px}
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Pour votre problème de traits, vous pouvez ajouter ceci :
Je regarde pour le qeel mais je pense que cela va poser un problème.
- 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.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
En fait, j'ai rajouté le code border-color pour le Voir les nouveaux messages, comem ci-dessous, et ça fonctionne...◦Jay◦ a écrit:Pour votre problème de traits, vous pouvez ajouter ceci :
- Code:
li.row {
border-bottom: 1px solid #70b502;
border-top: 1px solid #70b502;
}
.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.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Et bien ce code change la couleur du trait, essayez le.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Pour le qeel, cela change l'apparence de chaque intitulé, je ne peux faire mieux :
- Code:
table.table1 tbody td{border-radius:10px;}
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Le mieux serait de retirer la couleur de fond.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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 » |
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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!
Si quelqu'un a une idée...
Mais pour tout le reste, tout est OK!
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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 » |
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Toujours d'actualité...
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
bonjour ..
sur quel partie vous bloqué !!
le queel de l'index !! ou la page des membres connecter !!
sur quel partie vous bloqué !!
le queel de l'index !! ou la page des membres connecter !!
Invité- Invité
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
La page des membres connectés.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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:
Ce qui donne ceci:
Pas mal beau!
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!
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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.
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.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Personne n'a une petite idée?
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
???Cloo a écrit:Personne n'a une petite idée?
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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 » |
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
Non, toujours aucun avis, aucune idée concernant ceci.Cloo a écrit: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.
Re: Arrondir les angles du cadre des forums, sur plusieurs écrans
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!
Merci!
Sujets similaires
» Arrondir les angles du cadre des tables
» Arrondir les angles du cadre des catégories
» Arrondir les angles 2
» Arrondir les angles
» Arrondir les angles
» Arrondir les angles du cadre des catégories
» Arrondir les angles 2
» Arrondir les angles
» Arrondir les angles
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum