[Réglé] Création d'image "online" et "offline"

Demandes de logos, bannières, avatars et autres éléments graphiques uniquement pour une utilisation sur les forums phpBB

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Création d'image "online" et "offline"

Messagepar dje8269 » 22 Mai 2015 à 19:01

Bonsoir a tous,

Aprés quelques essais , je me rends compte que photoshop, c'est pas si simple ; notamment le détourage propre .

j'ai donc essayé de faire mes images mais on peut s'apercevoir sur mon forum , que le détourage n'est pas idéale .

Je me tourne donc vers vous , qui savez manier photoshop sur le bout des doigts .

j'aimerais un "espece" d'interrupteur le meme que j'ai choisis ou un autre dans le même genre .
Gris en offline ; et un degradé de vert quand on est en ligne .

concernant la taille pas trop gros , celui que j'ai créer est pas mal, pas plus petit , mais un peu plus gros c'est pas genant . donc en hauteur disons hauteur max 16px .

Image

celui la était vraiment bien , mais j'ai pas réussis a le détourer , et l’écriture rend pas bien en petit . Le petit plus voir écrit on/ et off . et le coté biseauter rend bien aussi

Image

Voila j'espere ne rien avoir oublié !
Modifié en dernier par dje8269 le 23 Mai 2015 à 13:33, modifié 1 fois.
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 987
Enregistré le: 23 Fév 2010 à 20:46

Re: Création d'image "online" et "offline"

Messagepar cabot » 22 Mai 2015 à 19:25

Hello,

Jette un œil ici pour voir si quelque chose peut te convenir. :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26718
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Création d'image "online" et "offline"

Messagepar dje8269 » 22 Mai 2015 à 20:26

Certains sont sympa

lien1

Lien2 celui que j'ai utilisé

Lien.
Mon préféré, mais dur de l'incruster, et de marquer on off
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 987
Enregistré le: 23 Fév 2010 à 20:46

Re: Création d'image "online" et "offline"

Messagepar cabot » 22 Mai 2015 à 21:22

Je regarde ça demain, à moins que quelqu'un ne prenne la "commande" avant. ^^
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26718
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Création d'image "online" et "offline"

Messagepar cabot » 23 Mai 2015 à 09:08

Je viens de jeter un œil sur tes images, celle sur laquelle tu as jeté ton dévolu n'est pas utilisable autrement que dans les dimensions actuelles ou très légèrement réduite, mais ça ne rendra rien une fois les dimensions adaptées au forum puisque tous les détails seront "gommés".

Par contre, je ne trouve pas logique de vouloir utiliser un curseur comme image car ça implique la possibilité d'une action, une icône de type led aurait été plus logique pour signifier un état (en ligne/hors ligne).
Il faut réfléchir au design du forum comme si tu construisais quelque chose de réel.
En revanche, si demain l'envie te prenait d'installer une fonction dans les profils ou les messages pour, par exemple, afficher/masquer des infos (champs persos, signature, etc.), alors une image de curseur trouverait toute son utilité.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26718
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Création d'image "online" et "offline"

Messagepar dje8269 » 23 Mai 2015 à 09:24

Je suis d'accord que ca implique l'envie de cliquer sur l'image. mais quand on passe dessus on se rend compte qu'aucune action n'est possible.

sinon il aurait fallu essayer de reproduire un support de led chromé en vue de dessus , mais c'est trop de travail:
lien
mais en tout petit je crois pas que l'effet soit top.

j'ai essayé de mettre un point lumineux , comme une led , mais je trouve ca plutot "classique" et le led est déjà un composant utilisé pour les topics . je trouve que l'interrupteur colle bien au théme .

dessous je compte installé un espece de barre-graphe pour visualiser les ranks
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 987
Enregistré le: 23 Fév 2010 à 20:46

Re: Création d'image "online" et "offline"

Messagepar cabot » 23 Mai 2015 à 09:47

dje8269 a écrit:Je suis d'accord que ca implique l'envie de cliquer sur l'image. mais quand on passe dessus on se rend compte qu'aucune action n'est possible.

C'est bien là qu'est le problème, ce n'est pas intuitif. Une image utilisée pour afficher un état ne doit pas provoquer l'envie d'interagir et s'il faut passer la souris dessus pour se rendre compte qu'il n'y a aucune action possible, alors cette image n'est pas adaptée. L'interrupteur colle au design mais pas à l'utilisation que tu veux en faire.

Quand je parlais de led, je pensais bien-sûr à une vue de dessus, vert pour l'état en ligne et grisé pour l'état hors ligne.
Exemple à la louche :
Image
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26718
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Création d'image "online" et "offline"

Messagepar dje8269 » 23 Mai 2015 à 11:19

Oui , je sais bien que tu as raison .

partons la dessus . Je n'arrive décidément pas a détourer proprement . Le rond actuellement en place ne rends pas bien , quand on est sur le gris bg gris . on voit les petits points blanc .

On pourrait essayer avec un contour gris stp .

genre lien
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 987
Enregistré le: 23 Fév 2010 à 20:46

Re: Création d'image "online" et "offline"

Messagepar cabot » 23 Mai 2015 à 11:40

Image Image

Image Image

Image Image
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26718
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Création d'image "online" et "offline"

Messagepar dje8269 » 23 Mai 2015 à 12:17

génial , apres moultes essais j'ai opté pour le petit ovale ; Je trouve que ca rend bien .

Par contre j'ai essayé de rjouté du vide au dessus pour pouvoir l'aligner sur le bas de l'ecriture , mais ca me décale tout ?

Il faudrait qu'il soit posé sur la même ligne que l'ecriture, car la on dirait qu'il est centré en haut . quand je rajoute un margin ca me bouge tout ! .
je crois que je dois faire une marge en html directement non .

PS : j'ai appliqué le rasoir . j'affiche directement mon image plutot que de passé par le stylesheet que je vais supprimer apres essais ;

Merci cabot
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 987
Enregistré le: 23 Fév 2010 à 20:46

Re: Création d'image "online" et "offline"

Messagepar cabot » 23 Mai 2015 à 12:43

Pour aligner l'image, ouvre un sujet dans le forum des modifs de styles. :wink:

Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé]
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26718
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque


Retourner vers Création graphique

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité

cron