Comment coder un message d'accueil ?

[>Kaiira*]

Bonjour ,

Je ne sais pas codé un le message d'accueil, quelqu'un pourrais m'expliquer ?

[Kaktus]

Bonjour,
On ne peut pas vraiment expliquer comme cela, il y a des méthodes différentes. Donc il nous faudrait un schéma ou un texte explicatif de ce que vous voudriez faire et nous pourrons vous expliquer. Car pour le moment, c'est vague. De plus, je vous encourage vivement à faire une recherche sur le forum, des sujets pourront peut être vous éclairer.
Il y a aussi des tutoriaux sur le forum qui peuvent vous aider tel que celui-ci: https://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil ou celui-ci que beaucoup utilise aussi: https://forum.forumactif.com/t231069-creer-une-image-reactive

Kaktus.

[>Kaiira*]

Mais je comprends pas , tous ses code sa m'embrouille :[

[Kaktus]

Sois plus explicite. Montre-nous des exemples de page d'accueil afin que nous puissions t'aider.

Kaktus.

[>Kaiira*]

Bah enfaîte moi pas Page d’accueil c'est sa :
Et moi j'aimerais codé sa par exemple :
( les trucs en encadré c'est ce que je voudrais codé )

C'est qu'un schéma !

[Kaktus]

Bonsoir,
Coder les "trucs" encadrés ? C'est-à-dire ? Vous voudriez faire un accordéon ?
Si c'est le cas: https://forum.forumactif.com/t311741-pour-avoir-une-pa-accordeon

Kaktus.

[>Kaiira*]

Je sais pas , en faite voilà ce que je veux codé :

[Kaktus]

Bonsoir,
Vous voulez mettre des liens sur les images du staff ?

Kaktus.

[>Kaiira*]

Oui et sur un truc que je vais rajouter !

[Kaktus]

Donc en fait, c'est cela que vous souhaitez faire ? https://forum.forumactif.com/t231069-creer-une-image-reactive

Kaktus.

[>Kaiira*]

merci
je comprends pas mais tanpis >.<

Merci de votre patience

[Kaktus]

Dans le temps j'avais fait un tutoriel... Je vous le montre, vous comprendrez peut être un peu mieux !

01. En premier lieu, créez l'image que vous souhaitez coder.



02. Nous allons indiquer qu'elle image est à utiliser en fond, sa largueur [width], sa hauteur [height], ainsi que lui attribuer un "nom" [En laissant le # avant], ce qui nous servira plus tard. il faut donc utiliser ce code:

Code:

<img src="URLIMAGE" usemap="#NOM" width="LARGUEUR" height="HAUTEUR">

03. Ensuite, nous allons indiquer qu'il s'agit d'une image MAP, et lui donner le même nom que nous lui avons donné tout à l'heure [Sans le # cette fois], on devrait avoir quelque chose comme cela:

Code:

<img src="URLIMAGE" usemap="#NOM" width="LARGUEUR" height="HAUTEUR">
<map name="NOM"></map>

04. Nous allons maintenant indiquer où sera placer un certain lien sur l'image. Pour cela, ouvrez Photofiltre et votre image, sélectionnez l'endroit où vous voulez que le lien redirige et remplissez le code suivant [ Exemple ]:

Code:

<img src="URLIMAGE" usemap="#NOM" width="LARGUEUR" height="HAUTEUR">
<map name="NOM">
<area shape="rect" coords="W,X,Y,Z" title="MOTQUIAPPARAITAUPASSAGEDELASOURIS" href="URL">
</map>

05. Ensuite, il faut continuer avec le reste de l'image, et rajouter cette ligne en la modifiant avec le même principe:

Code:

<area shape="rect" coords="W,X,Y,Z" title="MOTQUIAPPARAITAUPASSAGEDELASOURIS" href="URL">

06. Voilà vous avez terminé ! Et pour vous aider, voici le code que j'ai fait à partir de ce tutoriel:

Code:

<img src="http://nsa20.casimages.com/img/2011/05/28/110528070046440567.png" usemap="#acceuil" width="650" height="455">
<map name="acceuil">
<area shape="rect" coords="224,9,280,42" title="Index du site" href="#">
<area shape="rect" coords="297,9,404,42" title="Tutoriaux" href="#">
<area shape="rect" coords="411,9,532,42" title="Ressources" href="#">
<area shape="rect" coords="544,9,620,42" title="La Galerie" href="#">
<area shape="rect" coords="534,335,638,441" title="Concours" href="#">
</map>

Kaktus.

[>Kaiira*]

Merci mais les codes je les utilise mais je les mets où ?

[Kaktus]

Sur votre page d'accueil.

[>Kaiira*]

D'accord j’essaierais

[Kaktus]

Si vous avez un problème n'hésitez surtout pas.

[>Kaiira*]

Je suis rendu a l'étape 4 , l'étape avec photofiltre vous pouvez me l'expliquer mieux ?

[Kaktus]

Bonjour,
Alors en regardant ma capture (https://nsa19.casimages.com/img/2011/05/28/110528072958588203.png) il y a W, X, Y et Z. Ils correspondent aux nombres encadrés. Il suffit de remplacer le W, X, Y et Z du code par les nombres que vous, vous avez quand vous sélectionnez sur Photofiltre.
Par exemple sur ma capture, W=224, X=9, Y=290 et Z=41. En les mettant sur le code ça me donnera ça:

Code:

<area shape="rect" coords="224,9,290,41" title="MOTQUIAPPARAITAUPASSAGEDELASOURIS" href="URL">

Kaktus.

[>Kaiira*]

Ha d'accord , merci
Et quand j'ai finis tous sa il faut que je mettre l'url de mon image ?

[Kaktus]

Il suffit de faire dans l'ordre du tuto', par la suite ! Normalement l'URL de l'image était à mettre dans la première partie du code. Là, où il faut entrer les coordonnées W,X,Y,Z c'est l'URL de la page qu'il faut mettre.

Kaktus.

[>Kaiira*]

Bah , il faut mettre les numéro qu'il corresponde ou url ?

[Kaktus]

Code:

<area shape="rect" coords="W,X,Y,Z" title="MOTQUIAPPARAITAUPASSAGEDELASOURIS" href="URL">

Vous devez remplacer W,X,Y,Z comme je l'ai dit et "URL" est à remplacer par l'URL de la page où l'endroit de l'image cliqué nous mènera.

Kaktus.

[>Kaiira*]

Hah , j'avais pas vu , merci bien !
Je fais sa mercredi dans la mâtiné je vous en dit des nouvelles , merci pour votre patience

[>Kaiira*]

Et le lien de "tutoriel" ( comme sur votre message d’accueil ) il faut le mettre où ?

[>Kaiira*]

up ^^

[Kaktus]

Je n'avais pas vu. Excusez-moi.
Après il faut ajouter la ligne la pour chaque lien qu'il faudra faire. Tout en remplaçant les valeurs et l'URL vers la page concernée. Aidez-vous du code complet que j'ai fourni au point 06.

Code:

<area shape="rect" coords="W,X,Y,Z" title="MOTQUIAPPARAITAUPASSAGEDELASOURIS" href="URL">

Kaktus.

[>Kaiira*]

J'arrive pas , je pense que je vais fermer mon forum T-T

[Kaktus]

Bonsoir,
Je dois vous avouer que j'ai un peu de mal à mieux expliquer que dans mon tutoriel ! J'en suis désolée.
Cependant, je pense que ce n'est pas une raison de fermer votre forum ! Il faut persévérer.

Kaktus.

[>Kaiira*]

Comment voulez vous avec un staff inactif ?

[Kaktus]

Sinon, faites une grande maintenance sur votre forum où vous le réorganiserez, changerez le design etc.
Bref, dites moi à quel moment vous bloquez, je vais essayer de mieux vous expliquer tout de même.

Kaktus.