Logo Hardware.com.br
jcvlanova
jcvlanova Novo Membro Registrado
11 Mensagens 0 Curtidas

Layout de pagina

#1 Por jcvlanova 19/02/2020 - 16:22
Galera, dei uma olhada no Site https://www.fastly.com/ e percebi que a página é estruturada em tópicos circundados, divididos por uma espécie de caixas, boxes formados por linhas e curvas, alguém saberia me dizer como é possível fazer essas linhas curvas uma página html ???
TRONNER
TRONNER Cyber Highlander Registrado
32.2K Mensagens 7.3K Curtidas
#2 Por TRONNER
20/02/2020 - 11:15
jcvlanova disse:

Não é somente html ali, além de javascript pode ter outras linguagens...
cool.png**Quando pensar ser um Golias, cuidado para não encontrar algum Davi**
veja.png Conheça os Poderosos e Gratuitos [ Iperius Backup ] e [ Iperius Remote ]
veja.png Todo dia um software novo e grátis [ clicando aqui ]
boa.gif Faça valer a sua voz com o Mudamos+ { https://www.mudamos.org }
frc_linux
frc_linux Membro Junior Registrado
45 Mensagens 26 Curtidas
#3 Por frc_linux
20/02/2020 - 15:32
Não sei se inclui isso, mas vale a pena percorrer esses recursos.

Existem "exercícios", em que você altera umas coisas e vê o resultado na hora:

https://www.w3schools.com/w3css/w3css_references.asp
6 × Intel® Core™ i5-9400 CPU @ 2.90GHz
TUF B360M-PLUS GAMING/BR - ASUSTeK COMPUTER INC.
Intel Corporation UHD Graphics 630 (integrated)
Memory: 15.5 GiB of RAM
http://byteria.blogspot.com/
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#4 Por esquiloesper...
21/02/2020 - 03:21
Amigo, fazer isso é bastante simples.
Na verdade fazem uso de três propriedades CSS básicas:
[LIST=1]
Sobreposiçoes (z-index)

Imagens de fundo (background-image)

Cantos arredondados nos containers (border-radio)
[/LIST]
Salve a página completa e veja que em apenas um dos arquivos CSS existem mais de 160 imagens!
Veja um exemplo de imagem extraída dele:

Imagem
Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
© 1999-2025 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal