[TUTORIAL] Adicionar sombra em volta da estrutura do fórum
Página 1 de 1
[TUTORIAL] Adicionar sombra em volta da estrutura do fórum
|
Com este tutorial iremos aprender como podemos utilizar recursos inovadores do CSS. Veremos como podemos, sem fazer uso de imagens, adicionar uma sombra em volta da estrutura do fórum. Mas cuidado, este recurso não está disponível para o Internet Explorer e nem mesmo para as versões inferiores ao Mozilla Firefox 3.5.0. Como é muito variado os efeitos que se podem ser feitos com esta propriedade, decidimos somente explicar suas propriedades básicas, mais saiba que com uma busca na Internet poderá descobrir como criar sombras realmente surpreendentes!
Código CSSCSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2, phpbb3, punbb, modernbb, awesomebb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS
phpBB2
phpBB3, ModernBB e AwesomeBB
punBB
Invision
Vermelho: Irá definir a posição da sombra entre o lado direito ou esquerdo da página. Se o valor for positivo, será para a direita. Caso o valor seja negativo, será para a esquerda. Quanto maior for o valor, mais irá se expandir a sombra. Azul: Irá definir a posição da sombra entre o lado de cima ou o lado de baixo da página. Se o valor for positivo, será para baixo. Caso o valor seja negativo, será para cima. Quanto maior for o valor, mais irá se expandir a sombra. Azul claro: Esta valor representa a cor hexadecimal da borda. Verde: Pode modificar a qualidade da sombra. Quanto maior for o valor, mais spray ela ficará. Para que consiga compreender melhor, veja estas duas imagens, a primeira mostra quando o valor é zero e a segundo mostra como fica quando vamos aumentando: Resultado![]() |
Se você tiver a respeito deste tutorial, queira criar um novo tópico com o título: Adicionar sombra em volta da estrutura do fórum |
![-](https://2img.net/i/empty.gif)
» Adicionar sombra em volta da estrutura do fórum
» Adicionar sombra em volta da estrutura do fórum
» Adicionar sombra em volta do fórum
» Adicionar bordas e sombra na estrutura do fórum
» Sombra em volta da estrutura
» Adicionar sombra em volta da estrutura do fórum
» Adicionar sombra em volta do fórum
» Adicionar bordas e sombra na estrutura do fórum
» Sombra em volta da estrutura
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos