Posez votre question Signaler

Design pour site Web sur Call of Duty [Résolu]

Joegilo 290Messages postés 26 mars 2011Date d'inscription 26 janvier 2012Dernière intervention - Dernière réponse le 17 mai 2011 à 19:18

Bonjour,
Je suis actuellement en train de créer un site web parlant de call of duty, mais j'ai vraiment du mal avec le design, choisir les bonnes couleurs, d'autant plus que je ne suis pas graphiste, donc je dois me contenter de tout ce qui est "background-color:" ou alors "text-shadow", enfin toutes les propriétés css de base. Je ne connais pas encore le Javascript, donc difficile de faire des designs corrects et animés, enfin bref, je parle, je parle, mais voila un screen du site actuel.
http://www.hostingpics.net/viewer.php?id=489548wwwcodhelpnet.jpg
http://www.hostingpics.net/viewer.php?id=415364wwwcodhelpnetmenu.jpg
Après avoir vu et revu ce site, je le trouve vraiment moche, et j'aimerais refaire le design, si quelqu'un pourrait me donner des idées, ou même me faire un petit début ? :) Je peux envoyer les fichiers sources.
Merci de vos réponses, cordialement, Joegilo.

Design pour site Web sur Call of Duty »

Suggestions

Design pour site Web sur Call of Duty
Sites cheats codes call of duty black ops » Forum
CALL OF DUTY 4 EN RESEAU SUR LE PC (Résolu) » Forum
Call of duty en reseau » Forum
Call of duty black ops » Forum
Vidéo de Mw3 » Forum

Plus

Réponse

Varaldi Q 690Messages postés 8 mai 2011Date d'inscription 26 mai 2012Dernière intervention 11 mai 2011 à 01:52

Hey bien je te donne un tout petit truc à savoir en javascript qui devrait déjà t'être grandement utile:

tu connais les balises image ?
<img src="tasource.extension" class="taclass"/>

Et bien tu peux la changer au passage de la souris, comme ceci:
<img src="tasource1.ext" class="taclass" onmouseover="this.src='tasource2.ext'" onmouseout="this.src='tasource1.ext'" />

Je te laisse méditer le code, mais ne serait-ce qu'avec ça, tu peux déjà faire tous tes boutons !

Ajoutes à celà quelques images au bon endroit, des couleurs de liens et des polices sympa, fais marcher ton imagination, et ce sera déjà un bon début !

Ajouter un commentaire - Site web

Afficher les 11 commentaires

Joegilo- 11 mai 2011 à 11:25

Bonjour Varaldi, et cette technique fonctionne pour autre chose que les images ? Ou uniquement avec celle ci ?

Varaldi Q- 11 mai 2011 à 11:29

Ca fonctionne avec tout ce qui est de type block. Onmouseover, c'est un évènement javascript. Après tu lui dis ce que tu veux qu'il se passe (là pour l'exemple je lui ait dit de changer la source de l'image), pareil pour onmouseout.

Si tu donnes un name à un élément, exemple name="lenom" dans ses attributs, tu pourras alors le modifier de n'importe où comme ça: ... onmouseover="lenom.src='nouvellesourcepourlenom';" ou autre... tu peux très bien mettre lenom.style et un nouveau style ou autre...

Joegilo- 11 mai 2011 à 11:33

Merci de ta réponse, mais je n'ai pas trop compris le deuxième paragraphe :) .

Varaldi Q- 11 mai 2011 à 11:36

Voici un exemple. Tu me dis si tu comprends ou non.

<img src="image1.gif" name="img1" onmouseover="img2.src='image22.gif'" onmouseout="img2/src='img2.gif'" />

<img src="image2.gif" name="img2" onmouseover="img1.src='image11.gif'" onmouseout="img1/src='img1.gif'" />

Joegilo- 11 mai 2011 à 11:59

Oui, la je comprends, mais c'est quoi le "name" ?

Varaldi Q- 11 mai 2011 à 12:02

name, c'est un identifiant, un nom, que tu donnes à un élément de type block (img, div, etc)

Joegilo- 11 mai 2011 à 12:03

On est pas sensé mettre id ou class ?

Varaldi Q- 11 mai 2011 à 12:06

En fait,
class, c'est un lien vers ta feuille de style
id, c'est un lien vers ta feuille de style et également une ancre (donc il doit être unique)
name, c'est un identifiant, un nom (il doit aussi être unique, à la manière de id)

Joegilo- 11 mai 2011 à 12:13

Ca y est j'ai compris ! Mais ca je peux le faire via une feuille de style avec un

#monid:hover {
mes propriétés: mes instructions;
}

Non ?

Varaldi Q- 11 mai 2011 à 12:22

Jamais essayé !

Mais ce que je t'ais dit c'est en javascript, donc pas dans la css. Cependant, tu peux effectivement faire ton idée en css. Mais tu ne pourras pas modifier un autre élément comme tu le peux avec name comme ça.

Joegilo- 12 mai 2011 à 19:40

Merci pour ton aide en tout cas, le fait que tu me parles d'images m'a donne une idée, voici la nouvelle version, j'ai changé les bords :) (ce n'est pas encore fini)

http://hpics.li/95dfa50

Réponse

Joegilo 290Messages postés 26 mars 2011Date d'inscription 26 janvier 2012Dernière intervention 12 mai 2011 à 19:40

Si quelqu'un d'autre peut me donner des idées, je suis demandeur.

Ajouter un commentaire

Réponse

Joegilo 290Messages postés 26 mars 2011Date d'inscription 26 janvier 2012Dernière intervention 16 mai 2011 à 19:08

Up :)

Ajouter un commentaire

Réponse

Varaldi Q 690Messages postés 8 mai 2011Date d'inscription 26 mai 2012Dernière intervention 17 mai 2011 à 19:18

Fais toi tes propres boutons avec power point !!!

Tu pourrais mettre genre un militaire au repos, et lors du passage de la souris, le militaire bouge ou change ou autre !

Ajouter un commentaire - Site web

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Design pour site Web sur Call of Duty [Résolu]

Design pour site Web sur Call of Duty »

Passage au tout numérique : quel coût pour les particuliers ?