modifier le bandeau image ps-inspinite

[magalids]

Bonjour,
j'ai installé il y à de ça quelques semaines déjà le template ps-inspinite, celui-çi s'affiche correctement chez moi, mais quand je regarde sur un téléphone portable où un écran d'un autre pc, celui-ci n'apparait pas à la taille de l'écran du pc concerné, est-ce que quelqu'un connait ce template et si oui (peut-être), pour info le menu home n'apparait pas sur les téléphones portable ?
Merci

[ZerooCool]

Tu as un lien ? Si c'est le site que tu as dans ta signature, je ne vois pas de bandeau.

[magalids]

bonjour,
pardon je m'exprime mal, c'est peut-être pas le terme bandeau qu'il faut dire, je n'es pas encore le langage propre qu'on exprime pour un site c'est la ou j'ai mon titre "Sur le chemin de St-Jacques..avec les yeux de mon guide ".

https://www.lymg.fr

[manu93fr]

Bonjour,
ta citation a l'air d'etre DANS l'image ... non ?

[ZerooCool]

C'est même certain.
J'ai affiché uniquement l'image, le texte est intégré dans l'image.
Il faut donc changer l'image, réécrire un texte qui s'affiche correctement sur PC et Mobile.
( Solution simpliste. )

Sinon, tu peux aussi écrire une règle CSS, pour que l'image de fond change, quand tu es sur mobile.
( Identifier la class css si elle existe, qui affiche l'image, faire une condition, pour la résolution de l'écran, avec les feuilles de styles. )

[lomart]

Bonsoir,

Il ne faut pas créer un nouveau sujet pour une question déjà posée : https://forum.joomla.fr/forum/joomla...e-l-%C3%A9cran
Le contexte a été posé et des solutions ont déjà été apportées. Il est inutile de repartir à zéro.

[magalids]

Bonjour,
oui j'ai écris le texte dans l'image ce qui n'es pas très correct dans l'affichage, si je doit changer l'image et réécrire le texte pour que celui-ci s'affiche correctement sur les autres support je vais avoir du boulot, car je risque de rencontrer le même problème.
Je ne sais pas écrire en CSS malheureusement et justement je cherche à identifier le code pour modifier l'image, il est vrai que Lomart ma beaucoup aider...

Je n'ai pas trouver ce code que Lomart ma envoyer où fallait-il que je l'intègre quelque part ?
Pour le bandeau image, on peut tenter quelque chose comme :
Code:

<div style="background-image: url(images/Alto-del-Perdon-2522G.jpg) center center no-repeat; background-size:cover; height:80vh; width:100%; text-align:center; padding-top:20px"> <h1>Sur le chemin de St-Jacques <br>avec ...<br>Les yeux de mon guide</h1 </div> Toujours non testé. A mettre en place puis je regarderais les modifs à faire Le 19 Mai pour le Joomla Day j'aurais bien aimer être là, mais mes moyens financiers ne me le permettent pas.. Bonne journée.

[lomart]

Bonjour,

Je n'ai pas trouver ce code que Lomart ma envoyer où fallait-il que je l'intègre quelque part ?

Il faut le mettre en remplacement de celui qui affiche l'image

Actuellement, c'est du bricolage. L'image est en fond du body et des sauts de lignes au début de l'article lui laisse de la place.

il faut :
- supprimer l'image de fond dans la règle CSS de body
- créer un module personnalisé en position "slide" (à vérifier) avec le code que j'ai fourni

[magalids]

Bonjour,
je reprend le texte de lomart..

" Il faut le mettre en remplacement de celui qui affiche l'image"
-Ok en remplacement de l'image j'ai compris, mais ou se trouve ce fichu fichier..?

Actuellement, c'est du bricolage. L'image est en fond du body et des sauts de lignes au début de l'article lui laisse de la place.
- du bricolage peut-être, mais le terme "Body" qui veux dire "Corps css" est bien un fichier ?

Il faut comme tu l'indique supprimer le fichier, ok facile je le supprime, mais supprimer l'image de fond dans la règle CSS de body, c'est où ?
J'ai pas trouvé de fichier body, CSS j'ai trouvé, mais pas de Body !!

Au début de l'article, c'est bien ce fichier dont on parle avec le texte dont j'ai modifié le code avec l'aide lomart.



Belle journée

[lomart]

Bonjour,

" Il faut le mettre en remplacement de celui qui affiche l'image"
-Ok en remplacement de l'image j'ai compris, mais ou se trouve ce fichu fichier..?
L'image est en fond du body

Je n'ai jamais dit que c'était un fichier. body est le corps de la page. L'image de fond est définie quelque part pour être affichée dans la balise body. Je ne connais pas le template, mais ce doit être vous qui l'avait indiqué. Il suffit dont de supprimer l'information que vous avez saisie.

[magalids]

Bonjour,
oui désolé, je vais chercher..
Merci

[magalids]

re..
la seule chose que j'ai c'est ceci pour supprimer l'image et ces options..

[lomart]

Bingo, vous avez trouvé
Il reste à faire le module

[magalids]

Enfin une bonne nouvelle..
L'image est supprimé..


J'ai trouvé ceci, je l'ai placé en position 1...ça fait joli, mais ça fais un peu nu tout ça..

J'efface tout et je place ton code lomart ?
<div style="background-image: url(images/Alto-del-Perdon-2522G.jpg) center center no-repeat; background-size:cover; height:80vh; width:100%; text-align:center; padding-top:20px"> <h1>Sur le chemin de St-Jacques <br>avec ...<br>Les yeux de mon guide</h1 </div> Merci

[lomart]

C'est quoi le code sur la copie d'écran ?

Il faut mettre celui que j'ai indiqué, soit :

  <div style="background-image: url(images/Alto-del-Perdon-2522G.jpg) center center no-repeat; background-size:cover; height:80vh; width:100%; text-align:center; padding-top:20px">
<h1>Sur le chemin de St-Jacques <br>avec ...<br>Les yeux de mon guide</h1>
</div>