Como fazer um fundo personalizado no weebly

Weebly é um dos mais populares provedores de site gratuito, oferecendo drag-and-drop ferramentas de construção de site se torna mais fácil para projetar e personalizar o seu próprio site usando uma seleção de modelos pré-fabricados. Uma das maneiras mais rápidas para dar o seu site Weebly uma identidade verdadeiramente individual é adicionar uma imagem de fundo personalizada.

Prepare sua imagem

Escolha uma grande fotografia de alta resolução ou gráfico como imagem de fundo. imagens pequenas ou de baixa resolução pode aparecer em blocos ou turva quando usado como fundo. Use o seu editor de imagens preferido para ajustar a cor, cortar a imagem ou adicionar Effects em alternativa, usar o editor ImagePerfect built-in do Weebly. Salve sua imagem de fundo destina-se ao disco rígido do seu computador em um formato compatível com a Web, como .png ou .jpg.

Navegando para o CSS / Editor de código HTML

Entrar na sua conta Weebly e clique na guia Design. Se você não planejar para codificar o seu modelo de si mesmo, use um dos temas integrados do Weebly ou fazer upload de um tema pré-fabricados. Escolha uma imagem de fundo que você pode substituir com. Na barra lateral de estrutura, clique no "HTML / CSS" link para ir para o editor de código.

Identificando o fundo atual Imagem

A página de editor de código tem uma barra lateral e dois painéis principais. O painel superior mostra o código existente para a sua página. O painel inferior dá-lhe uma pré-visualização da sua página para que possa verificar que as alterações dar-lhe o efeito desejado. Na barra lateral, você vai encontrar uma lista de todos os arquivos usados ​​por sua página, incluindo a imagem de fundo atual. Você vai precisar para percorrer o código até encontrar uma seção que começa "body {" e olhar para o nome de um arquivo de imagem. O arquivo de imagem será tipicamente em formato JPG e pode conter as letras "bg." Você pode verificar que este é o arquivo certo rolando para baixo a lista de arquivos na barra lateral e, em seguida, clicando no nome do arquivo.

Upload sua imagem

Clique no "Adicionar mais arquivos" opção de navegar rígido do seu computador para a sua imagem de fundo. Selecione o arquivo de imagem e esperar por ele para carregar. Agora você deve ver o seu arquivo de imagem na lista. No painel de código, exclua o nome da imagem de fundo existente e substituí-lo por conta própria. Uma vez que as atualizações do painel de visualização, sua imagem personalizada deve aparecer no lugar do antigo.

Salvando o seu tema

Para salvar as alterações, clique no "Salve " botão no canto superior direito da tela. Você será solicitado a digitar um novo nome para este tema. Escolha algo descritivo, como "CustomTheme." Clique no "Casa" botão para voltar ao seu painel principal, onde você pode fazer outras alterações em sua página ou colocá-lo na Web usando a opção Publicar.

Referências

• ligação PCWorld: Sites rápido e criativo com Weebly
• ligação Weebly Blog: Apresentando Weebly ImagePerfect
• ligação Mozilla Developer Network: Guia Web Developer - Escala Imagens de Fundo

Sobre o autor

Clare Edwards tem vindo a fornecer o conteúdo da Internet desde 1998. Ela tem escrito e traduzido para uma variedade de mercados: tudo, desde artigos técnicos a curto ficção e ensaios sobre espiritualidade alternativa. Ela possui um certificado do ensino superior em eletrônica e artes de áudio da Universidade de Middlesex.