Bonsoir,
J’essaie de rendre tous les boutons de mon forum plus arrondis. J’ai utilisé le CSS dans CSS/HTML :
.btn { border-radius: 5px; }
Cela fonctionne dans l’onglet d’aperçu, mais cela ne fonctionne pas sur le forum en direct après avoir inclus le composant sur ces thèmes.
Actuellement sur le forum :
Après utilisation du CSS :
Ici sur Meta, en utilisant le thème Fully, les boutons sont arrondis. Cependant, en utilisant ce thème sur mon forum, ils ne le sont pas.
3 « J'aime »
Heliosurge
(Dan DeMontmorency)
Juillet 17, 2024, 7:47
2
Essayez ce Theme component
Celui-ci ajoutera des options pour arrondir d’autres éléments comme les citations, les images et plus encore
Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics.
Allows change of the following settings
set image rounding intensity
set image border width
set image border color
set onebox rounding intensity
change onebox border width
change onebox border color
change onebox background color
set rounding blockquotes intensity
remove left border from blockquotes
set ‘staff color’ rounding intensity
topic thumbnail support for:
list ro…
6 « J'aime »
Mon Dieu ! Je dis toujours à mes utilisateurs d’utiliser la fonction de recherche avant de créer un sujet !
Maintenant, je suis coupable de la même chose ! Je cherchais des « boutons arrondis ». C’était plus compliqué que nécessaire. J’aurais dû simplement chercher « boutons ».
2 « J'aime »
Heliosurge
(Dan DeMontmorency)
Juillet 17, 2024, 7:52
4
J’ai utilisé ce terme de recherche.
"#theme-component Round"
1 « J'aime »
Vous pouvez également faire
:root {
--d-button-border-radius: 5px
}
ou
:root {
--d-border-radius: 5px;
}
si vous voulez vraiment des coins arrondis partout.
3 « J'aime »
Hmm… encore une fois, les deux ne semblent fonctionner qu’en mode aperçu, même après avoir actualisé le forum et m’être déconnecté et reconnecté.
Jagster
(Jakke Lehtonen)
Juillet 17, 2024, 8:05
7
Plaie ouverte à la vue… où est mon sel
Cinquième coup :
Désolé mon pote, je n’ai pas pu résister à la tentation
1 « J'aime »
Heliosurge
(Dan DeMontmorency)
Juillet 17, 2024, 8:08
8
Après avoir installé un composant et pour l’appliquer, vous devez l’ajouter à vos thèmes, puis actualiser la page.
Après cela, il devrait être visible, que vous soyez connecté ou non.
L’aperçu sert uniquement à tester sans aucun thème actif.
1 « J'aime »
Moin
Juillet 17, 2024, 8:10
9
Avez-vous ajouté d’autres composants qui personnalisent également les boutons ?
comme Bords d’image arrondis
1 « J'aime »
Désolé, je répondais au message de @awesomerobot avec le CSS.
1 « J'aime »
Heliosurge
(Dan DeMontmorency)
Juillet 17, 2024, 8:11
11
Idem pour la création d’un composant personnalisé. Après l’avoir enregistré, vous devez l’ajouter à vos thèmes.
Fait aussi.
Je regarde juste la réponse de @Moin et je ne vois rien qui pourrait entrer en conflit avec le composant personnalisé. Je vais me pencher sur « Style de bouton Discourse ». Je l’avais avant, et pour être honnête, il y avait beaucoup de cases vides, et mon cerveau atteint d’un TDAH n’a pas pu le supporter, haha ! Un simple CSS me suffirait (s’il fonctionnait).
Oui, je l’ai. Donc, cela entre en conflit avec le composant personnalisé ?
Je vais donc devoir créer manuellement du CSS pour les boutons, l’avatar et les images que je souhaite/recherche.
Moin
Juillet 17, 2024, 8:28
14
Il y a un réglage « Paramètres des boutons activés », donc probablement
1 « J'aime »
Je dois m’assurer de vérifier toutes les options avant de passer à un autre composant.
Les deux
Intensité des coins du bouton
Intensité des coins de la boîte de style de catégorie
étaient réglés sur 0px.
Désolé d’avoir perdu du temps ! Mais bonne équipe !
1 « J'aime »
MarcP
(MarcP)
Juillet 19, 2024, 4:59
16
C’est bien. Je pense que mon composant couvre actuellement la plupart des boutons, mais je ne connaissais pas cette approche, merci.
2 « J'aime »
system
(system)
A fermé ce sujet ()
Août 18, 2024, 5:00
17
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.