Skip to content

Parte 7

WILSON DE OLIVEIRA JUNIOR edited this page Mar 9, 2020 · 4 revisions

[Voltar]

Ajuste do CSS do front-end.

  1. Altere o arquivo site.css(01-FrontEnd\Taste.Web\wwwroot\css\site.css) para que fique como o neste [link].

  2. Acesse o site [Bootswatch] e escolha o tema Flat and modern, faça downlaod do arquivo bootstrap.css desse tema, salve na pasta Taste.Web\wwwroot\css e substitua o link para este arquivo na página Taste.Web\Pages\Shared\_Layout.cshtml.

  3. Ainda no mesmo arquivo, na tag <header>, a primeira depois de <body> subistitua a classe bg-white por bg-primary.

  4. No link com a classe navbar-brand acrescente a classe text-white.

  5. Nos links de Home e Privacy subistitua a classe text-dark por text-white.

  6. No <footer> subistitua a classe text-muted pelas classes text-white bg-primary.

  7. No arquivo Taste.Web/Pages/Shared/_LoginPartial.cshtml subistitua as classes dos links Login e Register de text-white para text-dark.

[Aqui] você encontra como o código de _Layoutout.cshtml e _LoginPartial.cshtml devem ter ficado.

  1. Execute o projeto e veja se esta tudo como esperado.

Execute seu projeto, veja [aqui] o procedimento para o Visual Studio Code. Para executar o projeto no Visual Studio, basta pressionar F5.

[Voltar]

Clone this wiki locally