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

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

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

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...

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

Ser Parceiro(a)!

opacidade em imagens

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

Imagem fixa desce e sobe junto com a página

efeito chuva com letras

efeito chuva com * estrelinha

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

imagens descendo na tela 2

}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUlnIRi4MiloGKhTx2YB3nw8Ngcx7uQKE6X0wXhLOsmwER9loP4Y9CAsSnECWZ7vSXy9fEZgBL5s-hNR4AKdXyIT4R-m9yvd6MTOKgbuDIeq_vj_krK7OVJwPWaAlZ77oeITeDHVQ9XR_/s1600/favicon+IK.bmp\"></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

como pontilhar e tracejar uma barra horizontal

Pontilhada;

Tracejada;

Redirecionar página e abrir em uma janela Pop Up

efeitos com tabela

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

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

// 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

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

Bem - Vindos

Elementos básicos para criar uma página da web.

Termos básico do html