Quelques astuces pour agrémenter la présentation de votre site
Texte animé et coloré
Modifiez et Entrez le code de suivant: <marquee scrollamount="3" DIRECTION="left" bgcolor="blue" width="100%"> <CENTER> <FONT COLOR="yellow" SIZE="+2"> < B> Tutoriel Weebly </ B> </ FONT> </ CENTER> </ MARQUEE> plus de codes sur le site toutimages.com par exemple. |
Vitesse de défilement: scrollamount="4" (plus le chiffre est grand plus la vitesse augmente)
La direction du défilement est définie par: left, right, down ou up La couleur de fond: bgcolor . Largeur de la bande de défilement en pourcentage de l'espace disponible. La couleur du texte:FONT COLOR. Exemple: texte noir: "black" ou par son code hexadécimal: # 000000 Hauteur du texte: SIZE |
Défilement d'images
Redimensionner un diaporama
Weebly n'a pas fourni d'option pour redimensionner le diaporama.
Une astuce consiste a créer des colonnes et placer votre diaporama dans l'une de celles-ci.
En créant 3 colonnes, vous pourrez choisir de le placer sur la droite, la gauche ou le centre de votre page. En modifiant la largeur des colonnes, votre diaporama va se redimensionner automatiquement.
Pour créer ces trois colonnes placez 2 zones Image et votre diaporama sur une même ligne.
Une astuce consiste a créer des colonnes et placer votre diaporama dans l'une de celles-ci.
En créant 3 colonnes, vous pourrez choisir de le placer sur la droite, la gauche ou le centre de votre page. En modifiant la largeur des colonnes, votre diaporama va se redimensionner automatiquement.
Pour créer ces trois colonnes placez 2 zones Image et votre diaporama sur une même ligne.
Une icone de votre site dans sa barre d'adresse: Favicon
Même si Weebly ne propose d’insérer une Favicon que dans sa version Pro, il est possible d'en créer une pour la version gratuite.
Commencez par créer votre icône. Sa taille doit être de 16x16 pixels ou 32x32 pixels et ne doit pas dépasser 256 couleurs.
Sauvegardez-la sous le nom "favicon.png" et placez-la dans une page masquée de votre site.
Après avoir cliqué sur "THÈME" puis "Modifier HTML/CSS" ,entrez le code suivant après la balise <head> de votre mise en page située dans TYPE D'EN-TÊTE
<link rel="shortcut icon" href="URL de votre icône">
En prenant soin de taper l'URL de votre icône
Commencez par créer votre icône. Sa taille doit être de 16x16 pixels ou 32x32 pixels et ne doit pas dépasser 256 couleurs.
Sauvegardez-la sous le nom "favicon.png" et placez-la dans une page masquée de votre site.
Après avoir cliqué sur "THÈME" puis "Modifier HTML/CSS" ,entrez le code suivant après la balise <head> de votre mise en page située dans TYPE D'EN-TÊTE
<link rel="shortcut icon" href="URL de votre icône">
En prenant soin de taper l'URL de votre icône
Retour page précédente
Placez en bas de chaque page de votre site un lien permettant de revenir en arrière dans la navigation..
Collez le code suivant:
<A HREF="javascript:history.go(-1)">Page précédente</A>
Résultat :
Cliquez sur le lien ci-dessous pour vous rendre à la page précédente :
<A HREF="javascript:history.go(-1)">Page précédente</A>
Résultat :
Cliquez sur le lien ci-dessous pour vous rendre à la page précédente :
Retour haut de page
Un retour "haut de page" est utile dans le cas de longues pages et permet aux internautes de remonter directement en haut de la page.
Collez le code suivant:
<div align="right"> <a href="#"> Haut de page </ a> </ div>
Si vous désirez mettre le retour à gauche, écrivez "left" au lieu de "right". Si vous le voulez au centre, écrivez "center" au lieu de "right".vous devez obtenir ceci :
<div align="right"> <a href="#"> Haut de page </ a> </ div>
Si vous désirez mettre le retour à gauche, écrivez "left" au lieu de "right". Si vous le voulez au centre, écrivez "center" au lieu de "right".vous devez obtenir ceci :
Quelques liens utiles
Des icônes gratuites pour agrémenter votre site: http://icones.pro/ ou http://findicons.com/
le site Codes couleur HTML fournit gratuitement des outils pour trouver les codes HTML des couleurs pour votre site Web. AuditSEO vous permet d' évaluer gratuitement la qualité du référencement naturel de votre site web: http://www.auditseoflash.fr/ |