Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Shivans

Códigos livres

Por , em Javascript

Recommended Posts

Shivans    0

Shivans
Postado

Texto justificado

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- O código:

 

Para isso, ter o texto justificado basta editar a tag de alinhamento do texto assim:

 

<p align="justify">Aqui vai o texto</p>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shivans    0

Shivans
Postado

Botão enviar diferente

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- O código:

 

Basta usar esta tag no formulário de sua página:

 

<input type="image" border="0" name="imageField" src="Nome do arquivo da imagem">
Em "name", você coloca a ação do botão, por exemplo, Submit

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shivans    0

Shivans
Postado

Imagem de fundo fixa

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- O código:

 

A imagem de fundo faz parte da tag body. Basta você incluir na tag body um parâmetro (Bgproperties=fixed) para fazer com que o fundo fique fixo.

 

<body background=Nome do arquivo da imagem Bgproperties=fixed>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shivans    0

Shivans
Postado

Menu suspenso comum

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- O código:

 

Cole em sua página HTML o código abaixo.

 

<form><select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"><option SELECTED>Escolha </option><option VALUE="http://www.starmedia.com">StarMedia </option><option VALUE="http://www.starmedia.com/orbita">StarMedia Home Pages</option><option VALUE="http:/www.buscaweb.com.br">Busca Web </option></select></form>
- Instruções para personalização:

 

Repare que cada opção do menu é feita pela tag:

 

<option VALUE="Coloque o link aqui">Coloque o nome do link aqui</option>

 

Não altere a seguinte tag:

 

<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].va

lue">

 

Se ela for alterada, seu menu não funcionará corretamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shivans    0

Shivans
Postado

Menu suspenso com frames

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- O código:

 

Cole em sua página HTML o código abaixo:

 

<form name="formulario"><script language="JavaScript"><!--function StarMediaMenu(targ,selObj,restore){ //v3.0eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");if (restore) selObj.selectedIndex=0;}//--></script><select name="menu" onChange="StarMediaMenu('parent.frames[\'Coloque aqui o nome do frame\']',this,0)"><option value="http://www.starmedia.com">StarMedia</option><option value="http://www.starmedia.com/orbita">Starmedia Home Pages</option><option value="http://www.starmedia.com/email">StarMedia Email</option></select></form>
- Instruções para personalização:

 

Repare que cada opção do menu é feita pela tag:

 

<option VALUE="Coloque o link aqui">Coloque o nome do link aqui</option>

 

Você pode incluir quantos links quiser. Basta seguir as instruções conforme explicado acima, incluir novos links e, em "Value", incluir os respectivos URLs. Em "Coloque o nome do link", você deve colocar a descrição, como fizemos com StarMedia.

 

Em "Coloque aqui o nome do frame", você define o nome do frame onde devem aparecer estes links. Se você quiser saber mais sobre como trabalhar com frames e ter exemplos, veja a seção de Frames em nosso tutorial de HTML.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shivans    0

Shivans
Postado

Menu dinâmico

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- O código:

 

Copie o código abaixo e cole-o em suas páginas abaixo da tag <body>.

 

<script language=javaScript>//Menu gerado pelas SuperDicas da StarMedia Home Pages http://homepages.starmedia.com/por/superdicas/menu="off"var tdOutColor = "#009900";var tdOverColor = "#33CC00";function checabrowser(){var x = navigator.appVersion;y = x.substring(0,4);if (y>=4) setVariables();}var x,y,b,xx,yyfunction setVariables(){if (navigator.appName == "Netscape") {h=".left=";v=".top=";dS="document.";sD="";iW="window.iWidth"iH="window.iHeight"osX="window.pageXOffset"osY="window.pageYOffset"document.menum.visibility="hide"}else{h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";iW="document.body.clientWidth"iH="document.body.clientHeight"osX="document.body.scrollLeft"osY="document.body.scrollTop"}}adjX=165adjY=285if (document.layers)adjX+=10, adjY+=10frameAdjust=(-130)sW=screen.width-adjXif (document.all)sW+=frameAdjustsH=screen.height-adjYvar isNav = (navigator.appName.indexOf("Netscape") !=-1);function popLayer(){if (b==1){if (menu=="off"){menu="on"yy=eval(osY)+yxx=eval(osX)+xif (document.all){if (xx>(sW+eval(osX))) xx-=155if (yy>(sH+eval(osY))) yy-=100}if (document.layers){if (x>(sW+eval(osX))) xx-=155if (y>(sH+eval(osY))) yy-=100}aX="x: "+x+" ,xx: "+xx+" ,sW: "+sW+" ,iW: "+eval(iW)aY="y: "+y+" ,yy: "+yy+" ,sH: "+sH+" ,osY: "+eval(osY)if(isNav) {document.menum.left=(xx-eval(osX))document.menum.top=(yy-eval(osY))document.menum.visibility="show"}else {if (x > (eval(iW))||y > (eval(iH))){menu="off"}// || y > (eval(iH)+eval(osY))) {}else{menum.style.pixelLeft=xxmenum.style.pixelTop=yymenum.style.visibility="visible"}}}else {if (document.layers) {hideMenu()}if (document.all){if (x > (eval(iW))||y > (eval(iH))){menu="on"}// || y > (eval(iH)+eval(osY))) {}else hideMenu()}}}function hideMenu(){menu="off"if(isNav) {document.menum.visibility="hide"}else {menum.style.visibility="hidden"}}}function handlerMM(e){x = (isNav) ? e.pageX : event.clientXy = (isNav) ? e.pageY : event.clientY}if (isNav){document.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);}document.onmousemove = handlerMM;document.onmouseup = handlerMU;checabrowser();function handlerMU(e){xx = (isNav) ? e.pageX : event.clientXyy = (isNav) ? e.pageY : event.clientYb = (isNav) ? e.which : event.buttonpopLayer()}function mudacor(prmThis,prmColor){if ((window.document.all) || (window.document.getElementById))prmThis.style.backgroundColor = prmColor;else if (window.document.layers)prmThis.bgColor = prmColor;}</script><style type="text/css"><!--.tdl { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #FFCC00}.tdl:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #FF9900}.tdl:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #FFCC00}--></style><div id="menum" style="position:absolute; visibility:hidden; left:0px; top:10px; z-index:2"><table width=130 cellpadding=0 border=1 bgcolor=#009900 cellspacing="0" bordercolor="#666666"><tr><td onMouseOver='mudacor(this,tdOverColor)' onMouseOut='mudacor(this,tdOutColor)'><b> <a href="http://link1" class=tdl>link1</a></b></td></tr><tr><td onMouseOver='mudacor(this,tdOverColor)' onMouseOut='mudacor(this,tdOutColor)'><b> <a href="http://link2" class=tdl>link2</a></b></td></tr></table></div>
Obs: Este exemplo foi criado levando-se em conta a largura de 130 pixels, 2 links no menu, cor dos links no menu amarela, cor dos links ativos no menu laranja, cor da células verde e cor das células ativas verde claro.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shivans    0

Shivans
Postado

Links avançar e voltar

 

 

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

 

- Voltar:

 

Em vez de colocar o link para a página anterior, basta incluir o seguinte código HTML:

 

<a href="javascript:window.history.go(-1)">Voltar</a>
- Avançar:

 

O código HTML para a função de avançar é:

 

<a href="javascript:window.history.go(1)">Avançar</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito