1 Sujet de philippe 06-11-2024 17:31 -

Bonjour à tous,
Après deux ans de longue absence et inactivité totale sur TNG me revoilou.
Je suis passé en version 14 ce qui m'a permis au passage de tout reconstruire et retrouver quelques automatismes perdus mais il y a encore bien du travail pour terminer.
Cependant, je suis tj aussi nul en Php ou autre mais j'ai un besoin tant que faire ce peut.

J'utilise le Template n°12 mais j'aimerai y apporter une modification dans sa partie haute.

Par défaut il y a un livre en haut à gauche (on peut le changer sans soucis) mais je trouve que le texte juste à sa droite et un peu trop près. Ensuite justement à droite du titre modifiable j'aimerai là aussi y mettre une petite image. Comment pourrions nous faire cela avec la possibilité de changer cette image facilement via le paramétrage simplifié du Template comme pour l'image du livre?
Je reprécise ma nullité en code mais avec des explications j'arrive à me débrouiller un peu.
Une image est jointe pour illustrer l'endroit ou je souhaite rajouter une image.
Bien merci,
Philippe

https://agora.chauvigne.info/uploads/images/2024/11/06/méresse_et_facon.png

2 Réponse de Katryne 06-11-2024 18:21 -

Coucou Philippe, heureuse de te revoir ici.

J'ai mis le template 12 sur mon site de test, mais je n'y arrive pas encore très beaucoup. Je mets le css modifié dans le fichier mytngstyle.css du template 12.
Avec cela, j'arrive à déplacer le titre de 50 px vers la droite.

.cb-headline, .cb-headline a, .cb-headline a:link, .cb-headline a:visited, .cb-headline a:hover {
margin-left: 50px;
}

Mais pour le slogan, ça veut pas.

https://geneakat2023.chauvigne.info/index.php

Je cherche encore...

WWW

3 Réponse de philippe 06-11-2024 18:28 -

Hello Kat,
C'est un bon début et c'est exactement ce que je souhaite pour commencer ;-).
merci,
Phil

4 Réponse de Jean-Luc 07-11-2024 16:04 -

Bonjour Philippe,

Pour ajouter une image à droite du titre, tu peux insérer une ligne comme ceci

<img style="display: block; left: 675px; margin-left: -1px; position: absolute; top: 0px;" src="/templates/template12/img/book.png" />

dans le fichier /templates/template12/topmenu.php juste après la ligne

<h2 class="cb-slogan" data-left="25.52%"><?php echo getTemplateMessage('t12_headsubtitle'); ?></h2>

La position exacte de l'image est déterminée par le "left: 675px;". Tu mets la valeur que tu veux.

Quand tu feras une mise à jour du template, il faudra refaire la modif dans topmenu.php. Une solution plus propre est possible avec un mod à créer pour l'occasion.

Jean-Luc

5 Réponse de philippe 07-11-2024 17:05 -

Bonjour Jean Luc,
Merci pour cette proposition.
En plus de la modif de Kat dans le css pour le titre qui fonctionne, j'ai donc modifié comme expliqué le php pour l'image.
ça marche bien en effet pour la position d'une image mais elle ne s'affiche pas ? on voit une image standard et pas celle que j'indique ni même le Book par défaut. Pourtant elles sont bien dans le dossier img du template 12 ?
J'ai également vidé le cache mais rien n'y fait.
Une idée?
Merci,
Phil

6 Réponse de philippe 07-11-2024 17:27 -

Bonsoir Jean Luc de nouveau.
Tout est ok, c'était juste mon chemin de l'image qui n'était pas bon.
Merci

7 Réponse de philippe 08-11-2024 08:35 -

Bonjour, Alors une fois appliqué vos propositions ça donne le rendu ci-après avec l'ajout de deux images et le décalage du titre.
Merci


https://agora.chauvigne.info/uploads/images/2024/11/08/méresse_et_facon2.jpg

8 Réponse de Katryne 08-11-2024 09:17 -

L'est-i pas génial notre Jean-Luc ?

WWW

9 Réponse de philippe 10-11-2024 11:17 -

Bonjour à tous,
En effet Jean Luc est très fort ;-)
Dans le même ordre d'idée comment faire la même chose (ajouter une petite image avec un lien et un texte à côté de l'image) mais cette fois ci en bas de page.
Bien merci,
Phil
https://agora.chauvigne.info/uploads/images/2024/11/10/bas_de_page.png

10 Réponse de Jean-Luc 10-11-2024 21:47 -

Que souhaites-tu obtenir ?

Le texte du bas de page provient de stdsitecredit.php qui fait partie de la distribution TNG standard. C'est indépendant du template.

Tu peux déjà essayer de modifier la variable $sitecredit dans la troisième ligne (après avoir fait un backup du fichier) en y ajoutant ton image.

Jean-Luc

11 Réponse de Jean-Luc 11-11-2024 11:31 - Dernière modification par Jean-Luc (11-11-2024 11:31)

Oubliez le message précédent.

Tu ajoutes ceci dans /templates/template12/css/mytngstyle.css:

.cb-footer {
background-image: url(/templates/template12/img/book.png);
background-repeat: no-repeat; 
margin-left: 20px;
}

Tu adaptes la position et le choix de l'image, bien entendu.

Jean-Luc

12 Réponse de philippe 12-11-2024 08:56 -

Bonjour jean Luc,

Encore une fois c'est parfait et cela fonctionne très bien.

Petit compléments si possible en priorité de ce qu'il est possible de faire ensuite?

1) Comment ajouter un lien sur l'image ajoutée en bas de page?

2) Est-il possible d'ajouter un texte bref à côté de cette image?

Merci,
Phil

13 Réponse de philippe 13-11-2024 10:31 -

Je pense avoir trouvé solution à mon besoin en modifiant le fichier "footer.php" et j'ai bien maintenant mon image avec le lien et le texte avec l'image dans img.
Merci