páginas da Web geralmente usam sobreposições para exibir o conteúdo de destaque para um visitante do site eo usuário. A sobreposição parece semitransparente e como se estivesse flutuando acima do resto do conteúdo . Sobreposições são usados para ênfase determinados conteúdos ; Drupal 7 , um dos sistemas de gerenciamento de conteúdo mais populares na Internet, por exemplo, usa uma sobreposição administrativa para ajudar os administradores do site navegar seu site. Editando o layout de uma sobreposição premade requer que você sabe um pouco de HTML , CSS e JavaScript, já que estes são os idiomas que as sobreposições são feitas dentro Instruções
1
Localize o código fonte que está construindo a sobreposição que você deseja editar . Esta pode ser a parte mais difícil do processo . Se o seu site pré-construídos não veio com a documentação, carregar a página Web que apresenta a sobreposição em um navegador. Selecione o ponto de vista do código-fonte para olhar o código fonte da página com a sobreposição. Por exemplo, selecione "View ", depois " desenvolvedor " e depois " View Source " no Google Chrome. No Firefox , selecione " View" e depois " Page Source ".
2
Localizar o elemento " div " que abriga a sobreposição. Isto pode ser chamado de " displayoverlay " ou algo similar. A div é como uma caixa que armazena e exibe informações em uma página da Web em HTML e CSS.
3
Abra o arquivo CSS que cria os estilos de sobreposição div . Pressione "Ctrl + F " para abrir a janela "Encontrar " . Digite o nome da sobreposição. Isso leva você para os estilos de controle que sobreposição.
4
alterar seu tamanho , opacidade , cor de fundo , stylings de texto , posicionando -se na página e qualquer outra coisa que você gosta relacionada com a aparência eo layout da sobreposição . Por exemplo, se a sua opacidade é definido como 50 por cento, mas você quer que ele mais escuro, você mudaria a linha que diz " Opacidade: 50% " para " Opacidade: . 60% "
5
Abra o arquivo JavaScript que cria a função div sobreposição , bem como o conteúdo vai para a sobreposição. Esta função pode ser em seu próprio arquivo JavaScript, enterrado entre muitas outras funções que abrigam todo o JavaScript para o seu site ou diretamente em sua página HTML e CSS. Olhe para a função que define uma variável com o mesmo nome da div que você encontrou mais cedo.
6
Encontre a linha de código JavaScript que define o conteúdo do div quando ele é exibido . Esta linha está dentro da função de exibição para o div . Altere o conteúdo para o que quiser. Por exemplo , se a linha é " overlaydiv.innerHTML ", " overlaydiv " é o nome da sobreposição e " innerHTML " é uma propriedade que define o conteúdo que vai dentro de um elemento, que neste caso é a sua sobreposição. Comece e termine o seu conteúdo com aspas. Não mude mais alguma coisa sobre a função ou a sobreposição pode quebrar .