![[TUTORIAL]Personalizando Seu [quote][/quote] User_l10](https://i.servimg.com/u/f10/16/47/91/52/user_l10.png)
Entrar
Cadastre-se![[TUTORIAL]Personalizando Seu [quote][/quote] Icon_q10](https://i.servimg.com/u/f10/16/47/91/52/icon_q10.png){kind=icon}
Início1![[TUTORIAL]Personalizando Seu [quote][/quote] Empty](https://2img.net/i/empty.gif)
[TUTORIAL]Personalizando Seu [quote][/quote] Ter Jul 10, 2012 7:25 pm
iTzNexxT
Minis : ![[TUTORIAL]Personalizando Seu [quote][/quote] Qdzdbk10](https://i.servimg.com/u/f19/17/03/02/43/qdzdbk10.png)
:00![[TUTORIAL]Personalizando Seu [quote][/quote] C96eus10](https://i.servimg.com/u/f19/17/03/02/43/c96eus10.png)
:00![[TUTORIAL]Personalizando Seu [quote][/quote] Zc0mgz10](https://i.servimg.com/u/f19/17/03/02/43/zc0mgz10.png)
:00
:00:00:00Mensagens : 27
1° - Abriremos a Parte Dos CSS;
Abra Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
assim como na imagem:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
2° - Pequena Noção do CSS;
Antes de Nós Colcar os Códigos,Prescisamos Ter Noção POis Não é Só add e PUUUHM.
Bom Tem Muitas Coisas Que Podemos Adicionar; Ex:
background-color:
Nisso Adicionamos o código hexadecimal de uma cor tem outros estilos mas vmaos usar esse.
Ex:
- Código:
background-color: #FF0000;
a Propiedade Principal ela podemos adicionar a imagen de fundo no spoiler.
Ex:
- Código:
background-image: url(http://2img.net/i/bl/logo.png);
Defini se vai ter repetição da imagem ou não (no-repeat), pode colocar essa repetição apenas na horizontal (repeat-x), na vertical (repeat-y) ou também nos dois planos (repeat).
Ex:
- Código:
background-repeat: no-repeat;
Ela Defini a Imagen...
Ex:
- Código:
background-attachment: scroll;
background-position:
para definir a posição da imagen no topo em cima em baixo...
Ex:
- Código:
background-position: bottom right;
background-position: 2px 10px;
Atenção pois quando é utilizado palavras deve a primeiras variar entre top/center/bottom e a segunda entre left/center/right.
color:
Para Definir a Cor;
Ex:
- Código:
color: #FF0000;
font-size:
Defini tamanho da font Do Spoiler
Ex:
- Código:
color: 10pt;
font-family:
Defini a Fonte
Ex:
- Código:
font-family Verdana, Geneva, sans-serif;
3° - Códigos DeAcordo om a Versão do Fórum;
PhpBB 2 -
- Código:
.quote {
propriedades
}
PhpBB3 -
- Código:
blockquote {
propriedades
}
PunBB
- Código:
.postmain blockquote {
propriedades
}
Invision Power Board[IPB]
- Código:
blockquote cite {
propriedades
}
Recomendo No Invision usa o background-image,pois no color nao ficaria bem legal.
Códigos De Como Ficaria:
- Código:
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}
Ex: [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Então Esse Foi Meu Tuto Obrigado a TOdo By.
PS: Obrigado Pela FDF Pelas Imagens Códigos.
