Comment faire un arrière-plan personnalisé sur weebly

Vous avez la liberté de concevoir un grand site Web avec Weebly.

Vous avez la liberté de concevoir un grand site Web avec Weebly.

Weebly est l`un des plus fournisseurs de sites Web gratuits populaires, offrant le site glisser-déposer des outils de construction, il est facile de concevoir et de personnaliser votre propre site en utilisant une sélection de modèles prédéfinis. L`un des moyens les plus rapides pour donner à votre site Weebly une véritable identité individuelle est d`ajouter une image de fond personnalisée.

Préparer votre image

Choisissez une grande photo à haute résolution ou graphique que votre image d`arrière-plan. Petit ou des images à basse résolution peuvent apparaître ou polyédrique floue lorsqu`il est utilisé comme arrière-plans. Utilisez votre éditeur d`image préférée pour régler la couleur, recadrer l`image ou ajouter Effets- alternativement, utilisez intégré dans l`éditeur de ImagePerfect Weebly. Enregistrez votre image d`arrière-plan destiné à le disque dur de votre ordinateur dans un format compatible avec le Web tel que .png ou .jpg.

Navigation vers le CSS / HTML éditeur de code

Connectez-vous à votre compte Weebly et cliquez sur l`onglet Conception. Si vous ne prévoyez pas de coder votre modèle vous-même, utilisez l`un des thèmes intégrés de Weebly ou télécharger un thème prévu. Choisissez l`une avec une image de fond que vous pouvez remplacer. Dans la barre latérale de conception, cliquez sur le "HTML / CSS" lien pour accéder à l`éditeur de code.

Identification de l`arrière-plan actuel image

La page de l`éditeur de code a une barre latérale et deux panneaux principaux. Le panneau supérieur montre le code existant pour votre page. Le panneau inférieur vous donne un aperçu de la page afin que vous puissiez vérifier que vos modifications donnent l`effet que vous voulez. Dans la barre latérale, vous trouverez une liste de tous les fichiers utilisés par votre page, y compris l`image d`arrière-plan en cours. Vous aurez besoin de faire défiler le code jusqu`à ce que vous trouverez une section qui commence "corps {" et rechercher le nom d`un fichier d`image. Le fichier image sera généralement au format JPG et peut contenir les lettres "bg." Vous pouvez vérifier que cela est le bon fichier en faisant défiler la liste des fichiers dans la barre latérale, puis en cliquant sur le nom du fichier.

Video: [TUTO] Créer un Arrière-Plan Futuriste sur Photoshop [FR]

Téléversement de votre image

Clique sur le "Ajouter d`autres fichiers" possibilité de parcourir le lecteur de votre ordinateur pour votre image de fond. Sélectionnez votre fichier image et attendez qu`il télécharger. Vous devriez maintenant voir votre fichier image sur la liste. Dans le panneau de code, supprimer le nom de l`image d`arrière-plan existant et le remplacer par votre propre. Une fois le rafraîchissement du panneau de prévisualisation, votre image personnalisée devrait apparaître à la place de l`ancien.

Enregistrement de votre thème

Video: tuto comment mettre un arrière plan sur votre profil steam

Pour enregistrer vos modifications, cliquez sur le "sauvegarder" bouton situé en haut à droite de l`écran. Vous serez invité à entrer un nouveau nom pour ce thème. Choisissez quelque chose descriptif, tel que "CustomTheme." Clique le "Accueil" bouton pour revenir à votre tableau de bord principal, où vous pouvez apporter d`autres modifications à votre page ou le mettre sur le Web en utilisant l`option Publier.

Les références

  • lien PCWorld: Sites rapides et créatifs avec Weebly
  • lien Weebly Blog: Présentation Weebly ImagePerfect
  • lien Mozilla Developer Network: Web Developer Guide - Mise à l`échelle les images de fond

A propos de l`auteur

Clare Edwards a fourni le contenu d`Internet depuis 1998. Elle a écrit et traduit pour une variété de marchés: tout d`articles techniques à court métrage de fiction et d`essais sur la spiritualité alternative. Elle est titulaire d`un certificat d`enseignement supérieur en électronique et arts audio de l`Université Middlesex.

Articles connexes