Com afegir un fons de bloc: 8 passos (amb imatges)

Taula de continguts:

Com afegir un fons de bloc: 8 passos (amb imatges)
Com afegir un fons de bloc: 8 passos (amb imatges)

Vídeo: Com afegir un fons de bloc: 8 passos (amb imatges)

Vídeo: Com afegir un fons de bloc: 8 passos (amb imatges)
Vídeo: ¡Crea una INCREÍBLE la galería de imágenes para tu WEB! 2024, Maig
Anonim

Els bloggers solen canviar els antecedents dels blocs per fer que el seu bloc sigui més atractiu visualment per als visitants. Tot i això, una imatge de fons que s’afegeix incorrectament pot confondre l’espectador i provocar que els visitants s’allunyin del vostre bloc. Per afegir un fons de bloc correctament, és important utilitzar els codis HTML correctes.

Passos

Afegiu un bloc de fons Pas 1
Afegiu un bloc de fons Pas 1

Pas 1. Aneu a la pàgina HTML del vostre bloc

Si esteu editant el bloc fora de línia, el podeu obrir a Dreamweaver per canviar HTML. Els serveis de blocs com Blogger us permeten canviar HTML en línia anant a la pàgina Disseny i seleccionant la pestanya "Edita HTML". Heu de poder accedir als codis HTML del vostre bloc i la manera com ho feu pot variar molt en funció dels serveis i mètodes de blocs que utilitzeu.

Afegiu un fons de bloc Pas 2
Afegiu un fons de bloc Pas 2

Pas 2. No intenteu buscar una imatge independent amb un color diferent si tot el que voleu fer és canviar el color de fons

En canvi, només podeu editar el vostre HTML per canviar el color existent al que vulgueu.

  • Cerqueu "gràfic de colors HTML" a Internet. Hauríeu de poder trobar una taula que mostri diferents colors juntament amb el seu nom de color i el número HEX (hexadecimal). El número HEX és el número que s’utilitza a l’HTML, de manera que heu de recordar el número HEX del color concret que vulgueu com a fons.
  • Cerqueu el codi al vostre bloc que defineixi el color de fons. Serà així.

    • cos {
    • color de fons: #XXXXXX;
Afegiu un bloc de fons Pas 3
Afegiu un bloc de fons Pas 3

Pas 3. Veureu el número HEX del color existent en lloc de les X que es mostren al codi de mostra

Canvieu el número HEX pel número del color que vulgueu com a fons. Després de desar i aplicar el nou HTML, veureu el nou color com a fons

Mètode 1 d'1: afegir una imatge de fons del bloc

Afegiu un bloc de fons Pas 4
Afegiu un bloc de fons Pas 4

Pas 1. Seleccioneu la imatge que vulgueu afegir com a fons

Hi ha molts llocs web que us permeten descarregar fons de blocs o podeu utilitzar una imatge que ja estigui desada al vostre ordinador.

Afegiu un fons del bloc Pas 5
Afegiu un fons del bloc Pas 5

Pas 2. Pengeu la imatge

Els llocs web d’allotjament de fotos com Picasa, Flickr i Photobucket permeten penjar imatges de forma gratuïta. El vostre servei d’allotjament de blocs també us pot permetre penjar imatges d’una manera similar a com s’allotja la resta del vostre bloc.

Afegiu un bloc de fons Pas 6
Afegiu un bloc de fons Pas 6

Pas 3. Obteniu l'URL de la imatge

Per fer-ho, heu d’obrir la imatge al navegador d’Internet i copiar l’URL on es mostra.

Afegiu un bloc de fons Pas 7
Afegiu un bloc de fons Pas 7

Pas 4. Introduïu el codi per afegir una imatge com a fons

Aquí teniu el codi HTML.

    • cos {
    • background-image: url (URL de la imatge);
  • Heu d'afegir el codi on comença el cos del vostre bloc HTML. Substituïu "URL de la imatge" per l'URL complet on es troba la vostra imatge.
Afegiu un bloc de fons Pas 8
Afegiu un bloc de fons Pas 8

Pas 5. Deseu els canvis després d'editar HTML i veure el vostre bloc

Hauríeu de veure la imatge afegida com a fons.

Recomanat: