xTibia

.com
YE

Criando Seu Propio Home Page

Por Yeen, 09 de jan. de 2009 em Dicas e Tutoriais

otserv
tibia
12
2.9k
YeenY
09 de janeiro de 2009 às 07:17

Olá pessoal venho aqui um tutorial que eu fiz , de como criar seu propio Home Page.

Se estiver na seção errada por favor , moderadores mova.

 

Vamos ao que interessa:

 

Primeiramente isso serve pra quando a pessoa entra em monte de site e precisa ficar indo nos favoritos , e isso da pra usar até mesmo como pagina inicial .

 

1º Passo abra bloco de notas .

 

2º Passo digite o que esta no quote .

 

<html>

<head>

</head>

<title>Vinycius™ </title>

<body bgcolor="black">

<CENTER><a href="http://google.com.br"><H1><FONT

COLOR="white"><i>Google</i></H1></a></CENTER>

<CENTER><a

href="http://www.tibia.com/community/?subtopic=characters"><H1>

<FONT COLOR="white">Tibia</FONT></H1></a></CENTER>

<CENTER><a

href="http://translate.google.com/translate_t?hl=pt#"><H1><FONT

COLOR="white"><i>Google Tradutor</i></H1></a></CENTER>

<CENTER><a

href="http://www.orkut.com.br/Main#Home.aspx"><H1><FONT

COLOR="white"><i>OrKuT</i></H1></a></CENTER>

<CENTER><a

href="http://login.live.com/login.srf?wa=wsignin1.0&rpsnv=10&ct=

1230921332&rver=5.5.4177.0&wp=MBI&wreply=http:%2F%2Fmai

l.live.com%2Fdefault.aspx%3Fn%3D909314388&id=64855"><H1>

<FONT COLOR="white"><i>HoTMaiL</i></H1></a><CENTER>

<CENTER><a href="http://www.xtibia.com.br/xsite/index.php"><H1><FONT

COLOR="white"><i>Xtibia</i></FONT></a></CENTER>

<CENTER><a href="http://baixaki.ig.com.br/"><H1><FONT

COLOR="white"><i>BaiXaKi</i></H1></a><CENTER>

<CENTER><a href="http://br.youtube.com/?tab=w1"><H1><FONT

COLOR="white"><i>YoU TuBe</i></H1></a></CENTER>

<CENTER><a href="http://foxworld.servegame.com/server1/notes.php/"><H1><FONT

COLOR="white"><i>FoxWorld Server</i></H1></a></CENTER>

</BODY>

</HTML>

</body>

</html>

 

3º Passo salve-o em algum diretorio com extensão html .

Ex: arquivo.html , index.html etc...

 

4º Entendendo um pouco disso tudo .

 

Preto é o nome da pagina , eu deichei Vinycius™ que no caso é meu nome , mais deiche como quiser .

 

Verde é a cor de fundo da pagina .

 

Azul é o endereço de agum site que voce queira colocar , ali voce pode aditar á seu gosto :*

 

Amarelo é a cor do link .

 

Vermelho nome do link que se redicionara ao site que voce configurou .

 

 

Vou postar aqui alguns codigos html para editarem do jeito que preferirem .

aliceblue = azul bebê
antiquewhite = branco velho
aqua = azul água
aquamarine = verde azulado
azure = azul celeste
beige = bege
bisque = "bisque"
black = preta
blanchedalmond = branco amêndoa
blue = azul
blueviolet = violeta azulado
brown = marrom
burlywood = madeira
cadetblue = azul "cadet"
chartreuse = verde amarelado
chocolate = chocolate
coral = coral
cornflowerblue = azul "cornflower"
cornsilk = "cornsilk"
crimson = carmesin
cyan = ciano
darkblue = azul escuro
darkcyan =ciano escuro
darkgoldenred = vermelho dourado escuro
darkgray = cinza escuro
darkgreen = verde escuro
darkkhaki = cáqui escuro
darkmagenta = magenta escuro
darkolivegreen = verde oliva escuro
darkorange = laranja escuro
darkorchid = orquídea escuro
darkred = vermelho escuro
darksalmon = salmão escuro
darkseagreen = verde-mar escuro
darkslateblue = ardósia azul escuro

