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

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

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

Message par Cloo le Dim 13 Nov 2016 - 14:13

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:
http://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
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 13 Nov 2016 - 14:54

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?




Dernière édition par Cloo le Dim 13 Nov 2016 - 15:07, édité 1 fois

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 13 Nov 2016 - 14:58

@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?
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 Question

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par ◦Jay◦ le Dim 13 Nov 2016 - 15:01

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.



◦Jay◦
Créactif
Créactif

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

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

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 13 Nov 2016 - 15:06

@◦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 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.

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par ◦Jay◦ le Dim 13 Nov 2016 - 15:07

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.



◦Jay◦
Créactif
Créactif

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

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

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 13 Nov 2016 - 15:10

@◦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;
}
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.

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par ◦Jay◦ le Dim 13 Nov 2016 - 15:13

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



◦Jay◦
Créactif
Créactif

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

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

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 13 Nov 2016 - 15:14

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

Et c'est beau!

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par ◦Jay◦ le Dim 13 Nov 2016 - 15:50

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

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



◦Jay◦
Créactif
Créactif

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

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

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 13 Nov 2016 - 15:55

Ça donne ceci:



Pas génial, en effet.

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

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par ◦Jay◦ le Dim 13 Nov 2016 - 16:00

Le mieux serait de retirer la couleur de fond.



◦Jay◦
Créactif
Créactif

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

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

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Chacha le Dim 20 Nov 2016 - 10:31

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 »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50926
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 20 Nov 2016 - 13:56

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!

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Chacha le Sam 26 Nov 2016 - 9:52

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 »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50926
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Sam 26 Nov 2016 - 10:14

Toujours d'actualité...

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par R-max le Sam 26 Nov 2016 - 12:25

bonjour ..

sur quel partie vous bloqué !!

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

R-max
# Tropactif #

Masculin
Messages : 1517
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Sam 26 Nov 2016 - 13:06

La page des membres connectés.

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 27 Nov 2016 - 2:56

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

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! Very Happy

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Dim 27 Nov 2016 - 15:10

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
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Lun 28 Nov 2016 - 19:48

Personne n'a une petite idée? Wink

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir les angles du cadre des forums, sur plusieurs écrans

Message par Cloo le Ven 2 Déc 2016 - 14:35

@Cloo a écrit:Personne n'a une petite idée? Wink
???

Cloo
**

Féminin
Messages : 82
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.ws/
Cloo 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