Modifier le headerimg.jpg

[Turandot]

Bonjour,

S.V.P. Regardez ce site http://joom33.clubapal.com/joomla33/

Comment faire pour modifier le headerimg.JPG et le remplacer soit par une seule image ou par des images aléatoires?

Merci, Diane

[Hatshepsout]

Re : Modifier le headerimg.jpg

Bonjour,

Pour afficher plusieurs images, il convient d'utiliser un module de type slideshow qui fera très bien le travail.
Vous l'installez via le gestionnaire des extensions, puis vous le gérez depuis le gestionnaire des modules en le publiant dans la position souhaitée et sur les pages voulues.

[PhilJ]

Re : Modifier le headerimg.jpg

Bonjour,



...Concernant votre message http://forum.joomla.fr/showthread.ph...53#post1023353 :

Pourquoi le menu Horizontal haut ne s'affiche pas en haut de l'image de la ville dans l'espace blanc ?

Cela provient de la ligne 162 de la feuille de style template.css (extrait) :

.top-menu {

left: 460px;

}

Cette ligne perturbe d'ailleurs sérieusement la largeur des pages, qui excède de beaucoup le standard 1024 px.

La solution est simple. Il vous suffit de fixer la position gauche du menu à zéro, et tout reprendra sa place correctement :

.top-menu {
left: 0;
}

Quant à votre question :

Comment faire pour modifier le headerimg.JPG et le remplacer soit par une seule image ou par des images aléatoires ?

Cette image ( = ../images/headerimg.jpg) est définie comme une image de fond à la ligne 89 du template.css. Si je comprends bien (mais est-ce que je comprends bien ? ce n'est pas sûr car il n'y a là qu'une seule image), vous souhaitez la remplacer par un diaporama ? Dans ce cas, il devrait être possible d'utiliser un module de type slideshow.


Cordialement,



PhilJ

[Turandot]

Re : Modifier le headerimg.jpg

Ouf!

OK ma question n'était pas très claire car moi-même je change d'idée!!!

Regardez notre ancien site http://www.clubapal.com/current/
En haut, à gauche, nous avons le loge du club de photo et à droite, nous avons un slide show.

Est-ce possible de faire cela sur le nouveau site http://joom33.clubapal.com/joomla33/ ?

Si la réponse est NON:
1. Est-ce possible à côté du mot Club APAL écrit en blanc de placer le logo du club?
2. Comment insérer un slide show à la place du headerimg.JPG? Sous quelle ligne du code ci-dessous?

#img {
background: url("../images/headerimg.jpg") no-repeat scroll right bottom transparent;
bottom: 0;
height: 294px;
position: absolute;
right: 0;
width: 358px;
}

header {
background: url("../images/headerimg.jpg") no-repeat scroll center top transparent;
height: 450px;
margin: 0 auto;
position: relative;
width: 980px;
}

#headerwrapper {background: url("../images/headerimg.jpg") no-repeat scroll center top transparent;

margin: 0 auto;}


Merci, Diane

[Hatshepsout]

Re : Modifier le headerimg.jpg

Pour la mise en place d'un slideshow, je vous ai donné la marche à suivre dans ma précédente réponse. Il suffit de connaitre la position dans votre template (à priori "header") et de publier le module "slideshow" à cet emplacement.

Ensuite, modifiez le fichier CSS en supprimant "../images/headerimg.jpg"

Enregistrez et validez.

[PhilJ]

Re : Modifier le headerimg.jpg

Regardez notre ancien site http://www.clubapal.com/current/
En haut, à gauche, nous avons le loge du club de photo et à droite, nous avons un slide show.

Est-ce possible de faire cela sur le nouveau site http://joom33.clubapal.com/joomla33/ ?

...C'est possible, oui. Il est peut-être possible de placer facilement deux modules côte à côte en position header, mais évidemment, disposer du template, ou du moins de sa documentation, serait d'une aide certaine pour répondre plus précisément. Disposez-vous de la documentation du template ? Notamment, quelles sont les positions modules prédéfinies ?

Comment insérer un slide show à la place du headerimg.JPG? Sous quelle ligne du code ci-dessous?

