NOUVELLES INFORMATIONS DE GUY VE2VAG (2022-05-22) :
Ajustements du code CSS du template :
Le template Joomla utilisé pour le site est la version 2.7. Il existe une version 2.8, mais je n'ai jamais exploré ce qu'elle avait de mieux, la 2.7 était celle par défaut depuis les débuts, et c'est dans celle-ci que j'avais effectué les modifications afin de rajouter la colonne à droite. La version originale ne possédait qu'une colonne à gauche où se trouvent le module de connection au compte, le calendrier d'activités, etc.
Retrait des boutons "Share" et "Download" du module de visualisation d'album-photos:
J'ai retiré ces options afin de ne pas permettre aux utilisateurs de partager les photos sur les médias sociaux et de les télécharger drectement via un bouton "download dans le module, comme l'orientation future à ce sujet serait de réserver l'accès aux album photos des activités aux membres seulement étant donné les potentiels enjeux de respect à la vie privée lorsque des personnes autres que nos membres y apparaissent.
L'utilisateur peut toujours cliquer avec le bouton de droite de la souris et sauvegarder les photos, mais du moins il ne peut plus le faire directement à partir du module. À explorer : possiblité d'intégrer un script afin de désactiver la bouton droit de la souris dans ce contexte ?
Ajout des lignes suivantes à la fin du fichier CRAQ2015_v2_7/css/template.css:
.fancybox-caption-wrap, .fancybox-button--download {
display: none!important;
}
.fancybox-caption-wrap, .fancybox-button--share {
display: none!important;
Items de sous-menu en caractères gras :
Pour améliorer la présentation du sous-menu "Le Club", j'ai réorganisé les items de ce sous-menu par thématiques : "LE CLUB" et "ADHÉSION AU CRAQ". Ces items ne possèdent aucun hyperlien, ils n'y sont que pour l'esthétisme. La réorganisation de l'ordre d'apparition des éléments de sous-menu s'effectue directement dans Joomla, section "Menus" du backend.
Afin de les placer en caractères gras, il fallait trouver le nom associé avec ces items de sous-menu, pour attribuer le code css "bold" à ceux-ci (on se sert de l'option "Inspecter" du navigateur web pour ce faire). Après avoir déniché qu'il s'agissait des numéros 1443 et 1441, j'ai ajouté le code suivant à la fin du fichier CRAQ2015_v2_7/css/template.css :
ul.art-hmenu li li.item-1443 a {
font-weight: bold!important;
}
ul.art-hmenu li li.item-1441 a {
font-weight: bold!important;
}
Retouches sur les marges des articles apparaissant sur la page principale du site web :
À mon avis, les différents articles qui apparaissent sur la page principale du site web étaient trop collés les un aux autres de haut en bas. J'ai donc apporté une petite retouche au fichier CRAQ2015_v2_7/css/template.css, ceci en ajustant les marges de la section .art-postheader (aux environs de la ligne 1660).
À noter: les paramètres "margin" du code css sont délimités en pixels ("px") selon l'ordre top, right, bottom et left. L'ancien code donnait uniquement une marge de 5px sur le haut, et de 10px à droite.
J'ai donc ajusté le tout ainsi: 10px pour le haut, et 5px pour le bas, ce qui donne (en gras) :
.art-postheader
{
color: #204460;
margin: 5px 10px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
pour ceci:
.art-postheader
{
color: #204460;
margin: 15px 10px 5px 0px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
2022-06-30: Retouches sur la couleur de police du titre, du slogan et et des menus sur la page principale du site web :
J'ai apporté une retouche sur ceci, car la couleur de police pour ces éléments était d'un bleu très pâle et ne ressortait pas assez du reste. J'ai donc changé la couleur de police pour blanc; et les items des menus sont maintenant en caractères gras.
Modifications suivantes ont été faites dans le fichier du template du site: CRAQ2015_v2_7/css/template.css :
- Aux lignes 392, 423, 595:
- la mention color: #D5E5F1; a été modifiée pour color: #FFFFFF;
- À la ligne 604:
- la mention font-weight: normal; a été modifiée pour font-weight: bold;
2022-08-11: Autres retouches dans le fichier template.css :
Fichier template.css, à partir de la ligne 1069:
.art-button.hover, .art-button:hover
{
background: #E8E8E8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #A7B9C3;
padding: 0 15px;
margin: 0 auto;
}
Modifié pour:
.art-button.hover, .art-button:hover
-webkit-border-radius: 2px;
border: 1px solid #A7B9C3;
Fichier template.css, à partir de la ligne 1095:
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
width: 100%;
padding: 2px;
padding-left: 6px;
color: #212B31 !important;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-shadow: none;
}
Modifié pour :
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
color: #212B31 !important;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
ANCIENNES INFORMATION (POSSIBLEMENT OBSOLÈTES) D'ADRIEN DESSEMOND VE2AKS :
Lors de la mise à jour du gabarit Joomla, il faut faire les ajustement suivants :
Ajustement des titres de la bannière
Les titres sur la bannières sont des mentions qui se paramètrent dans le style du template Joomla
- Dans Extensions -> Templates -> Styles : cliquer sur le template et renseigner
- Headline : Club Radio Amateur de Québec, inc (Gros titre sur la bannière)
- Slogan : Etabli depuis 1926
Ajustement du module et formulaire de login
- Le module/formulaire login de Joomla est désagréable car il est impossible de cacher les liens d'identifiant / mot de passe oublié depuis l'interface d'administration.Il faut comprendre qu'il a en fait deux choses totalement distinctes:
- Le module de login (mod_login) figurant dans la colonne de gauche est déjà surchargé par le template lors de l'export fait dans Artisteer. A titre indicatif les fichiers de ce module se trouvent dans /var/www//html/templates/craq2015_xxxx/html/mod_login . La surcharge inclus une classe CSS unstyled qui encadre les liens « Identifiant oublié » et « mot de passe oublié » et il a été ajouté un code CSS personnalisé pour cette classe (inutilisée nulle par ailleurs) faisant un « hide » des éléments de cette classe dans Arstisteer. Pas besoin de faire grand chose de plus à ce niveau
- Le formulaire de mot de passe qui s'affiche dans la zone de contenu au centre de la page du site lorsqu'un utilisateur entre un mauvais mot de passe (ou pas de mot de passe du tout....) est lui plus subtil car il n'incorpore pas le hack du point précédent et il s'agit d'ailleurs du composant de login par défaut de Joomla qu'il va falloir surcharger pour le template et bricoler un peu....
- Première étape : créer la surcharge :
- Aller dans Extensions -> Templates -> Templates
- Cliquer sur le template CRAQ
- Onglet « Create Overrides » au centre (Components), cliquez sur le dossier com_users pour le dérouler
- Cliquer ensuite sur login
- A ce stade vous devriez avoir sur le serveur Web un répertoire login sous /var/www/html/templates/craqXXXX_vX_X/html/com_users/login
- Seconde étape : ajuster !
- Ouvrir le fichier default_login.php dans le répertoire /var/www/html/templates/craqXXXX_vX_X/html/com_users
- Vers la fin du fichier vous devriez trouver un bloc <ul> </ul> qui encadre des déclarations echo JText::_('COM_USERS_LOGIN_RESET'); echo JText::_('COM_USERS_LOGIN_REMIND'); etc
- Au niveau du tag de ce bloc <ul> il y a un attribut de surcharge de classe CSS qui devrait ressembler à ceci : class="nav nav-tabs nav-stacked"
- Ajouter tout simplement unstyled à la fin de la liste des classes CSS, l'attribut devrait donc être ceci : class="nav nav-tabs nav-stacked unstyled"
- Référence : https://forum.joomla.org/viewtopic.php?t=710732
Instead of /templates/my_template/html/com_users/views/login/tmpl/ And /templates/my_template/html/mod_login/tmpl/default.php
Try /templates/my_template/html/com_users/login/default.php and /templates/my_template/html/mod_login/default.php
|