Re : Espace logo catégorie
Déjà, tu vois que le code de l'image apparait 2 fois :
puis plus bas
Le 1er sera utilisé uniquement quand le media sera inférieur à md , soit inférieur à 768px (d-block d-md-none = affiche puis n'affiche plus à partir de md)
Pour comprendre (je pense que c'est prématuré pour toi, pour l'instant) :
- Grille Bootstrap4
- caché / visible
et le 2ieme est affiché uniquement si le media qui affiche la page est supérieure à md (768 px)(d-none d-md-block = n'affiche pas puis affiche à partir de md)
voilà, ça ne réponds pas à ta question mais ça t'indique qu'il faudra trouver une solution pour les 2 cas !
Pour comprendre le changement,
réduit ta fenêtre depuis ton pc vers une largeur très réduite, tu comprendras le changement !
C'est un des élements du responsive, mais il y en a des centaines hehehe !
<div class="d-block d-md-none pt-2 px-4">
<{if $logo != ''}>
<{if $CAT == true}><a href="index.php?news_cid=<{$category_id}>"><{/if}><img class="card-img-top rounded img-fluid" src="<{$logo}>" alt="<{$title}>"><{if $CAT == true}></a><{/if}>
<{/if}>
</div>
puis plus bas
<img class="col-3 rounded float-right d-none d-md-block" src="<{$logo}>" alt="<{$title}>">
Le 1er sera utilisé uniquement quand le media sera inférieur à md , soit inférieur à 768px (d-block d-md-none = affiche puis n'affiche plus à partir de md)
Pour comprendre (je pense que c'est prématuré pour toi, pour l'instant) :
- Grille Bootstrap4
- caché / visible
et le 2ieme est affiché uniquement si le media qui affiche la page est supérieure à md (768 px)(d-none d-md-block = n'affiche pas puis affiche à partir de md)
voilà, ça ne réponds pas à ta question mais ça t'indique qu'il faudra trouver une solution pour les 2 cas !
Pour comprendre le changement,
réduit ta fenêtre depuis ton pc vers une largeur très réduite, tu comprendras le changement !
C'est un des élements du responsive, mais il y en a des centaines hehehe !
Re : Espace logo catégorie
déjà,
Tu va rencontrer - dans ton cas - ce problème sur 2 pages
la page index du module et la page de l'article.
Soit, commençons pas la page de l'article,
Bravo, c'est bien "modules\xmnews\xmnews_article.tpl" !
Tu vois, tu commences à comprendre la logique !
img-fluid est une classe css, non une variable,
Si elle est utilisée, ton image sera responsive, c'est à dire qu'elle va s'adapter à la taille de son parent direct
Donc tu ne peux bouger cette classe, ou y ajouter des paramètres, il faut trouver une autre solution.
Par contre, tu peux changer de classe pour l'image ou ajouter de nouvelles classes,
ou regarder si le parent peut avoir une influence bénéfique.
Le parent est <div class="col">
Je regarde...
Tu va rencontrer - dans ton cas - ce problème sur 2 pages
la page index du module et la page de l'article.
Soit, commençons pas la page de l'article,
Bravo, c'est bien "modules\xmnews\xmnews_article.tpl" !
Tu vois, tu commences à comprendre la logique !
img-fluid est une classe css, non une variable,
Si elle est utilisée, ton image sera responsive, c'est à dire qu'elle va s'adapter à la taille de son parent direct
Donc tu ne peux bouger cette classe, ou y ajouter des paramètres, il faut trouver une autre solution.
Par contre, tu peux changer de classe pour l'image ou ajouter de nouvelles classes,
ou regarder si le parent peut avoir une influence bénéfique.
Le parent est <div class="col">
Je regarde...
Re : Notification message
Citation :Cool,
j'ai failli te faire un MP pour te demander d'utiliser cette fonction sur les forums si tu en avais fini avec certains sujets,
histoire de voir si ce nouvel ajout que j'ai mis en place il y a quelques jours fonctionne bien pour tous !
Je vois que oui !
Cool !
Du coup je passe le topic en résolu, tu as solutionné tous mes soucis sur ce sujet. Merci encore Alain
j'ai failli te faire un MP pour te demander d'utiliser cette fonction sur les forums si tu en avais fini avec certains sujets,
histoire de voir si ce nouvel ajout que j'ai mis en place il y a quelques jours fonctionne bien pour tous !
Je vois que oui !
Cool !
Re : Notification message
Utilise Uniquement 1 seul fichier
Soit bootstrap.css
Soit bootstrap.minc.css
C'est le même donc tu ferais charger 2 fichiers à tes visiteurs avec un contenu identique !!!
Mon conseil :
Utilise le fichier bootstrap.minc.css car de toute façon, tu NE dois pas modifier le fichier lisible, il y a bien trop de paramètres qui vont t'échapper.
Si tu veux voir le contenu, garde de côté le fichier lisible, pour toi, sur ton pc, mais ne l'intègre pas sur ton serveur.
Non je t'assure que la "surcharge" est simple une fois que l'on comprends son fonctionnement!
Il existe un tuto sur l'ancien site, il est très ancien mais le principe est toujours là
La surcharge des templates
Surcharge des commentaires, pas à pas...
Soit bootstrap.css
Soit bootstrap.minc.css
C'est le même donc tu ferais charger 2 fichiers à tes visiteurs avec un contenu identique !!!
Mon conseil :
Utilise le fichier bootstrap.minc.css car de toute façon, tu NE dois pas modifier le fichier lisible, il y a bien trop de paramètres qui vont t'échapper.
Si tu veux voir le contenu, garde de côté le fichier lisible, pour toi, sur ton pc, mais ne l'intègre pas sur ton serveur.
Non je t'assure que la "surcharge" est simple une fois que l'on comprends son fonctionnement!
Il existe un tuto sur l'ancien site, il est très ancien mais le principe est toujours là
La surcharge des templates
Surcharge des commentaires, pas à pas...
Re : Notification message
Citation :
Surcharge du bloc utilisateur géré par le module system
Donc ?
Si tu as compris,
tu devrais te précipiter dans un sous-dossier de ton thème :
/modules/system/blocks/system_block_user.tpl (pas la racine du site web, la racine de ton thème, soit /themes/xswatch4-enabled...)
Ensuite, facile :
Tu retrouves la ligne :
J'espère que tu apprécies ma façon de te guider mais surtout de te proposer une méthode pour trouver la solution.
Je n'ai pas toujours la réponse, mais je fais de cette façon là. J'espère que ça va t'aider pour la suite.
Remarque :
Si tu ne trouves pas la surcharge dans ton thème (pour un autre bloc ou template par exemple), il te suffit de COPIER ce fichier dans le dossier :
/themes/mon_theme/modules/mon-module/mon-ficher.tpl
et
/themes/mon_theme/modules/mon-module/blocks/mon-block.tpl
Ensuite, tu travailles sur cette surcharge.
Ainsi, tu ne touches à rien sur le module,
C'est magique, la surcharge, non ?
Maintenant faut que je trouve le fichier pour le "menu utilisateur", j'arrive pas à y mettre la main dessus.
Surcharge du bloc utilisateur géré par le module system
Donc ?
Si tu as compris,
tu devrais te précipiter dans un sous-dossier de ton thème :
/modules/system/blocks/system_block_user.tpl (pas la racine du site web, la racine de ton thème, soit /themes/xswatch4-enabled...)
Ensuite, facile :
<{xoInboxCount assign='unread_count'}>
<{if $unread_count > 0}>
<li class="nav-item"><a class="nav-link info" href="<{xoAppUrl viewpmsg.php}>" title="<{$block.lang_inbox}>"><span class="fa fa-envelope-o"></span><{$block.lang_inbox}>
<span class="badge badge-primary"><{$unread_count}></span></a></li>
<{else}>
<li class="nav-item"><a class="nav-link" href="<{xoAppUrl viewpmsg.php}>" title="<{$block.lang_inbox}>"><span class="fa fa-envelope-open-o"></span><{$block.lang_inbox}></a>
</li>
<{/if}>
Tu retrouves la ligne :
<span class="badge badge-primary"><{$unread_count}></span></a></li>
J'espère que tu apprécies ma façon de te guider mais surtout de te proposer une méthode pour trouver la solution.
Je n'ai pas toujours la réponse, mais je fais de cette façon là. J'espère que ça va t'aider pour la suite.
Remarque :
Si tu ne trouves pas la surcharge dans ton thème (pour un autre bloc ou template par exemple), il te suffit de COPIER ce fichier dans le dossier :
/themes/mon_theme/modules/mon-module/mon-ficher.tpl
et
/themes/mon_theme/modules/mon-module/blocks/mon-block.tpl
Ensuite, tu travailles sur cette surcharge.
Ainsi, tu ne touches à rien sur le module,
C'est magique, la surcharge, non ?
Re : Notification message
Citation :
C'est pour optimiser la taille du fichier css et donc un gain de chargement et de temps pour tes visiteurs.
Donc la version "min" est une version condensée quasi illisible mais ce n'est pas grave.
Tu peux utiliser sinon la version bootstrap.css
En résumé :
bootstrap.css : version lisible mais de plus grande taille
bootstrap.min.css : version condensée de plus petite taille mais avec un fonctionnement identique.
Attention, le fichier bootstrap.css (et .min.css) n'est pas celui sur le site Bootstrap4
car tu utilises un thème xswatch4.
Si tu veux la version lisible, il faut la récupérer ici : Bootswatch.
Evidemment, il faut prendre le fichier associé au thème que tu as choisis.
Je suis bien conscient que ma réponse peut te sembler obscure, (le fait de prendre le fichier sur le site bootswatch)
mais si tu prends un peu de recul (et un peu de temps), tu verras que ça te semblera évident.
Sinon, est-il normal que tout soit en vrac à la suite dans les fichiers "bootstrap.min" ?
C'est pour optimiser la taille du fichier css et donc un gain de chargement et de temps pour tes visiteurs.
Donc la version "min" est une version condensée quasi illisible mais ce n'est pas grave.
Tu peux utiliser sinon la version bootstrap.css
En résumé :
bootstrap.css : version lisible mais de plus grande taille
bootstrap.min.css : version condensée de plus petite taille mais avec un fonctionnement identique.
Attention, le fichier bootstrap.css (et .min.css) n'est pas celui sur le site Bootstrap4
car tu utilises un thème xswatch4.
Si tu veux la version lisible, il faut la récupérer ici : Bootswatch.
Evidemment, il faut prendre le fichier associé au thème que tu as choisis.
Je suis bien conscient que ma réponse peut te sembler obscure, (le fait de prendre le fichier sur le site bootswatch)
mais si tu prends un peu de recul (et un peu de temps), tu verras que ça te semblera évident.
Re : Espace logo catégorie
Citation :
Pour le bloc, c'est facile, tu passes à 81 et c'est réglé;
pour l'index du module, c'est un plus compliqué.
Tu as déjà 2 endroits où on trouve le lien de l'image, selon la taille de l'affichage du média affichant l'index.
Il faudra faire différents essais.
D'ailleurs, je viens de m'apercevoir que cela pose un autre problème. En ouvrant l'article elle s'affiche en plus gros à l'intèrieur de ce dernier et donc se pixelise.
Donc soit dans l'idéal je parviens a forcer un affichage de 81x80 dans mon bloc ET dans l'édition de l'article ; soit je serais forcé de conserver une dimensions plus importante pour obtenir un affichage propre.
Mais la 1ere solution m'irait mieux pour améliorer la visualisation de ma page d'accueil.
Pour le bloc, c'est facile, tu passes à 81 et c'est réglé;
pour l'index du module, c'est un plus compliqué.
Tu as déjà 2 endroits où on trouve le lien de l'image, selon la taille de l'affichage du média affichant l'index.
Il faudra faire différents essais.
Re : Espace logo catégorie
Ok,
dans ton thème, la surcharge /modules/xmnews/blocks/xmnews_block.tpl, ligne 19
la hauteur est fixée à 150px.
C'est très facile à voir avec Google Chrome / "Inspecter" puis clique sur le 1er élément tout en haut à gauche (souris dans un cadre).
dans ton thème, la surcharge /modules/xmnews/blocks/xmnews_block.tpl, ligne 19
<div class="col-12" style="height: 150px;">
la hauteur est fixée à 150px.
C'est très facile à voir avec Google Chrome / "Inspecter" puis clique sur le 1er élément tout en haut à gauche (souris dans un cadre).
Re : Espace logo catégorie
Mais l'idée est d'avoir la même taille d'image d'article afin d'homogénéiser l'ensemble, sans quoi tu auras des zooms pas très beau, regarde ce qu'il se passe sur la page index si tu prends une image toute petite.
J'ai fais l'essai avec une image 64*64 alors que les autres sont en 540x360.
C'est pas beau ce zoom.
Don dans un premier temps, ma réponse serait "harmonise"
Je regarde... pour un deuxième temps
J'ai fais l'essai avec une image 64*64 alors que les autres sont en 540x360.
C'est pas beau ce zoom.
Don dans un premier temps, ma réponse serait "harmonise"
Je regarde... pour un deuxième temps
