Page d'accueil pour Obscuro Momentum

Sam 13 Avr 2013 - 19:46

Emma-Iseult

Age : 27Messages : 44

Sam 13 Avr 2013 - 19:46

Commande
Adresse du forum :http://obscuro-momentum.forumactif.com
Description des éléments :

Bonjour à vous !

Je souhaite construire une PA qui utilise une image de fond avec le principe d'image réactive. Voici l'image de fond que je souhaite utiliser:

Spoiler:

Ce que je souhaiterais obtenir:
1. que des infobulles apparaissent lorsque qu'on survole avec la souris les quatre maisons (pour pouvoir afficher les points);
2. que des infobulles apparaissent lorsqu'on survole avec la souris les petits nuages mauves pour pouvoir voir les top-partenaires;
3. qu'un texte s'affiche par dessus le rectangle du contexte (qui défile de préférence);
4. qu'un lien soit afficher au lieu du "PLUS";
5. qu'un texte entre par dessus l'oval "News";
6. que des infobulles apparaissent lorsqu'on survole le staff;
7. que des infobulles apparaissent lorsqu'on survole chaque petite fiole en haut (pour les postes vacants)
8. qu'on se fasse rediriger vers une autre page en cliquant sur les mots sur le panneau de directions.

Je sais que c'est gros et je vous remercie déjà énormément en avance !!

Couleurs ou tons : L'image doit garder sa forme donc évidemment, derrière c'est transparent, mais sur mon forum ça prendra la couleur du fond de page, donc blanc.
Sinon,
Gros nuage: #e1cce1
Moyen nuage: #c6c0c6
Petits nuages et boîtes contexte, ect.: #442944

Images : Voici l'image de fond, encore une fois:

Spoiler:

Autres précisions : Je crois que j'ai tout dit mais si jamais vous avez des questions, harcelez moi !!

Dernière édition par Emma-Iseult le Sam 20 Avr 2013 - 14:51, édité 1 fois

Dim 14 Avr 2013 - 11:34

Neva

Age : 32Messages : 18565

Dim 14 Avr 2013 - 11:34

Hello,

Tout est bon pour moi, je valide la demande

La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
▬ une commande laissée sans nouvelles sera relancée le septième jour
▬ nous vous rappelons que le codage devra être crédité vers Never Utopia une fois installé, sans quoi vous pourriez être interdit de commandes sur le forum

Mer 17 Avr 2013 - 13:26

Emma-Iseult

Age : 27Messages : 44

Mer 17 Avr 2013 - 13:26

Premier up....

Mer 17 Avr 2013 - 19:37

Gaki

Age : 28Messages : 21

Mer 17 Avr 2013 - 19:37

Bonjour, je serais bien tenter d'essayer de réaliser ta commande.
Je te promets rien si je vais y arriver car je connais le mapping que depuis peu.

Je peux toujours tenter donc ta commande après tout, c'est aussi une bonne manière pour moi de m’entraîner.
Juste une question pour le moment : Quelle est la largeur de ton forum ?

Jeu 18 Avr 2013 - 13:11

Emma-Iseult

Age : 27Messages : 44

Jeu 18 Avr 2013 - 13:11

Bonjour !
Merci beaucoup pour ton aide !
La largeur de mon forum est de 60%.
J'ai aussi déjà réussit à obtenir un code qui met en place certains des éléments que je désirais.
Il ne restera plus qu'à faire les # 1,2,3,5,6 et 7 ! (Je réalise maintenant que c'est la plupart des éléments...)
Voici le code que j'ai présentement:

Code:: <div style="text-align:center; width:800px; margin-left:auto; margin-right:auto;"> <img id="Image-Maps_2201304170741256" src="http://nsa34.casimages.com/img/2013/04/13/130413080058431538.png" usemap="#Image-Maps_2201304170741256" border="0" width="800" height="600" alt="" /> <map id="_Image-Maps_2201304170741256" name="Image-Maps_2201304170741256"> <area shape="rect" coords="150,145,219,162" href="http://obscuro-momentum.forumactif.com/t40-les-intrigues" alt="Intrigues" title="Intrigues" /> <area shape="rect" coords="71,139,140,156" href="http://obscuro-momentum.forumactif.com/t5-reglement-principal" alt="Règlement Principal" title="Règlement Principal" /> <area shape="rect" coords="153,173,222,190" href="http://obscuro-momentum.forumactif.com/t114-la-gazette-du-sorcier" alt="La Gazette" title="La Gazette" /> <area shape="poly" coords="147,111,196,79,206,83,199,96,147,128," href="http://obscuro-momentum.forumactif.com/f106-le-coin-des-invites" alt="Partenaires" title="Partenaires" /> <area shape="poly" coords="138,159,139,172,103,186,97,182,98,175," href="http://obscuro-momentum.forumactif.com/t16-avatars-pris" alt="Liste des avatars" title="Liste des avatars" /> <area shape="rect" coords="735,267,791,297" href="http://obscuro-momentum.forumactif.com/t89-le-contexte-annee-2022-2023" alt="Contexte complet" title="Contexte complet" /> <area shape="rect" coords="329,448,385,478" href="http://obscuro-momentum.forumactif.com/u4contact" alt="Contact Jacob Dragonneau" title="Contact Jacob Dragonneau" /> <area shape="rect" coords="395,453,445,480" href="http://obscuro-momentum.forumactif.com/u2contact" alt="Contact Laila Clennam" title="Contact Laila Clennam" /> <area shape="rect" coords="448,445,522,472" href="http://obscuro-momentum.forumactif.com/u3contact" alt="Contact Victoire Weasley Scamander" title="Contact Victoire Weasley Scamander" /> <area shape="rect" coords="564,454,579,481" href="http://obscuro-momentum.forumactif.com/t8-famille-potter" alt="Les Potter" title="Les Potter" /> <area shape="rect" coords="581,451,596,478" href="http://obscuro-momentum.forumactif.com/t15-famille-weasley" alt="Les Weasley" title="Les Weasley" /> <area shape="rect" coords="596,451,611,478" href="http://obscuro-momentum.forumactif.com/t41-famille-dragonneau" alt="Les Dragonneau" title="Les Dragonneau" /> <area shape="poly" coords="626,451,617,460,615,473,625,479,630,463," href="http://obscuro-momentum.forumactif.com/t430-gryffondor-0-2" alt="Gryffondor" title="Gryffondor" /> <area shape="poly" coords="641,454,632,465,628,475,638,482,643,468,640,457," href="http://obscuro-momentum.forumactif.com/t431-poufsouffle-0-0" alt="Poufsouffle" title="Poufsouffle" /> <area shape="poly" coords="652,461,644,468,642,487,655,488,658,470," href="http://obscuro-momentum.forumactif.com/f8-scenarii" alt="Scénarii" title="Scénarii" /> undefined </map> </div>

