GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL]Personalizando Seu [quote][/quote] em Ter Jul 10, 2012 7:25 pm

iTzNexxT

avatar
Oii Galera sou eu de novo...nesse tutorial vim ensinar como persnalizar seu quote.


1° - Abriremos a Parte Dos CSS;

Abra Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

assim como na imagem:


[Você precisa estar registrado e conectado para ver esta imagem.]


Os Códigos Muda,de Acordo com a Versão do Forum...


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;

background-image:
a Propiedade Principal ela podemos adicionar a imagen de fundo no spoiler.

Ex:
Código:
background-image: url(http://illiweb.com/bl/logo.png);

background-repeat:
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;

background-attachment:
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: [Você precisa estar registrado e conectado para ver esta imagem.]


Então Esse Foi Meu Tuto Obrigado a TOdo By.


PS: Obrigado Pela FDF Pelas Imagens Códigos.



Em Construção.

Kalash

avatar
Funcional parabéns Smile
continue assim

Obrigado



[Você precisa estar registrado e conectado para ver esta imagem.]

๖̶̶ۣۜWilker

avatar
Muito Util.

Juninho

avatar
Usei ele. Obrigado ae



[Você precisa estar registrado e conectado para ver esta imagem.]

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum