Colocando telefone no cabeçalho do site

Publicado por em 16/05/2013 às 10h24

Nos controles padrões do SitePX podem ser colocados apenas título e sub-título no cabeçalho. Neste tutorial vamos aprender a colocar mais informações, como por exemplo o telefone da empresa.

Para começar, habilite a opção de CSS / HTML em Configurações de seu site. Depois, vá para páginas de seu site e clique em HTML / CSS Avançado. Vamos colocar um código HTML dos números de telefone em nosso site, lembre-se de incluir esse pequeno código na parte de "HTML":

 


  

Depois de salvar, vamos escrever agora um pequeno código CSS para deixar estas informações na posição correta do cabeçalho do site,  com a fonte, tamanho e cores que desejamos.

Neste exemplo vou colocar estas informações no canto esquerdo do meu cabeçalho, mas você pode colocar onde desejar, basta alterar os valores de "top" (que representa a distância deste elemento com o topo da página) para definir se o telefone ficará mais próximo do topo (valores menores. Ex: 0,10px) ou mais abaixo (valores maiores. Ex: 100px, 200px). Com a propriedade "margin-left", você pode definir a posição horizontal, colocando um valor negativo para posicionar mais à esquerda e um valor positivo para direita.

 Inclua esse código clicando em "Seu CSS". 

#ws #info-header {
  left: 50%;
  margin-left:-465px;
  position: absolute;
  text-align: left;
  top: 10px;
  width: 200px;
  z-index: 10;
}
#ws #info-header p{
  margin:0;
  font-size:14px;
  color:#6a6a6a;
}
#ws #info-header h2{
  margin:0;
  font-size:16px;
  color:#1274B2;
}

 Faça o teste e veja o resultado. 

voltar para Tutoriais

left show tsN fwR fsN|left tsN b01e fwR bsd show|left fwR tsN show|bnull||image-wrap|news login c05|fsN fwR normalcase tsN|c05|login news fwR normalcase|tsN fwR normalcase|normalcase fwR c05|content-inner||