darkslategray = ardósia cinza escuro
darkturquoise = turquesa escuro
darkviolet = violeta escuro
deeppink = rosa profundo
deepskyblue = azul celeste profundo
dimgray = cinza escuro
dodgerblue = azul fugidio
firebrick = tijolo queimado
floralwhite = branco floral
forestgreen = verde floresta
fuchsia = fúcsia
gainsboro = "gainsboro"
ghostwhite = branco sombreado
gold = dourado
goldenrod = "goldenrod"
gray = cinza
green = verde
greenyellow = amarelo esverdeado
honeydew = verde mel
hotpink = rosa quente
indianred = vermelho oriental
indigo = indigo
ivory = marfim
khaki = cáqui
lavender = lavanda (púrpura azulado)
lavenderblush = lavanda avermelhada
lawngreen = verde grama
lemonchiffon = gaze limão
lightblue = azul claro
lightcoral = coral claro
lightcyan = ciano claro
lightgoldenrodyellow = amarelo claro
lightgreen = verde claro
lightgrey = cinza claro
lightpink = rosa claro

lightsalmon = salmão claro
lightseagreen = verde mar claro
lightskyblue = azul celeste claro
lightslategray = ardósia cinza claro
lightsteelblue = azul metálico claro
lightyellow = amarelo claro
lime = lima
limegreen = verde lima
linen = linho
magenta = magenta
maroon = castanho
mediumaquamarine = verde azulado temperado
mediumblue = azul temperado
mediumorchid = orquídea temperado
mediumpurple = púrpura temperado
mediumseagreen = verde mar temperado
mediumslateblue = ardósia azul médio
mediumspringgreen = verde primavera médio
mediumturquoise = turquesa médio
mediumvioletred = violeta avermelhado médio
midnightblue = azul noturno
mintcream = menta
mistyrose = rosa nublado
moccasin = mocassim
navajowhite = branco navajo
navy = marinho
oldlace = "oldlace"
olive = verde oliva
olivedrab = verde acastanhado
orange = laranja
orangered = vermelho alaranjado
orchid = orquídea
palegoldenrod = ouro pálido
palegreen = verde pálido
paleturquoise = turqueza pálida

palevioletred = violeta pálida
papayawhip = mamão papaia
peachpuff = pêssego
peru = "peru"
pink = rosado
plum = ameixa
powderblue = azul pólvora
purple = púrpura
red = vermelha
rosybrown = marrom rosado
royalblue = azul real
saddlebrown = marrom couro
salmon = salmão
sandybrown = marrom arenoso
seagreen = verde-mar
seashell = "seashell"
sienna = siena
silver = prata
skyblue = azul celeste
slateblue = ardósia azul
slategray = ardósia cinza
snow = branco neve
springgreen = verde primavera
steelblue = azul metálico
tan = canela
teal = "teal"
thistle = cardo
tomato = vermelho tomate
turquoise = turquesa
violet = violeta
wheat = trigo
white = branco
whitesmoke = branco esfumaçado
yellow = amarelo
yellowgreen = amarelo esverdeado

 

 

Qual quer coiisa só postar ai que vou ajudar tudo que estiver ao meu alcance . :smile_positivo:

 

COMENTES PLEASE *.*

Scripiter123S
09 de janeiro de 2009 às 16:38

cara muito interessante eu editei o meu fico bom ^^

YeenY
09 de janeiro de 2009 às 17:35

obrigado :*

NarutinhuN
09 de janeiro de 2009 às 21:04

nossa vey que roxx (:

só uma pergunta , dps de ter aslvo eu abro normal ?

YeenY
09 de janeiro de 2009 às 22:38

é só salvar e abri normal , pode até deichar como pagina inicial :D

Scripiter123S
10 de janeiro de 2009 às 23:11

cara da pra colocar imagens?

YeenY
10 de janeiro de 2009 às 23:14

eu nao sei se dá :/

Editado Janeiro 15 por Yeen

FliperF
11 de janeiro de 2009 às 11:27

dá :]

Isso e html basico tem um codigo se eu acha posto no topico :]

flws :D

noobinhuN
11 de janeiro de 2009 às 11:47

Esse é o básico do básico de um código html hehe...

 

Você pode organizar usando algumas tags simples:

 

<center></center> -- centraliza o que estiver entre o center

<left></left> -- coloca para esquerda o que estiver entre o left

<right></right> -- coloca para direita~

<img src="link da imagem"/> -- coloca imagem

 

Se você se interessar por html, pode procurar por tutoriais sobre table e divs... ajudam bastante também, e se quiser aprofundar mais ainda em html, procure por CSS para deixar seu site melhor formatado ainda.

YeenY
11 de janeiro de 2009 às 12:51

o que adianta se pra cria site tenqe paga e hospedar tbm :/

guilhermes26G
11 de janeiro de 2009 às 13:12

Nossa, faz tempo que eue não mexia com HTML, sempre achei bem legal, valeu ai por lembrar :)

 

E sim, da pra por imagens, so não lembro a tag agora...

YeenY
15 de janeiro de 2009 às 19:20

sim da pra por imagens , eu estava estudando sobre isso .

achei varias coisas interessantes . (: