Crée un design

Tu sens la fibre créatrice vibrer en toi et tu as envie de te lancer dans la création de bannières ou de thèmes. Cette rubrique est faite pour toi !

Quel logiciel utiliser pour réaliser des créations et comment s'en servir ?

Le logiciel PhotoFiltre est gratuit et simple d'utilisation et il te permettra de créer des montages (wallpapers, designs, bannières, avatars, etc).

> Télécharger le logiciel Photofiltre gratuitement

> Tutoriel d'aide pour Photofiltre

Tu as réalisé une bannière aux dimensions requises (L x H  = 1024 x 150 pixels) et tu as envie qu'elle rejoigne la galerie des bannières dédiées à ta série préférée. C'est très simple et très rapide !

• Étape 1
  

Tu dois te connecter sur Hypnoweb.

Clique en haut à droite sur le bouton "Connexion" et entre tes identifiants.

• Étape 2

Une fois que tu t'es identifié sur le site, sélectionne "Préférences"dans l'onglet où est inscrit ton pseudo.

 

 

• Étape 3

Ouvre ensuite le menu "Préférences" puis clique sur "Création de bannières".

Lis attentivement les instructions qui s'affichent pour vérifier que tu as bien respecté les critères (dimensions requises, polices, tag...)

Note : tu trouveras également sur cette page des liens pour télécharger gratuitement les polices d'écriture officielles d'Hypnoweb (Comfortaa et Open Sans).

• Étape 4

Pour nous proposer ta création, il ne te reste plus qu'à choisir la rubrique qui correspond à ta série dans le menu déroulant en bas de la page puis à aller chercher ta bannière enregistrée sur ton ordinateur via le bouton "Parcourir". 

N'oublie pas de cliquer sur "Valider" ! Ta bannière est alors mise en vote. 

Précision #1 : ta bannière ne doit pas dépasser 150 ko afin d'éviter de dégrader sa qualité lors de la recompression. Nous te recommandons de l'enregistrer en JPEG qualité 90% (et non pas 100%).

Précision #2 : tu ne peux pas mettre en vote plus de 3 bannières simultanément.

Maintenant que tu sais comment créer une bannière, que dirais-tu de la mettre en valeur en créant un thème qui s'harmonisera avec ta création ?

• Étape 1
  

Tu dois te connecter sur Hypnoweb.

Clique en haut à droite sur le bouton "Connexion" et entre tes identifiants.

• Étape 2

Une fois que tu es identifié sur le site, sélectionne "Préférences"dans l'onglet où est inscrit ton pseudo.

 

 

• Étape 3

Ouvre ensuite le menu "Préférences" puis clique sur "Création de thèmes".

Lis attentivement les instructions qui s'y trouvent, elles contiennent de précieux conseils.

• Étape 4
  

Maintenant que tu as pris connaissance des critères importants, il est temps d'aller chercher une bannière. Ouvre une nouvelle fois le menu "Préférences" puis clique sur "Bannières".

Choisis une bannière dans l'une de nos galeries (reporte-toi à la première rubrique de cette page > Choisir une bannière > Etape 3 pour plus de détails). Elle s'affiche alors en haut de ton écran.

• Étape 5
  

Tu vas maintenant choisir de jolies couleurs pour embellir tout ça. Ouvre une nouvelle fois le menu "Préférences" et cette fois-ci, clique sur "Couleurs".

Tu arrives sur la page... "Couleurs". Super, tu suis toujours :-)

Tu découvres notre palette de couleurs.

C'est le moment de jouer avec cette palette et de laisser parler ta fibre créatrice ! 

Choisis chacune des couleurs que tu souhaites appliquer à chacune des zones des pages d'Hypnoweb (le fond de page, les encadrements, les liens...) pour composer ton thème. Comment faire ? C'est très simple :

- Clique sur le rectangle qui correspond à la couleur que tu souhaites modifier. Une petite fenêtre s'ouvre.

Tu as alors 2 solutions :
→ soit tu connais le code HTML de ta couleur et il te suffit de le taper dans la case prévue à cet effet (exemple : #FF0000 pour un beau rouge vif)
→ soit tu te laisses guider par ton goût et tu déplaces le petit curseur rond dans la zone colorée. Au fur et à mesure de ton déplacement, la couleur varie dans le premier rectangle (de même que les codes correspondants).

Pour valider ton choix, clique simplement à côté de la fenêtre.

Reprends cette même procédure pour chacune des couleurs que tu souhaites modifier. 

• Étape 6

L'accessibilité du site pour tous les visiteurs est au coeur des préoccupations d'Hypnoweb. Nous souhaitons notamment que la citadelle soit accessible aux personnes qui ont une déficience visuelle.
> Plus d'informations
C'est pourquoi nous avons mis en place un algorithme qui permet de calculer automatiquement les niveaux de contraste de nos thèmes afin que la lisibilité soit optimale pour tous.

Pour qu'un thème réponde aux spécifications de contrastes, les 9 indicateurs doivent être verts. Si on prend l'exemple ci-dessous, 3 des indicateurs sont rouges (Titres / Fond de page, Texte / Liens et Liens survolés / Fond de menu).

Tu dois donc reprendre ton thème pour que les 3 indicateurs en question passent au vert.

Chaque indicateur a son propre seuil qui est indiqué entre parenthèses. Dans l'exemple ci-dessus, le contraste Texte / Fond de page obtient 17.8 ce qui dépasse largement le seuil fixé à 4.5. L'indicateur est donc vert. Par contre, le contraste Texte / Liens obtient 1.58 ce qui est en-dessous du seuil fixé à 3 et donc cet indicateur est rouge.

 

Une fois que tu as mis au point un thème qui te plait et dont les indicateurs de contrastes sont tous verts, clique sur le bouton "Enregistrez les couleurs" qui se trouve en bas.

 

• Étape 7

Tu touches au but ! Tu peux maintenant nous proposer votre thème. Retourne sur la page "Création de thèmes" via le menu "Préférences".

Tu arrives avec le thème que tu souhaites nous proposer (ta bannière et tes couleurs). Il  ne te reste plus qu'à choisir la rubrique qui correspond à ta série dans le menu déroulant en bas de la page.

N'oublie pas de cliquer sur "Valider" ! Ton thème est alors mise en vote.

Précision : tu ne peux pas mettre en vote plus de 2 thèmes simultanément.

 

******************

Note : après avoir proposé tes créations, si tu souhaites revenir à l'apparence par défaut du site Hypnoweb, je te rappelle la procédure.

1) Direction "Préférences"

2) Clique sur "Remettre les paramètres par défaut"