En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 
 
 

Créer son logo pour le bandeau du haut

Pour créer votre image logo pour qu'elle soit visible dans le bandeau du haut, c'est très simple!

logo.png

L'image logo.png est stockée dans le répertoire img à la racine de votre site.

Elle se nomme logo avec l'extension .png

logo.png

Celle de mon exemple, mesure : 1280 px sur 212 px. Elle a un fond transparent.

La skin a également une largeur de 1280 px.

La skin choisie pour cet exemple est la Skin "Puzzle" skn5_papinou08 de  Papinou (Guppyteam) https://www.papinou.fr

Cela fonctionnera avec une autre skin compatible Guppy Config Look,  elles le sont toutes chez Papinou et le choix est large. Veillez simplement à vérifier la largeur de la skin pour ne pas faire un bandeau plus large que la skin.

Vous pouvez créer une image moins large, plus haute... Tout dépend de l'affichage souhaité. Mais attention, la taille doit respecter la largeur de votre skin, elle ne doit pas être supérieure à cette largeur pour obtenir un affichage de votre site correct en plein écran.

Pour garder la même mise en page que sur le site de démo Guppyecole ci-dessous :

page_accueil_guppyecole50300.png

suivez les explications  suivantes :

Comment faire ?

  1. Avec un logiciel de retouche d'image comme Photofiltre ou Gimp libres et gratuits, ou celui que vous avez, créez une nouvelle image de 1280 px sur 212 px avec un fond transparent.
  2. Personnalisez-la selon vos besoins.Insérez du texte, une image, une photo...
  3. Nommez-la :  mon_logo
  4. Choisissez le type lors de l'enregistrement :  .png (Portable Networks Graphics), ce format là permet de conserver la transparence de l'image.
  5. Choisir le répertoire de destination sur votre ordi. Cliquez sur le bouton Enregistrer.
  6. Téléchargez votre image sur le site : Admin/Fichiers : et sur la page qui s'affiche, choisir le dossier img. Celui-ce se déroule, tout le contenu est visible en liste :                                       config_logo_charger_image.JPG
  7. En bas de cette page, zone Charger un fichier, cliquez sur le bouton Parcourir et retrouvez votre image mon_logo.png stockée sur votre ordi, double cliquez dessus, son nom vient s'inscrire à côté du bouton Parcourir, puis cliquez sur Charger sur le site.
    config_logo_charger_image2.JPG
  8. Votre image est maintenant sur le site.
  9. Pour changer de logo et donc y mettre votre image créée précédemment,  allez dans config Look et dans la partie Bandeau,  à la ligne logo, choisissez  votre image nommée mon_logo.png.
  10. Allez ensuite dans Admin/Config Boites, et positionnez la boite Logo en haut en indiquant la largeur souhaitée. Dans l'exemple, la position de la boite logo est en haut sous les Réseaux Sociaux et la boite Recherche avec une largeur de 100%. Mais vous pouvez bien-sûr tout modifier. Voir ci-dessous pour notre exemple :

config_boites_pourlogo_en_haut.png

Amusez-vous bien !

Lavachequireve (Guppyteam)


Catégorie : GuppY-Aide - Skins
Page lue 511 fois

Skins Scolaires