Fork me on GitHub




« 1 (2) 3 4 5 »


Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
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 !










Posté le : 21/04/2020 23:48

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Aspirant
Inscrit: 06/04/2020 00:34
De Rhône
Messages: 23
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 ! De toute façon, en plein confinement, je n'ai que ça à faire.

Posté le : 22/04/2020 18:00
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
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.

Posté le : 22/04/2020 22:19

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
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...

Posté le : 22/04/2020 22:29

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
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.

Posté le : 23/04/2020 09:23

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Aspirant
Inscrit: 06/04/2020 00:34
De Rhône
Messages: 23
Victoire !


Open in new window


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

Posté le : 23/04/2020 11:29
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
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) !

Posté le : 23/04/2020 11:34

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Hello,
publication d'un article + mise à disposition de la ressource xswatch4-enabled prévus Jeudi, Jeudi 30 Avril !

Posté le : 27/04/2020 00:41

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Avec quelques jours de retard, chose promise, chose... publiée et disponible

Fonce !!!

Posté le : 03/05/2020 11:07

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Modifier l'apparence de mon site
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Citation :
macadoum a écrit :
J'ai un problème assez embêtant. J'ai voulu installer le module xmnews 1.1

Donc je place le dossier dans htdocs/modules et je l'installe via l'administration mais je ne peux pas accéder au module : "A problem has occurred on our server!"

Je précise que "Contrôler les modifications de templates?" est bien coché sur "Oui"


Citation :
macadoum a écrit :
Quant à xmcontact que j'ai essayé d'installer aussi, il ne semble pas s'installer correctement et me laisse des traces bizarre dans la liste des modules :

Open in new window


Je ne peux même plus le désinstaller.

P.S.: Je suis en PHP 7.2.29 et MySQL 8.0.16 même si je ne pense pas que le problème vienne de là.

Citation :
alain01 a écrit :
?
Quel est le rapport avec une surcharge de thème ?
Aucun, d'autant plus que pour la partie administration, il n'y a pas de surcharge.

Je pense que tu devrais ouvrir un nouveau sujet et expliquer en détail étape par étape ce que tu as fais.

Tu as du déplacer des fichiers du module, peut-être.

Ouvre un nouveau sujet !

D'après l'image, le système ne trouve pas le module attendu.
Tu n'aurais pas installé dans le dossier xmnews1.1 par hasard ?

Le dossier doit être /modules/xmnews (je parle du module entier xmnews, je ne parle pas de surcharge).

Une fois ton sujet ouvert, je transfert ces 3 posts au bon endroit.

Citation :
macadoum a écrit :
Exact le module était installé dans modules/xmnews1.1
Je ne m'imaginais pas que ça puisse poser problème.


Posté le : 05/05/2020 08:52

Open in new window
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
« 1 (2) 3 4 5 »



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

54 Personne(s) en ligne (45 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 54 | Plus ...