Estamos aqui para ajudar. Envie um email!

Tutoriais

carregando...

Tutorial: Personalizar seu estilo

O Yola oferece a você a possibilidade de personalizar o visual do seu site, dando-lhe as ferramentas para mudar a imagem de banner,  plano de fundo e remover o Link Yola. Personalizando o seu site com estes recursos poderá ajudá-lo a criar um site mais sofisticado e único que irá ajudá-lo a se destacar na multidão!

Conteúdo


Edição de Imagem do Banner
Alterando o fundo da página
Removendo o Link Yola
Editar o CSS do site

Quando você passa o mouse sobre a imagem do banner ou sobre o Link para Yola em sua página, lhe verá uma caixa azul aparecer, o que indica que esses elementos do estilo são editáveis. Clicar diretamente na imagem do banner traz uma caixa de diálogo com todas as opções de edição de banner.

Para alterar o fundo, clique em "Estilo" na barra de ferramentas. Selecione "Editar plano de fundo" e depois em "Alterar plano de fundo".

----------------------------------------------------------------------------------------------------------------------------------

Imagem de Banner

Se o estilo que você selecionar suporta uma imagem de banner personalizado, basta passar o cursor do mouse sobre o área do banner até que a caixa azul apareça e clique dentro dela para revisar o caixa de diálogo que exibe as opções disponíveis para personalização.

Tamanho do banner:

Cada banner tem dimensões recomendadas que podem ser utilizadas para alcançar um melhor resultado. Embora seja possível editar a imagem de banner uma vez que foi carregada, é melhor fazer o upload de uma imagem que corresponda às dimensões do banner recomendado.

Para descobrir as dimensões do banner, olhar na parte inferior da caixa de diálogo que aparece quando você clica dentro o área do banner. Neste estilo em particular você pode ver que o tamanho recomendado de banner é 978px por 263px.

Carregue e edite a imagem de banner:
  1. Clique em qualquer lugar na imagem do banner para abrir a caixa de diálogo.
  2. Clique em "Alterar Imagem de Banner" e uma caixa de diálogo se abrirá.
  3. Você pode selecionar "Atualize novo banner", "Navegue pelos banners carregados" ou "Encontre banners profissionais".
  4. Selecione a imagem banner e o Editor de banner abrirá onde que você pode dimensionar a imagem para caber na área de banner perfeitamente.
  5. Faça as alterações e clique no botão "OK". A imagem banner será carregada na página no Construtor de Sites.

Aplicar a todas as páginas:


O Yola lhe dá a opção de fazer upload de uma imagem de banner diferente em cada página do seu site, ou aplicar a mesma imagem de banner para todas as páginas. Para aplicar a imagem de banner para todas as páginas no seu site:
  1. Clique dentro do banner, em seguida, clique em "Aplicar a todas as páginas".
  2. Uma caixa de diálogo será aberta solicitando que você confirme se deseja aplicar a alteração para todas as páginas no seu site. Clique em "Aplicar e Salvar" se que você deseja ir em frente.

Alterando para padrão:

Não gostou do resultado? Não tem problema! Você pode facilmente reverter para a imagem de banner padrão. Clique dentro de seu banner e, em seguida, clique em "Usar padrão" na caixa de diálogo que se abre. Isso vai trazer de volta a imagem de banner original que veio com o estilo. Você pode usar essa imagem, ou começar de novo fazendo o upload de uma nova. Para alterar a imagem de banner em todas as suas páginas de volta para o banner padrão, siga do passos acima e siga o tutorial "Aplicar a todas as páginas" descritos acima.

----------------------------------------------------------------------------------------------------------------------------------

Plano de fundo

O Yola lhe dá o opção de mudar a cor de fundo do seu estilo ou carregar a sua própria imagem de fundo, ou ambos!

Editar a cor de fundo:
  1. Clique no botão "Estilo". Em seguida, selecione "Editar Plano de Fundo " e depois em "Alterar plano de fundo".
  2. Uma caixa de diálogo abrirá, clique na seta para baixo ao lado de "preenchimento de plano de fundo" e o seletor de cores abrirá.
  3. Selecione a cor que você deseja usar e clique em "OK". Se você souber o valor hexadecimal da cor que você gostaria de usar, digite-o o espaço fornecido (aqui está um link para um gerador de cor Hex).

Upload sua própria imagem de fundo:
  1. Clique no botão "Estilo". Em seguida, selecione "Editar Plano de Fundo" e depois em "Alterar Plano de fundo".
  2. Uma caixa de diálogo abrirá, marque a caixa ao lado de "Usar uma imagem de fundo".
  3. Agora você pode carregar um arquivo do seu computador ou navegar pelos arquivos de imagem no Gerenciador de Arquivos.
  4. Após o upload, personalizar as configurações - se você gostaria que a imagem fique lado a lado (repetir), onde você gostaria que o fundo seja localizado na página e se você gostaria que o fundo role com a página ou não.

Para voltar e editar o fundo que você adicionou, clique no botão "Estilo". Em seguida, selecione Editar Plano de Fundo" e depois em "Alterar Plano de fundo".

Aplicar a todas as páginas:


Você poderá optar por aplicar o mesmo fundo a todas as páginas do seu site, em vez de mudar o fundo de cada página individualmente:
  1. Clique no botão "Estilo". Em seguida, selecione "Editar Plano de Fundo" e depois em "Aplicar todas as páginas".
  2. Uma caixa de diálogo será aberta solicitando que você confirme se deseja aplicar a alteração para todas as páginas do seu site, clique em Aplicar e Salvar se você quiser ir em frente.

Alterando para padrão:

Se preferir mudar o imagem de banner no seu site de volta para o fundo padrão do estilo, clique em "Estilo" . Selecione "Editar Plano de fundo" e depois clique em "Usar Padrão ". Para alterar o fundo do todas as suas páginas de volta para o fundo padrão, siga o passos acima e siga o "Aplicar a todas as páginas" descritos acima.

Links para recursos de fundo útil (com agradecimentos a nossa comunidade!):

O Tartan gerador de padrão de fundo: tartanmaker.com
Stripe Generator: stripegenerator.com
Ribbon Generator: quickribbon.com
Palette Generator (gera uma paleta com base em uma foto) se você quer combinar o seu plano de fundo a uma cor de uma foto: bighugelabs.com
Gradient Image Maker: tools.dynamicdrive.com/gradiente
BG Patterns: bgpatterns.com
Eos Development: eosdev.com
Hex gerador de cor: cloford.com

----------------------------------------------------------------------------------------------------------------------------------

Remover o Link Yola

A remoção do Link para o Yola é parte do pacote Silver. Quando você atualizar para Yola Silver, o Yola Link será removido de todos os seus sites na sua conta Yola. Para obter mais informações sobre este recurso, consulte: Yola Silver FAQ.

----------------------------------------------------------------------------------------------------------------------------------

Editar CSS do site

O site CSS é outra ótima maneira de realmente personalizar seu site. Isso lhe dará acesso aos códigos CSS do site e permite que você ajuste a aparência geral do seu site. Para algumas dicas gerais de como usar o recurso , consulte este tutorial: Como editar CSS do site.