Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Guia de Alteração para Unidade 18

    Enviado por

    Gustavo Muzeka
    4 visualizações1 página
    O documento lista alterações a serem feitas nos arquivos index.html, layout.css e em elementos como o menu de navegação, logo e ícones para atualizar o layout e navegação de um site sobre desenvolvimento web. Entre as alterações estão remover itens do menu, alterar estilos de seções, posicionar o menu fixo no topo e atualizar alturas e IDs de elementos.

    Descrição original:

    Título original

    Guia+de+Alteração+para+Unidade+18

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    O documento lista alterações a serem feitas nos arquivos index.html, layout.css e em elementos como o menu de navegação, logo e ícones para atualizar o layout e navegação de um site sobre desenvolvimento web. Entre as alterações estão remover itens do menu, alterar estilos de seções, posicionar o menu fixo no topo e atualizar alturas e IDs de elementos.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    4 visualizações1 página

    Guia de Alteração para Unidade 18

    Enviado por

    Gustavo Muzeka
    O documento lista alterações a serem feitas nos arquivos index.html, layout.css e em elementos como o menu de navegação, logo e ícones para atualizar o layout e navegação de um site sobre desenvolvimento web. Entre as alterações estão remover itens do menu, alterar estilos de seções, posicionar o menu fixo no topo e atualizar alturas e IDs de elementos.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 1

    Guia de alterações

    CURSO DESENVOLVIMENTO WEB


    Guia de Alterações

    1. No arquivo index.html
    ⁃ Retirar a opção HOME do Menu.
    ⁃ Retirar o ID da div da logo.
    ⁃ Retirar o ID do elemento ion-icon.
    ⁃ Mover o elemento NAV de dentro do header e coloca-lo no topo do body.

    2. No arquivo layout.css.
    ⁃ Retirar todos os padding:40px 0 80px de todas as sections.
    ⁃ Adicionar a regra:
    ⁃ section { padding:55px 0 80px } acima de todas.
    ⁃ No elemento NAV ION-ICON.
    ⁃ Alterar o margin-top para -10px;

    3. No arquivo layout.css, no elemento NAV.
    ⁃ Adicionar
    ⁃ position: fixed; top:0; left:2.5%;z-index:9999
    ⁃ Retirar:
    ⁃ margin:10px auto;
    ⁃ Alterar:
    ⁃ height:150px;

    4. No elemento NAV DIV.
    ⁃ Retirar
    ⁃ O ID da div da logo.
    ⁃ Alterar
    ⁃ height:150px;
    ⁃ Adicionar
    ⁃ cursor:pointer

    5. No elemento, NAV UL
    ⁃ Retirar:
    ⁃ height:40px

    6. No elemento nav ion-icon
    ⁃ Retirar o ID do elemento ion-icon

    CURSO DESENVOLVIMENTO WEB


    André Fontenelle https://www.udemy.com/course/google-ads-completo-2020/

    Você também pode gostar