Como fazer um site ou blog.

<html> (corpo)
<head>
<title>( aqui o título de sua página)</title>
</head>
<body>

(aqui o seu conteúdo )

</body>

</html> ( fim do corpo)

ATRIBUTOS DO <BODY> TESTOS, IMAGENS ETC.<BODY>

BGCOLOR - Cor de fundo
TEXT - Cor da fonte dos textos
LINK - Cor dos links (BLUE)(opcional)

ALINK - Cor dos links, quando clicados (RED) (opcional)
VLINK - Cor dos Links, depois de visitados(PURPLE)(opcional)
BACKGROUND - imagen de fondo (tipos. jpg,bmp,png,gif.)

Veja a baixo:

<body BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED" VLINK="PURPLE" BACKGROUND="IMAGEM.JPG">

(AQUI FICA SEU CONTEÚDO)

Letreiro

2011-03-06T11:08:00.000-08:00

ikposs-códigos javascript
copie e cole o código abaixo.

ikposs-códigos html

ikposs

Faça mais com seus letreiros! vá na página de efeitos e veja o que você pode fazer com eles! copie e cole os códigos em sua página html.

se você gostou deste blog, divulgue-o!!! você esta ajudando a nós desenvolvermos cada vez mais. www.ikposs.blogspot.com
Faça mais com seus letreiros! vá na página de efeitos e veja o que você pode fazer com eles! copie e cole os códigos em sua página html.

www.ikposs.blogspot.com
*****
Faça maiscom seus letreiros! vá na página de efeitos e veja o que você pode fazer com eles! copie e cole os códigos em sua página html

Veja maisFaça efeitos com seus letreiros

Criando Tabelas

2011-03-06T11:07:00.001-08:00

Dentro da tag <body> Aqui!!!!</body>

<TR><TD> testo aqui </TD> <TD>testo aqui</TD><TD> testo aqui</TD> </TR>

<TR> <TD> testo aqui</TD> <TD> testo aqui</TD><TD> testo aqui </TD> </TABLE>

Exemplo:

testo aqui	testo aqui	testo aqui
testo aqui	testo aqui	testo aqui

Obs: essa tabela não é aceitável no html do blog, só no gadjet...
veja qual é a aceitável, no html do blog:

<table bgcolor="#ff0000" border="2" bordercolor="#000000" cellpadding="0" cellspacing="0" style="height: 100px; width: 300px;"><tbody>
<tr><td> AQUI SEU CONTEÚDO </td></tr>
</tbody></table>

AQUI SEU CONTEÚDO

fazer-layout-da-pagina-com-tabelas.html

FÁCA EFEITOS COM SUAS TABELAS!!!

efeitos com textos

2011-03-06T11:07:00.000-08:00

efeitos ao click do mause(mouse)

Clique e veja! muda a cor.

OBS:
Você também pode fazer estes efeitos todos juntons com códigos css, veja abaixo

os links abaixo são links de teste

passe o mouse e clique para ver o efect!
passe o mouse e clique para ver o efect!
passe o mouse e clique para ver o efect!
passe o mouse e clique para ver o efect!
passe o mouse e clique para ver o efect!

o codigo:

»Você também pode fazer deste modo_ Veja!

muda o tamanho ao passar o mause(mouse)

ikposs

muda a cor ao passar o mause(mouse)

sejam todos bem vindos! passe o mause(mouse) para ver o que acontece.

muda o estilo da letra ao passar o mause(mouse).
passe o mause para o estilo do letra mudar!

redirecionando...

2011-03-05T22:19:00.000-08:00

Note que o link que aparece no canto da janela "" do computador é um. A pagina do link contém um desses códigos em seu html que redireciona ao ulr desejado que colocamos no código javascript.

encontrando o navegador (redirecionar)<script language="JavaScript">

</script>

redirecionar controlando o tempo »código:<script >
function redirecionar(){document.location.href='http://ikposs.blogspot.com'}
setTimeout("redirecionar()", 100);
window.open('http://ikposs.blogspot.com','scrollbars=yes,resizable=no,width=350,height=200');
</script>

redirecionar e abrir em nuva janela pop up »
código:

function abrir() {

document.location = "http://ikposs.blogspot.com/" //Redireciona para a outra página

}

window.open('/', 0, 'toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=no,width=350,fullscreen=yes,height=200');

</script>

redirecionar página controlando o tempo

2011-03-05T15:26:00.000-08:00

2011-03-05T13:47:00.000-08:00

Ser Parceiro(a)!

opacidade em imagens

2011-03-05T13:43:00.001-08:00

opacidade em imagens >>>> passe o mause (mouse) para ficar 100%

Imagem fixa desce e sobe junto com a página

2011-03-05T13:43:00.000-08:00

efeito chuva com letras

2011-03-05T13:19:00.000-08:00

efeito chuva com * estrelinha

2011-03-05T13:17:00.000-08:00

Veja Também!
imagens-descendo-na-tela-2

imagens descendo na tela 2

2011-03-05T13:03:00.000-08:00

}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"></div>");

}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
//-->
</script><br />

menu suspenso

2011-03-05T12:40:00.000-08:00

como pontilhar e tracejar uma barra horizontal

2011-03-05T08:40:00.000-08:00

Pontilhada;

Tracejada;

Redirecionar página e abrir em uma janela Pop Up

2011-03-05T00:00:00.000-08:00

efeitos com tabela

2011-03-03T11:00:00.000-08:00

A borda aumenta ao pssar o mause(mouse)

A borda aprece ao passar o mause(mouse)

A borda aparece ao click do do mause(mouse)

Click para ver o efeito!!

passe o mause(mouse) e click para ver o efeito

veja como é legal

pop jan

2011-03-02T06:26:00.000-08:00

Seja bem-vindo(a)! Fico feliz com sua visita! Espero que você ache o que esta procurando e até o que nao estava!

PARCEIROS

Para sem um dos meus parceiros(as)basta fazermos uma troca links!Um link da minha página na sua e um da sua na minha.Simples,viu como é fácio!Qualque site, blog etc. pode fazer parceria com a jente!!!

texto piscando

2011-03-02T05:48:00.000-08:00

// modificar aqui o texto, a velocidade e a s cores
var ctext="Seu texto aqui!";
var speed = 3000;
var x = 3;
var color = new initArray(
"white", 
"blue" 
);
// fim das modificações

if(navigator.appName == "Netscape") {
document.write('<layer id="c">' +ctext+'</layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<div id="c">'+ctext+'</div>');
}
function chcolor(){ 
if(navigator.appName == "Netscape") {
document.c.document.write('<font color="'+color[x]);
document.c.document.write('">'+ctext+'</font>');
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",1000);
// -->
</script><br />

fazer layout da página com tabelas

2011-03-01T15:21:00.000-08:00

FAZER O LAYOUT DA SUA PÁGINA COM A TABELA
<TABLE BORDER="1" BORDERCOLOR="BLACK" CELLSPACING="2" CELLPADDING="5" WIDTH="100%" HEIGHT="800px" BGCOLOR="GREY" >
<TR><TD VALIGN="TOP" WIDTH="200PX"> Lado esquerdo </TD> <TD VALIGN="TOP" WIDTH0"200PX">Centro</TD><TD VALIGN="TOP" WIDTH="200">Lado direito</TD> </TR>
</TABLE>
Exemplo:

Lado esquerdo

CENTRO

IKPOSS CÓDIGOS HTML (AQUI SEU CONTEÚDO)

Lado direito

DICA!!

Se você preferir as colunas fixas, você coloca width="tamanho.px" nos três blocos,exemplo: <TD VALIGN="TOP" WIDTH="200"> Lado esquerdo </TD> .

Veja maisfaça efeitos com suas tabelas

alguns parâmetros da tag body

2011-03-01T09:11:00.000-08:00

Você pode fazer diretamente com a tag body, veja.
<body bgcolor="black" alink="red" Vlink="red" text="ffffff">
bgcolor= é a cor da sua página
alink= é a cor após o click do mause no link
Vlink= é a cor ao passar dos links ja visitados.
text = é a cor do texto da sua página

veja exemplos:

click

texto piscando colorido

2011-03-01T09:06:00.000-08:00

// modificar aqui o texto, a velocidade e a s cores
var ctext="PISCANDO COLORIDO!!!";
var speed = 3000;
var x = 3;
var color = new initArray(
"white", 
"blue",
"red",
"yellow" 
);
// fim das modificações

como escrever sobre imagens novo método

2011-01-31T17:36:00.000-08:00

Olá bem vindos! Veremos agora como é fácio escrever sobre imagens usando o código css!

Com este código vc pode utilizar qualquer imagem, vc pode mudar a cor da letra o tipo de letra etc, basta inserir as funçoes no código css.
insira os dois códigos juntos entre as tag <body> aqui! </body><style type="text/css">
.functionescrever{
background: url( coloque a ulr da sua imagens aqui ) no-repeat;
width:225px;
height:250px;
color:#FFFFFF;} </style>

<div class="functionescrever"> coloque aqui o texto desejado (Olá bem vindos! Veremos agora como é fácio escrever sobre imagens usando o código css!) </div>

Colocando Links

2010-11-03T14:24:00.000-07:00

O link com a tag <a href>

Exemplo:

<a href="http://juliafloricultura.blogspot.com/"> Compra flores!!!</a>

Compra flores!!!

E assim para várias outras coisas.

Você também pode utilizar uma ancora com uma imagem!

É só substituir o texto pelo código da imagem.Veja a baixo.

Exemplo:

fazer uma ancora

A ancora é utilizada para redirecionar a outro lugar da pagina e também a outra página.

Código:"ancora"

E o código do comando "ir para";

Código:<a href="#ancora">ir para ancora</a>

Você pode criar vários pontos, como:

<"ancora2 >e <a href="#ancora2">ir para ancora2</a>

e códigos especiais como ir para o top:

Código: <a href="#top">Ir para o topo</a>

Para ir para outra página o código é esse:

<a href="nomedapagina.html#ancora">ir para ancora</a>

Você também pode utilizar uma ancora com uma imagem!

Código: <a href="#ancora"><img src="imagem.jpg"></a>

Janela Pop-Up

2010-11-03T08:23:00.000-07:00

Janela pop Up ( 1)
Janela pop Up ( 1) com barras de rolagens(scrollbars),toolbar,status,directories e etc.

Janela pop Up ( 2)
Janela pop Up ( 2) com barras de rolgens

Janela pop Up ( 3)
Janela pop Up ( 3) sem barras de rolgens

Janela pop Up ( 4)
Janela pop Up ( 4) com fullscreen