#11
Re: Modifier l'apparence de mon site
alain01
Posté le : 21/04/2020 23:48
Oui navbar est un élément plus complexe car il y beaucoup d'héritage css avec navbar,
une simple surcharge pourrait fonctionner mais ne serait pas suffisante si tu veux utiliser tout le potentiel de navbar... humm, pas évident à t'expliquer... Ok, je te donne quelques bribes... Ces infos sont pour Boostrap v4.x je ne sais pas si c'est opérationnel en totalité en v3, la version que tu utilises. navbar est défini ici Et toi, selon le thème que tu utilises, c'est une variante, défini ici pour la version light et ici pour la version dark (Je vais bientôt vous proposer 21 variantes ![]() Dans les 3 cas, tu vois que tu peux utiliser les couleurs par défaut de BT : un exemple ici les couleurs par défaut, tu les vois sur les liens que j'ai donné pour dark et light, mais les noms restent les même : primary secondary success info warning danger dark light Selon l'élément css à utiliser ça pourra être bg-primary, btn-primary, text-primary, nav-primary... Mais libre à toi de définir par exemple une couleur .bg-xoopscore { background-color: #139EE8 ; } et de l'utiliser dans ton navbar donc tu obtiens :
<nav class="navbar navbar-expand-sm bg-xoopscore justify-content-center">
et voila, tu viens de changer de fonds, mais comme je l'ai indiqué plus haut, tu vas vite t'apercevoir que si tu veux des sous-menu (dropdown), ils ne seront pas dans la couleur attendu car le navbar a beaucoup d'héritages. Il existe des outils pour modifier en ligne un fichier bootstrap mais c'est pareil, il te faut modifier tout les héritages, c'est long. Il existe encore une autre solution, mais qui est d'un niveau plus élevé, c'est d'utiliser le sass pour css... Je sais, je sais... Et oui, le css est un domaine très très large, mais tellement puissant. Donc en gros, soit tu utilises une des variantes de couleur proposés et dans ce cas les héritages de tous les éléments sont définis, soit tu utilises ta propre couleur mais pour le navbar, il te manquera des héritages de couleurs et tu retomberas, pour des sous-éléments, avec la couleur par défaut, qui est primary ou tu peux utiliser les autres, ou encore comme dans monxoops.fr; utiliser tes propres couleurs lorsque tu utilises des sous-éléments. (Regarde le menu du haut sur monxoops.fr, nous avons laissé le fond mais nous avons coloré les bordures de XOOPS / Modules / Thèmes à notre sauce, sympa, non ? ) Ok, une grosse réponse qui m'a pris un certain temps, mais je ne doute pas qu'il t'en faudra plus encore pour lire, relire et rerelire cette réponse pour en comprendre le sens et son étendu. Et crois-moi, j'ai essayé de synthétiser lol. J'espère avoir été clair. Allez, bon travail et bon courage !
#12
Re: Modifier l'apparence de mon site
macadoum
Posté le : 22/04/2020 18:00
C'est très gentil à toi d'avoir pris le temps de m'expliquer tout ça.
Le problème c'est que c'est exactement ce que je fais. Ton exemple avec bg-xoopscore, j'avais déjà fais exactement la même chose et pas de résultat. ![]() J'ai essayé également ce qui est expliqué ici sans plus de résultats. Aucune des couleurs ne marche (info, warning, etc..), pourtant j'y étais arrivé du premier coup quand il s'agissait du module xmnews. Il n'y a que navbar-inverse qui donne un résultat. Alors, il y a deux solutions : soit ça ne marche pas avec la version de bootstrap 3 empaquetée avec Xoops ou soit j'ai cassé un truc à force de bricoler. Je vais recréer un nouveau site de zéro, et on verra bien ! ![]() ![]()
#13
Re: Modifier l'apparence de mon site
alain01
Posté le : 22/04/2020 22:19
Bon, je pense qu'il y a quelque chose qui t'a échappé.
Ne réinstalle pas tout ! Supprime juste le dossier /themes/xswatch et remet celui d'origine Comme ça, tu repars sur une bonne base. Astuce ! en principe, les chemins sont relatifs, donc tu dois pouvoir copier le dossier entier xswatch et en faire un nouveau dossier que tu appelles par exemple : mon_xswatch4 Comme ça, tu peux facilement comparer le tien et celui d'origine. Sinon, ce que je t'ai donné, je l'ai testé juste avant, mais c'est vrai, sur un XOOPS 2.5.11 et wswatch4. Je refais l'essai sur un XOOPS 2.5.10 et xswatch et reviens ici.
#14
Re: Modifier l'apparence de mon site
alain01
Posté le : 22/04/2020 22:29
Au fait,
as tu pensé à mettre dans les préférences générales : Contrôler les modifications de templates? OUI Et pour être sur des changements, maintenance, vider les 3 caches...
#15
Re: Modifier l'apparence de mon site
alain01
Posté le : 23/04/2020 09:23
Bon,
oui, malheureusement, en Bootsrap 3, c'est un peu plus compliqué... J'arrive bien à changer la couleur de fond de la barre, mais pas comme je l'ai indiqué... Et il reste un soucis pour lequel je n'ai pas encore trouvé de solution : Au dela d'une largeur de 767 pixels, je retrouve la couleur initiale sur les côté droite et gauche. Tout ça me pousse à vous fournir rapidement xswatch4 pour XOOPS 2.5.10, mais il y a encore quelques petits détails à régler, la synchronisation entre une version stable de modules avec des nouvelles fonctionnalités et des templates déjà disponibles en bt4 qui utilisent ces fonctionnalités mais qui ne sont pas implémentés dans le module en version stable, seulement en version de développement... On y travaille, je vous l'assure.
#16
Re: Modifier l'apparence de mon site
macadoum
Posté le : 23/04/2020 11:29
Victoire !
![]() J'étais fatigué de m'arracher les cheveux sur mon site. ![]() J'ai tout supprimé et j'ai téléchargé la dernière version beta 2.5.11 master sur github. Réinstallation de xoops avec Neard (comme tu l'avais suggéré dans un de tes messages) avec PHP 7.4 pour tester. Installation niquel et comme le montre l'image, j'ai pu modifié ma navbar sans problème ! ![]() Un petit pas pour le site, mais un grand pas pour le macadoum ![]()
#17
Re: Modifier l'apparence de mon site
alain01
Posté le : 23/04/2020 11:34
C'est bien mais ce n'est pas encore une version stable, la 2.5.11x à ce jour.
Après quelque discussions (encore ce matin) en équipe (monxoops.fr), Nous avons trouvé une solution et allons sortir ce weekend le thème : xswatch4 pour XOOPS 2.5.10 Tu pourras ainsi travailler avec une version stable de XOOPS, XOOPS 2.5.10 et le tout dernier thème en BT4. Elle est pas belle la vie (heuu, zut, j'avais presque oublié le covid19) !
#18
Re: Modifier l'apparence de mon site
alain01
Posté le : 27/04/2020 00:41
Hello,
publication d'un article + mise à disposition de la ressource xswatch4-enabled prévus Jeudi, Jeudi 30 Avril !
#19
Re: Modifier l'apparence de mon site
alain01
Posté le : 03/05/2020 11:07
Avec quelques jours de retard, chose promise, chose... publiée et disponible
![]() Fonce !!!
#20
Re: Modifier l'apparence de mon site
alain01
Posté le : 05/05/2020 08:52
Citation :
macadoum a écrit : Citation : macadoum a écrit : Citation : alain01 a écrit : Citation : macadoum a écrit : Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
|
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513
120 Personne(s) en ligne (104 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 120 | Plus ...
120 Personne(s) en ligne (104 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 120 | Plus ...