Voici aussi le lien pour mon forum test:
http://heure-est-venue.canadian-forum.com/

Encore merci beaucoup pour ton aide et pour le temps que tu consacres à ma demande !
Emma-

Jeu 18 Avr 2013 - 18:25

Gaki

Age : 28Messages : 21

Jeu 18 Avr 2013 - 18:25

Bonjour, malheureusement ce que tu avais déjà fait ne m'a pas servie. Je n'arrivais à rien avec ça D:
Donc après quelques heures d'acharnement je te propose un premier rendu :

http://testforumgaki.forumgratuit.org/
Evidemment, les couleurs des écritures et du fond de l'infobulle pour les tops-partenaires ne sont pas les couleurs définitives il faudra que tu me les donnes ainsi que les trois liens de la boîte à mp du staff de ton forum.

Voilà en espérant que ce premier aperçu te plaise :)

Jeu 18 Avr 2013 - 21:11

Emma-Iseult

Age : 27Messages : 44

Jeu 18 Avr 2013 - 21:11

C'est super *-*
Merci beaucoup !
Pour la couleur de fond des partenaires, on peut juste mettre blanc.
Pour les liens contact du staff:
Laila -> http://obscuro-momentum.forumactif.com/privmsg?mode=post&u=2
Jacob ->http://obscuro-momentum.forumactif.com/privmsg?mode=post&u=4
Victoire -> http://obscuro-momentum.forumactif.com/privmsg?mode=post&u=3

Nous sommes tous des admins fondateurs, donc pour le rang....

Sinon, si ce n'est pas trop demander, est-ce que ce serait possible que les zones de survol soient un peu plus grandes? Aussi, que les infobulles pour les partenaires arrivent plus sur le côté droit du nuage? et, finalement, sans vouloir trop demander, est-ce possible de styliser les infobulles (pour pouvoir même mettre des images dedans)?

Encore merci beaucoup Gaki !

Jeu 18 Avr 2013 - 21:55

Gaki

Age : 28Messages : 21

Jeu 18 Avr 2013 - 21:55

Alors concernant les zones dans le genre "règlement, annonce, PLUS" je ne sais pas comment agrandir
En revanche, les infobulles pour le staff et les tops peuvent être personnalisées et on peut aussi rajouter des images dedans c:

Désires-tu que tes infobulles soient assez grandir pour des boutons 88*31 de tes tops-partenaires ?
Je te ferais les modifications demain, le sommeil m’appelle x)

Ven 19 Avr 2013 - 13:02

Emma-Iseult

Age : 27Messages : 44

Ven 19 Avr 2013 - 13:02

Ok, c'est bien correct !
Pour les infobulles des partenaires, 100x35 est la taille qu'on utilise Wink

Merci beaucoup et surtout ne te presse pas !

Ven 19 Avr 2013 - 17:42

Gaki

Age : 28Messages : 21

Ven 19 Avr 2013 - 17:42

http://testforumgaki.forumgratuit.org/
Voilà pour le moment

Alors les infobulles des partenaires le machin violet pâle qu'on voit c'est une image tu pourras la remplacer sans soucis par les logo du forum en question.
Si tu désires encore des modifications fait le moi savoir sinon je te joins les codes c:

Ven 19 Avr 2013 - 22:49

Emma-Iseult

Age : 27Messages : 44

Ven 19 Avr 2013 - 22:49

Non c'est parfait =) Merci énormément !

Sam 20 Avr 2013 - 13:10

Gaki

Age : 28Messages : 21

Sam 20 Avr 2013 - 13:10

Bon alors le code est un peu barbare èwé Mais il fonctionne ♥
Css

HTML

A certain endroit tu remarqueras des images, il ne faudra pas y toucher sauf dans la partie partenaires.
Pour ajouter le logo d'un partenaire change l'image dans

Voilà en espérant que tout va marcher !

Sam 20 Avr 2013 - 14:51

Emma-Iseult

Age : 27Messages : 44

Sam 20 Avr 2013 - 14:51

Merci énormément !

Commande terminée !

Sam 20 Avr 2013 - 15:14

Klash

Age : 43Messages : 20653

Sam 20 Avr 2013 - 15:14

Je déplace.

Contenu sponsorisé

Page d'accueil pour Obscuro Momentum

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée