[TUTORIAL] html

igorthekira · 1 [TUTORIAL] html Qua Fev 03, 2010 12:33 am

igorthekira

Mod. warezz

Mensagens : 10
Gold : 107

Ficha do Personagem
Raça:

Alquimista
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(300/300)

TUTORIAL SOBRE HTML

TEXTO NEGRITO
Resultado

texto

Código:: <b> texto</b>

TEXTO SUBLINHADO
Resultado

texto

Código:: <u>texto</u>

TEXTO CORSIVO
Resultado

texto

Código:: <i>texto</i>

TEXTO BARRADO
Resultado

~~texto~~

Código:: <s>texto</s>

TEXTO REDIMENSIONADO
Resultado

texto

Código:: <font size="Dimensionar o texto">texto</font>

COR NO TEXTO
Resultado

texto

Código:: <font color="#Nome da cor em inglês">texto</font>

FONT TEXTO
Resultado

texto

Código:: <font face="Font texto">texto</font>

TEXTO ACENDE-APAGA
Resultado

Texto

Código:: <blink>Texto</blink>

TEXTO MINI EM CIMA
Resultado

texto^cima

Código:: texto<sup>cima</sup>

TEXTO MINI EM BAIXO
Resultado

texto_baixo

Código:: texto<sub>baixo</sub>

TEXTO OVERLAPPED
Resultado

Texto superior
Texto inferior

Código:: <font style="font-size: tamanho do textopx; font-family: font texto superior; color: #cor do texto; line-height: 20px;">Texto superior</font> <font style="font-size: tamanho do textopx; font-family: font do texto inferior; color: #cor do texto;">Texto inferior</font>

LISTA
Resultado

texto

texto

texto

Código:: <ul type="disc"> <li>texto</li> <li>texto</li> <li>texto</li> </ul>

NOTA: Se pode trocar disc por circle (para um circolu) o square (para um quadrado).

TEXTO MOVEL
Resultado

Texto

Código:: <marquee direction="left" scrollAmount=7 height="40" width="80%">Texto</marquee>

NOTA: Mudando left (o texto vai para direita) para right (o texto vai para a esquerda), up (o texto vai para cima) ou down (o texto vai para baixo). Mudando o numero de scrollAmount se muda a velocidade do texto.

TEXTO MALUCO
Resultado

Texto

Código:: <marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Texto aqui</marquee></marquee>

TEXTO PULANTE
Resultado

texto

Código:: <marquee behavior="alternate" width="30%">texto</marquee>

ALINEAR TEXTO/ELEMENTOS
Resultado

texto

Código:: <p align="center">texto/imagem</p>

LINHA DIVISORIA
Resultado

Código:: <hr>

INSERIR TEXTO COM LINK
Resultado

texto

Código:: [URL=link aqui]texto[/URL]

INSERIR IMAGEN
Resultado

Código:: <img src="link da imagem">

IMAGEN COM LINK
Resultado

Código:: <a href="link do web"><img src="link da imagen"></a>

INSERIR AREA DE TEXTO
Resultado

Código:: <textarea>texto</textarea>

INSERIR MENU PARA ESCOLHER
Resultado

Código:: <select> <option value="1">texto</option> <option value="2">texto</option> <option value="3">texto</option> </select>

INSERIR BOTÃO
Resultado

Código:: <button>texto</button>

INSERIR SCROLLBAR
Resultado

O Igorthekira è super sexy, o Mr. 9 tambem è super sexy! bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla

Código:: <div style="OVERFLOW:auto; HEIGHT: 100px; WIDTH: 100px">texto</div>

NOTA: Para modificar o tamanho, aumente ou diminua os valores de HEIGHT e WIDTH.

TEXTO COM FUNDO
Resultado

texto

Código:: <div style="background-color: cor do fundo">[color=cor do texto]texto[/color]</div>

MUDAR O FUNDO

Para botar cor no fundo è:

Código:: <div style="background-color:#cor>todo o conteudo aqui</div>

Para botar uma imagen como fundo è:

Código:: <div style="background-image:link da imagen">todo conteudo aqui</div>

FONDO COM BORDAS REDONDAS
Resultado

Texto

Código:: <div style="background-color:#cor do fundo; color:#cor do texto; font-size:tamanho texto px; font-family:font texto; text-align:left; width:320px; -moz-border-radius: 11px; padding:6px; line-height:8px;"><p align="center"><br>TESTO</p></div>

SCROLLBAR DO LADO DE UMA IMAGEN
Resultado

Olá, eu sou o Mr. 9, bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla

Código:: <div style="float: left; margin-right: 10px"><img src="link da imagen"></div><div style="OVERFLOW:auto; HEIGHT: 100px; WIDTH: 100px">texto aqui</div>

BOTÃO COM LINK
Resultado

Código:: <a href="url aqui"><button>texto</button></a>

TUTORIAL FEITO POR: Igorthekira/Mr. 9
NÃO COPIE SEM AVISAR.

Última edição por igorthekira em Dom Fev 07, 2010 5:01 pm, editado 8 vez(es)

igorthekira · 2 Re: [TUTORIAL] html Qua Fev 03, 2010 12:41 am

igorthekira

Mod. warezz

Mensagens : 10
Gold : 107

Ficha do Personagem
Raça:

Alquimista
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(300/300)

TABELA
Resultado

texto	texto	texto	texto	texto

Código:: <table cellspacing="4" style="background-color:#cor do fundo" align="center"> <tr> <td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td> <td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td> <td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td> <td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td> <td style="color:#cor do texto;text-align:center;background-color:#cfcfcf">texto</td> </tr> <tr> <td><img src="link imagen"></td> <td><img src="link imagen"></td> <td><img src="link imagen"></td> <td><img src="link imagen"></td> <td><img src="link imagen"></td> </tr></table>

Última edição por igorthekira em Dom Fev 07, 2010 5:02 pm, editado 2 vez(es)

Mito · 3 Re: [TUTORIAL] html Qua Fev 03, 2010 9:36 pm

Mito

Admin

Mensagens : 205
Gold : 1226

Ficha do Personagem
Raça:

Peregrino
Inventorio:

Espada = Espada Da Luz [Atk +5000]
Armadura = Plate Mail [Def +100]
Escudo = [Nao Ha]

Pontos De Vida:

(9443/9999)

Karaka

muito legal este seu poste
igor
voce falo que ia fazer e feiz mesmo!!!

Vai ganhar um fixo!
Merece mesmo..
gostei das letras pulando
Nos temos estes codigos nas mensagens avançadas so clicar em responder
mais no modo resposta rapida nao..
XD

tbm temos o modo
WYSIWYG

q é so clica no

quando ele fica vermelho
ele faiz tudo sem os codigos
como troca de cor
aumenta letra e etc

Muito bom mesmo o post...

npvpkz · 4 Re: [TUTORIAL] html Sáb Fev 13, 2010 1:42 am

npvpkz

Mod. Jogos

Mensagens : 24
Gold : 43

Ficha do Personagem
Raça:

Alquimista
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(150/150)

Ois Vlw Igorthekira<\b>

npvpkz · 5 Re: [TUTORIAL] html Sáb Fev 13, 2010 1:44 am

npvpkz

Mod. Jogos

Mensagens : 24
Gold : 43

Ficha do Personagem
Raça:

Alquimista
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(150/150)

Clique aqui
Assim?

Alnoharitan Fear · 6 Re: [TUTORIAL] html Qua Fev 17, 2010 4:42 pm

Alnoharitan Fear

Membro

Mensagens : 11
Gold : 18

Topico muito rox
eu nao sabia mexer nisto! agora aprendi

leopsp · 7 Re: [TUTORIAL] html Dom Fev 21, 2010 8:53 pm

leopsp

Mod. Jogos

Mensagens : 49
Gold : 78

Ficha do Personagem
Raça:

Guerreiro
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(300/300)

Vey muito loko seu post flw !! [TUTORIAL] html Icon_tongue

leopsp · 8 Re: [TUTORIAL] html Dom Fev 21, 2010 11:24 pm

leopsp

Mod. Jogos

Mensagens : 49
Gold : 78

Ficha do Personagem
Raça:

Guerreiro
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(300/300)

Esqueci " AVISANDO " to copiando flw =D

igorthekira · 9 Re: [TUTORIAL] html Qua Fev 24, 2010 10:55 pm

igorthekira

Mod. warezz

Mensagens : 10
Gold : 107

Ficha do Personagem
Raça:

Alquimista
Inventorio:

Espada = Yasha [Atk +2]
Armadura = Plate Mail [Def +1]
Escudo = [Nao Ha]

Pontos De Vida:

(300/300)

Creditos ;P

Conteúdo patrocinado

Conteúdo patrocinado

[TUTORIAL] html

1 [TUTORIAL] html Qua Fev 03, 2010 12:33 am

igorthekira

2 Re: [TUTORIAL] html Qua Fev 03, 2010 12:41 am

igorthekira

3 Re: [TUTORIAL] html Qua Fev 03, 2010 9:36 pm

Mito

4 Re: [TUTORIAL] html Sáb Fev 13, 2010 1:42 am

npvpkz

5 Re: [TUTORIAL] html Sáb Fev 13, 2010 1:44 am

npvpkz

6 Re: [TUTORIAL] html Qua Fev 17, 2010 4:42 pm

Alnoharitan Fear

7 Re: [TUTORIAL] html Dom Fev 21, 2010 8:53 pm

leopsp

8 Re: [TUTORIAL] html Dom Fev 21, 2010 11:24 pm

leopsp

9 Re: [TUTORIAL] html Qua Fev 24, 2010 10:55 pm

igorthekira

10 Re: [TUTORIAL] html

Conteúdo patrocinado