...Comme je vous l'ai dit, il faut regarder ligne 89 du template.css. Donc c'est la version 2. Cependant, header semble être une section plutôt qu'un container. => A nouveau, quelles sont les positions module de ce template ? C'est ce que nous ne pouvons deviner...




Cordialement,



PhilJ

[Turandot]

Re : Modifier le headerimg.jpg

Bonjour,

Les seules positions pour Siteground-J16-42 que je vois sont:

menuload = ligne en haut de l'image de la ville
Pos 0 = recherche
Pos 4 = menus à droite
Pos 7 = menus à gauche

Je ne vois rien d'autres. L'image ne fait pas partie d'un menu créé par moi mais c'est le headerimg du Template.

Je crois qu'il serait peut-être mieux de la remplacer par une image de type pano qui représente notre club de photo. Mais comment exactement? Je ne veux pas faire d'erreur.

Merci, Diane

[RobertG]

Re : Modifier le headerimg.jpg

Clic droit sur l'image, puis afficher l'image, et nouveau clic droit pour connaître ses informations : il te suffira ensuite de créer une image de même taille, de même nom ou pas (dans ce cas, changer le nom dans la feuille de style) et de la placer dans le répertoire "images" du template.
Attention cependant au fait que l'image comporte deux zones noires destinées à faire ressortir le menu et la zone de recherche.

[Turandot]

Re : Modifier le headerimg.jpg

Bonjour,

Le clic droit sur l'image ne me permet pas d'afficher l'image pour en connaître les informations. Pourquoi?

Diane

[RobertG]

Re : Modifier le headerimg.jpg

Avec Chrome, inspecter l'élément te permet de le savoir, dans la zone "styles" à droite, et si tu utilises Firefox, clic droit, afficher l'image de fond, puis nouveau clic droit "informations sur l'image.
Et si tu n'y arrives pas, récupère par ftp l'image dont tu connais le nom, et sur ton ordinateur, tu pourras tout savoir sur elle !

[Turandot]

Re : Modifier le headerimg.jpg

Bonjour,

Oui avec Firefox, je vois que l'image est de 118.37 ko, 980px x 508 px mais semble faire un tout avec les zones noires selon l'image que j'ai enregistrée et que je vous envoie.

Est-ce alors possible de la changer sans perdre le menu horizontal haut et le module recherche?

Merci, Diane

[RobertG]

Re : Modifier le headerimg.jpg

Comme je l'ai dit, il faut tenir compte des ces zones noires dans la construction de ta nouvelle image.

[PhilJ]

Re : Modifier le headerimg.jpg

Re,

L'image [...] Je crois qu'il serait peut-être mieux de la remplacer par une image de type pano qui représente notre club de photo. Mais comment exactement? Je ne veux pas faire d'erreur.

...En effet, la solution statique est possible et très simple à mettre en place. RobertG vous a mis sur la piste à suivre : remplacer tout simplement l'image en question (celle-ci : http://joom33.clubapal.com/joomla33/.../headerimg.jpg), sans même changer son nom.


Concernant le template actuellement utilisé :

Les seules positions pour Siteground-J16-42 que je vois sont:

menuload = ligne en haut de l'image de la ville
Pos 0 = recherche
Pos 4 = menus à droite
Pos 7 = menus à gauche

Je ne vois rien d'autre.

...Malheureusement vous voyez parfaitement bien : ce template ne comporte en tout et pour tout que 4 positions module. Voyez la confirmation ici dans ce bref échange sur le forum de Siteground : http://forum.siteground.com/showthre...J16-4-Template.

J'avoue n'avoir jamais rencontré template aussi pauvre en positions module prédéfinies. La plupart des templates, même gratuits, en comportent au moins une dizaine — et bien des templates commerciaux une trentaine ou même 80 et davantage.

Le choix de ce template limite donc d'emblée la mise en page — à moins d'apprendre à créer vous-même de nouvelles positions en fonction de vos besoins (ce qui n'est pas évident pour un non technicien).

Tenant compte de cette très forte limitation, vous avez donc désormais le choix entre persister avec ce même template, mais en vous bornant à une mise en page uniformément basique, et adopter un template plus riche et plus souple (commercial ou gratuit) que vous pourrez plier à volonté à vos besoins.

Je sais bien quel choix je ferais à votre place...


Cordialement,



PhilJ