- EnilecAnge discret
Nombre de messages : 15
Réputation : 0
Points : 18
Date d'inscription : 11/08/2010
Commande de boutons [Lilie]
Mer 11 Aoû 2010, 11:25
Bonjour !
J'aimerais passer une commande de 13 boutons, si c'est possible
Voici les informations nécessaires :
Texte à insérer : Accueil, Ses origines, Son histoire, Son caractère, Ses vidéos, Ses photos, Sa vie en vidéos, Sa photothèque, Sa race, Infos cyno +, Liens, Livre d'or, Contact.
Position du texte : centré.
Police du texte : au choix (il faut juste qu'elle soit lisible et donc pas excentrique, préférence pour les polices dont les lettres ne sont pas attachées les unes aux autres)
Couleur du texte : vert foncé.
Adresse du site internet : http://www.lesitedecooper.fr/
Commentaire : Je souhaiterais que les boutons ressemblent à celui-ci (même forme, même couleurs, même effet bombé grâce à un reflet, même léger effet ombré, fond transparent). Et, si c'est possible, qu'ils s'éclaircissent ou s'obscurcissent lors de leur survol (ou bien que leur texte change de couleur).
Taille de la création : approximativement la même taille que le bouton donné ci-dessus en modèle, voire un peu plus gros si c'est trop short pour contenir les textes les plus longs (j'aimerais que le texte de chaque bouton ait la même taille de police).
Images : aucune.
Voilà, j'espère que je n'ai rien oublié. Merci d'avance à celui ou celle qui voudra bien se charger de cette commande !
J'aimerais passer une commande de 13 boutons, si c'est possible
Voici les informations nécessaires :
Texte à insérer : Accueil, Ses origines, Son histoire, Son caractère, Ses vidéos, Ses photos, Sa vie en vidéos, Sa photothèque, Sa race, Infos cyno +, Liens, Livre d'or, Contact.
Position du texte : centré.
Police du texte : au choix (il faut juste qu'elle soit lisible et donc pas excentrique, préférence pour les polices dont les lettres ne sont pas attachées les unes aux autres)
Couleur du texte : vert foncé.
Adresse du site internet : http://www.lesitedecooper.fr/
Commentaire : Je souhaiterais que les boutons ressemblent à celui-ci (même forme, même couleurs, même effet bombé grâce à un reflet, même léger effet ombré, fond transparent). Et, si c'est possible, qu'ils s'éclaircissent ou s'obscurcissent lors de leur survol (ou bien que leur texte change de couleur).
Taille de la création : approximativement la même taille que le bouton donné ci-dessus en modèle, voire un peu plus gros si c'est trop short pour contenir les textes les plus longs (j'aimerais que le texte de chaque bouton ait la même taille de police).
Images : aucune.
Voilà, j'espère que je n'ai rien oublié. Merci d'avance à celui ou celle qui voudra bien se charger de cette commande !
- Lilie DucielAdmin
Nombre de messages : 4414
Logiciel : Photoshop CS2
Réputation : 274
Points : 1747
Date d'inscription : 11/07/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Limitée... Vive les études ! ^^
Spécialités graphiques: Signature
Re: Commande de boutons [Lilie]
Mer 11 Aoû 2010, 14:04
Hello ! =)
Je crois qu'il faut utiliser du flash si tu veux que les boutons changent quand la souris passe dessus... Mais je ne sais pas faire
Je t'ai donc fait ce bouton :
(j'ai commencé par "photothèque" car c'est le texte le plus long que tu demandes, ainsi je suis sûre que tous les autres textes rentreront dans le même bouton ^^)
N'hésite pas à dire si cela ne te plait pas, et si ça te va je te fais tous les autres
Je crois qu'il faut utiliser du flash si tu veux que les boutons changent quand la souris passe dessus... Mais je ne sais pas faire
Je t'ai donc fait ce bouton :
(j'ai commencé par "photothèque" car c'est le texte le plus long que tu demandes, ainsi je suis sûre que tous les autres textes rentreront dans le même bouton ^^)
N'hésite pas à dire si cela ne te plait pas, et si ça te va je te fais tous les autres
- EnilecAnge discret
Nombre de messages : 15
Réputation : 0
Points : 18
Date d'inscription : 11/08/2010
Re: Commande de boutons [Lilie]
Mer 11 Aoû 2010, 22:29
Coucou Lilie et merci d'avoir pris ma commande si rapidement !
Ton bouton est super, il lui manque juste un petit effet d'ombre sous sa partie inférieure pour être parfait ! (Mais si c'est trop long à faire, no souci, je garde le bouton tel qu'il est)
Pour le changement au survol, tant pis alors. Par contre, est-ce que tu sais comment fonctionne le flash ? Est-ce que par exemple deux images de boutons différents sont nécessaires pour créer ce que je veux ?
Ton bouton est super, il lui manque juste un petit effet d'ombre sous sa partie inférieure pour être parfait ! (Mais si c'est trop long à faire, no souci, je garde le bouton tel qu'il est)
Pour le changement au survol, tant pis alors. Par contre, est-ce que tu sais comment fonctionne le flash ? Est-ce que par exemple deux images de boutons différents sont nécessaires pour créer ce que je veux ?
- Lilie DucielAdmin
Nombre de messages : 4414
Logiciel : Photoshop CS2
Réputation : 274
Points : 1747
Date d'inscription : 11/07/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Limitée... Vive les études ! ^^
Spécialités graphiques: Signature
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 15:10
Pas de souci pour l'ombre, comme cela ?
Par contre pour le flash je suis désolée, je ne sais pas du tout comment ça marche... On va attendre que quelqu'un qui maîtrise un peu de flash nous vienne en aide je crois, s'il faut te faire deux versions de chaque bouton, je le ferai
En attendant je vais te faire tous les boutons sans la version en surbrillance
Par contre pour le flash je suis désolée, je ne sais pas du tout comment ça marche... On va attendre que quelqu'un qui maîtrise un peu de flash nous vienne en aide je crois, s'il faut te faire deux versions de chaque bouton, je le ferai
En attendant je vais te faire tous les boutons sans la version en surbrillance
- O d eV.I.P.
Nombre de messages : 623
Logiciel : Photofiltre Studio X et Photoshop CS 3
Réputation : 20
Points : 588
Date d'inscription : 13/02/2009
Détails sur le membre
Logiciel principal: Photoshop
Ma disponibilité: Totale! =D C'est les vacances. =)
Spécialités graphiques: Codeur
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 15:17
Coucou ! =D
Je pense pouvoir aider! ^^ Pour avoir un effet "hover" (c'est a dire lorsque l'on survole le bouton" il suffit de passer par le CSS. ^^
Voici un tutoriel très bien fait qui explique comment procéder, de façon vraiment on ne peut plus simple. ^^
http://www.themes-fa.com/toutes-versions-f37/effet-de-survol-hover-sur-les-boutons-de-la-navigation-t1354.htm
Il suffit simplement de créer deux boutons images différents, et après, de "coder" en utilisant le tuto. ^^
Comme il s'agit ici d'un site, les "valeurs" de chaque boutons ne seront surement pas les mêmes, mais les codes sont universels. ^^ En cas de soucis de codage, je suis disposée à aider ! =D
Je pense pouvoir aider! ^^ Pour avoir un effet "hover" (c'est a dire lorsque l'on survole le bouton" il suffit de passer par le CSS. ^^
Voici un tutoriel très bien fait qui explique comment procéder, de façon vraiment on ne peut plus simple. ^^
http://www.themes-fa.com/toutes-versions-f37/effet-de-survol-hover-sur-les-boutons-de-la-navigation-t1354.htm
Il suffit simplement de créer deux boutons images différents, et après, de "coder" en utilisant le tuto. ^^
Comme il s'agit ici d'un site, les "valeurs" de chaque boutons ne seront surement pas les mêmes, mais les codes sont universels. ^^ En cas de soucis de codage, je suis disposée à aider ! =D
- Lilie DucielAdmin
Nombre de messages : 4414
Logiciel : Photoshop CS2
Réputation : 274
Points : 1747
Date d'inscription : 11/07/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Limitée... Vive les études ! ^^
Spécialités graphiques: Signature
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 15:24
Supeeeeeeeeer ChOuBiiiiiii, merci beaucoup !!!!!!!!
Il faut s'inscrire pour avoir accès à la page visiblement, mais ça me semble être une solution parfaite, pas besoin de flash du coup
Est-ce que cette solution te convient Enilec ?
Voici une version en surbrillance pour le bouton photothèque, ça te va ?
Il faut s'inscrire pour avoir accès à la page visiblement, mais ça me semble être une solution parfaite, pas besoin de flash du coup
Est-ce que cette solution te convient Enilec ?
Voici une version en surbrillance pour le bouton photothèque, ça te va ?
- O d eV.I.P.
Nombre de messages : 623
Logiciel : Photofiltre Studio X et Photoshop CS 3
Réputation : 20
Points : 588
Date d'inscription : 13/02/2009
Détails sur le membre
Logiciel principal: Photoshop
Ma disponibilité: Totale! =D C'est les vacances. =)
Spécialités graphiques: Codeur
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 15:27
Ah oui, c'est vrai il faut s'inscrire. J'avais oublié... ^^' Si s'inscrire est quelque chose de vraiment gênant pour Enilec, ca ne me dérange pas de lui "coder" ses boutons!
- NororeAdmin
Nombre de messages : 2606
Logiciel : Gimp - Inkscape
Réputation : 49
Points : 1010
Date d'inscription : 23/11/2007
Détails sur le membre
Logiciel principal: Gimp
Ma disponibilité: Dispo pour surveiller, pour grapher, faudra patienter...
Spécialités graphiques: Codeur
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 17:03
Sinon, il y a une solution simple que je peux proposer. Il suffit de passer par le CSS pour faire cela, voici un petit script que tu pourras tester :
Les zones importantes ici sont entre les balises style, le #bouton1 gère l'apparence du bloc div entouré par le lien a. De ce fait, le :hover gère le changement de l'image de fond lorsque tu passes la souris sur le lien !
- Code:
<html>
<head>
<style language="text/css">
#bouton1{
background: url('photothquecopy.png'); /* image du fond */
width: 160px; /* largeur de l'image */
height: 50px; /* hauteur de l'image */
}
#bouton1:hover{
background: url('photothquesurligncopy.png'); /* image du fond au survol */
width: 160px; /* largeur de l'image */
height: 50px; /* hauteur de l'image */
}
#bouton1 a{
width: 160px; /* largeur du lien */
height: 50px; /* hauteur du lien */
border: none; /* on retire la bordure du lien */
}
</style>
</head>
<body>
<a href="bouton1.html">
<div id="bouton1"></div>
</a>
</body>
</html>
Les zones importantes ici sont entre les balises style, le #bouton1 gère l'apparence du bloc div entouré par le lien a. De ce fait, le :hover gère le changement de l'image de fond lorsque tu passes la souris sur le lien !
- EnilecAnge discret
Nombre de messages : 15
Réputation : 0
Points : 18
Date d'inscription : 11/08/2010
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 22:41
Lilie Duciel a écrit:Pas de souci pour l'ombre, comme cela ?
Oui c'est parfait comme ça ! Idem pour la version en surbrillance ! (HS : Je viens de parcourir la section "Commandes terminées" et je reste admirative devant tes créations ! Je ne sais pas si tu fais des études d'infographisme mais alors qu'est-ce que j'aimerais avoir ton savoir faire et ton sens artistique !)
@ Ode et Norore : Merci d'être passés par ici et de m'avoir apporté votre aide, c'est vraiment sympa ! J'ai réussi à obtenir l'effet que je voulais grâce à vous ! Encore merci !
- Lilie DucielAdmin
Nombre de messages : 4414
Logiciel : Photoshop CS2
Réputation : 274
Points : 1747
Date d'inscription : 11/07/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Limitée... Vive les études ! ^^
Spécialités graphiques: Signature
Re: Commande de boutons [Lilie]
Jeu 12 Aoû 2010, 23:58
Merci c'est vraiment trop gentil, non je fais des études de maths/physique
Je continue les boutons alors, si ça te va, je fais la suite
Je continue les boutons alors, si ça te va, je fais la suite
- EnilecAnge discret
Nombre de messages : 15
Réputation : 0
Points : 18
Date d'inscription : 11/08/2010
Re: Commande de boutons [Lilie]
Ven 13 Aoû 2010, 01:01
Yesss, ils sont nickels ! Ils sont d'ailleurs tous déjà installés ! Rahhh les maths... Tu fais une prépa ?
- EnilecAnge discret
Nombre de messages : 15
Réputation : 0
Points : 18
Date d'inscription : 11/08/2010
Re: Commande de boutons [Lilie]
Ven 13 Aoû 2010, 11:04
Non comme ça par curiosité ! Mais ça renforce un peu plus mon admiration !
Un grand merci pour tous les boutons en tout cas, c'est parfait !
Est-ce que tu pourrais me donner les psd d'un bouton (normal et en surbrillance) pour que je comprenne comment tu as fait ? (et puis comme ça, si j'en ai besoin d'un autre, je n'aurais pas besoin de te déranger)
(Commande terminée)
Un grand merci pour tous les boutons en tout cas, c'est parfait !
Est-ce que tu pourrais me donner les psd d'un bouton (normal et en surbrillance) pour que je comprenne comment tu as fait ? (et puis comme ça, si j'en ai besoin d'un autre, je n'aurais pas besoin de te déranger)
(Commande terminée)
- Lilie DucielAdmin
Nombre de messages : 4414
Logiciel : Photoshop CS2
Réputation : 274
Points : 1747
Date d'inscription : 11/07/2006
Détails sur le membre
Logiciel principal: Aucun
Ma disponibilité: Limitée... Vive les études ! ^^
Spécialités graphiques: Signature
Re: Commande de boutons [Lilie]
Ven 13 Aoû 2010, 11:52
Pas de souci pour le PSD, les voilà ! ^^
http://upload.is.free.fr/upload/cjc0vzdb.psd
http://upload.is.free.fr/upload/mur5zwhs.psd
De rien, je suis ravie que cela te plaise !
http://upload.is.free.fr/upload/cjc0vzdb.psd
http://upload.is.free.fr/upload/mur5zwhs.psd
De rien, je suis ravie que cela te plaise !
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|