(Megapost) - Codigos para tu Web

Muchos Codigos para tu Web
Aqui todo lo que tenga que ver con los lenguajes de programación, html, css, php, javascript, flas, etc.
NO SE DA SOPORTE, ESTE FORO ES PURA INFORMACIÓN PARA DEBATIR.

(Megapost) - Codigos para tu Web

Notapor el ruso » 21 Abr 2012, 20:48

Redireccionar a otra web

<?php
header(“Location: http://www.laweb.com/”);
?>
//redirecciona a nuestro sitio


Botón para tu web

<input type="button" name="Button" value="Texto deseado" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#000000'" onMouseDown="this.style.color='#000000'" style="color:#000000; font-family:Arial; font-weight:none; font-size:Text Size; background-color:#9999FF;" onClick="MM_goToURL('parent','http://www.webdeseada.com');return document.MM_returnValue">


Popup

Poner en <HEAD>:
<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>
var win=null;
function NewWindow(mypage,myname,w,h,pos,infocus){
if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}
settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";win=window.open(mypage,myname,settings);
win.focus();}
// -->
</script>


En el cuerpo:
<a href="javascript:NewWindow('http://michanforo.260mb.com','POPUP1','240','300','custom','front');">LinkText</a>


Buscador de Google

<!-- Búsqueda Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Búsqueda Google -->


Recomendar Web

Tenemos que crear 2 paginas, la primera llamada recomienda.php que tiene que contener esto:

<div align="center"><b>Recomendar este sitio a un amigo</b></div>
<form method="POST" action="recomienda2.php">
<p align="center" class="stle2">Tu nombre:<br>
<input type="text" name="tunombre" size="20" class="texto">
<br>
Tu email:<br>
<input type="text" name="tuemail" size="20" class="texto">
<br>
Nombre de tu amigo:<br>
<input type="text" name="nombreamigo" size="20" class="texto">
<br>
Email de tu amigo:<br>
<input type="text" name="emailamigo" size="20" class="texto">
<br>
<br>
<input type="submit" value="Recomendar" class="form">
</p>
</form>


Y la segunda que nombraremos como recomienda2.php

<?
$asunto = "Un amigo te recomienda <a href="visitar.php?http://www.tuweb.com" target="_blank">www.tuweb.com</a>";
$mensaje = "Hola ".$nombreamigo.", tu amigo ".$tunombre." recomienda
que ingreses al sitio <a href="visitar.php?http://www.tuweb.com" target="_blank">http://www.tuweb.com</a>, en el cual podrás encontrar
[Las cosas que haya]
...";
mail($emailamigo, $asunto, $mensaje, "From: ".$tuemail);
?>
<div align="center"><b>La referencia a nuestro sitio ha sido enviada. <br>
Gracias por recomendarnos</b><a href="index.php"><br>
<br>
Volver</a> </div>


Si llamas la segunda de otra forma, deberas modificar del primer codigo la parte de action="recomienda2.php" concretamente la de recomienda2.php por el nombre que vaya a tener la pagina.

Subrayar link al pasar ratón

<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras</a><br>
<a href="l2.htm">otro texto</a><br>
<a href="l3.htm">Otro texto</a><br>
</p>


Hacer página de inicio

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>


No dejar seleccionar texto

<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>


Establecer página de inicio

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.tuweb.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>



Mensaje de bienvenida

<Script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi sitio</font></b>");
}
}
</script>


Menú desplegable

En el head:

<style>
button {width: 150px}
.botonMenuDespl {margin-left: 5px; width: 120px}
.AereosVisible {visibility: "visible"; margin-bottom: -15px}
.AereosOculto {visibility: "hidden"; margin-top: -190px}
.MarinosVisible {visibility: "visible"; margin-bottom: -15px}
.MarinosOculto {visibility: "hidden"; margin-top: -160px}
.TerrestresVisible {visibility: "visible"; margin-bottom: -15px}
.TerrestresOculto {visibility: "hidden"; margin-top: -130px}
</style>

<script>
function Menu(id_Div,nombre) {
if(id_Div.className == nombre + "Oculto") {
id_Div.className = nombre + "Visible";
} else {
id_Div.className = nombre + "Oculto";
}
}
</script>

En el body:

<button onclick="Menu(DivAereos, 'Aereos')">Vehículos aéreos</button><br>
<div id=DivAereos class=AereosOculto>
<br>
<table cellspacing=0>
<tr>
<td><span style="font: 15pt comic sans ms; color: #AAAAFF">»</span></td>
<td><button class=BotonMenuDespl>Transportes</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: #AAAAFF">»</span></td>
<td><button class=BotonMenuDespl>Deportivos</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: #AAAAFF">»</span></td>
<td><button class=BotonMenuDespl>Militares</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: #AAAAFF">»</span></td>
<td><button class=BotonMenuDespl>Helicópteros</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: #AAAAFF">»</span></td>
<td><button class=BotonMenuDespl>Planeadores</button></td>
</tr>
</table>

</div>

<br><br>

<button onclick="Menu(DivMarinos, 'Marinos')">Vehículos marinos</button><br>
<div id=DivMarinos class=MarinosOculto>
<br>
<table cellspacing=0>
<tr>
<td><span style="font: 15pt comic sans ms; color: blue">»</span></td>
<td><button class=BotonMenuDespl>Petroleros</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: blue">»</span></td>
<td><button class=BotonMenuDespl>Areneros</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: blue">»</span></td>
<td><button class=BotonMenuDespl>Militares</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: blue">»</span></td>
<td><button class=BotonMenuDespl>Remolcadores</button></td>
</tr>
</table>
</div>

<br><br>

<button onclick="Menu(DivTerrestres, 'Terrestres')">Vehículos terrestres</button><br>
<div id=DivTerrestres class=TerrestresOculto>
<br>
<table cellspacing=0>
<tr>
<td><span style="font: 15pt comic sans ms; color: brown">»</span></td>
<td><button class=BotonMenuDespl>Automóviles</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: brown">»</span></td>
<td><button class=BotonMenuDespl>Ómnibus</button></td>
</tr>
<tr>
<td><span style="font: 15pt comic sans ms; color: brown">»</span></td>
<td><button class=BotonMenuDespl>Motocicletas</button></td>
</tr>
</table>
</div>


Aqui, como era mucho trabajo, ya os digo que lo que se puede cambiar el lo de font, cellspacing, color...! Y, evidentemente, el texto!!

Calendario

<SCRIPT LANGUAGE="JavaScript">
<!-- Mas scripts en http://www.creatupropiaweb.com -->
<!-- Begin
var now = new Date();
var month_array = new Array("january","february","march","April","May","June","July","August","September","October","November","December");
document.write("<form name=date_list><table bgcolor=silver><tr><td>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
if (now.getMonth() != i)
{document.write ("<option value="+i+">"+month_array[i]);}
else
{document.write ("<option value="+i+" selected>"+month_array[i]);}

}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=1950;i<3000;i++)
{
if (now.getYear() != i)
{document.write("<option value="+i+">"+i);}
else
{document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr><td colspan=2><center>");

document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100%><tr bgcolor=gray align=center>");
document.write("<td><font color=silver>M</font></td><td><font color=silver>T</td><td><font color=silver>W</td><td><font color=silver>T</td><td><font color=silver>F</td><td ><font color=silver>S</td><td ><font color=silver>S</td>");
document.write("</tr><tr>");
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
document.write("<td align=center id=d"+i+"r"+j+"></td>")
}
document.write("</tr>");
}

document.write("</table>");

document.write("</center></from></td></tr></table>");

var show_date = new Date();

function set_cal(show_date)
{
begin_day = new Date (show_date.getYear(),show_date.getMonth(),1);
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1);
count_day = (end_day - begin_day)/1000/60/60/24;
input_table(begin_day_date,count_day);
}
set_cal(show_date);

function input_table(begin,count)
{
init();
j=0;
if (begin!=0){i=begin-1;}else{i=6}
for (c=1;c<count+1;c++)
{
colum_name = eval("d"+i+"r"+j);
if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "blue";colum_name.style.color = "white";};
colum_name.innerText = c;
i++;
if (i==7){i=0;j++;}
}
}

function init()
{
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
colum_name = eval("d"+i+"r"+j);
colum_name.innerText = "-";
colum_name.style.backgroundColor ="";
colum_name.style.color ="";
}
}
}

function change_month(sel_month)
{
show_date = new Date(show_date.getYear(),sel_month,1);
set_cal(show_date);
}

function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}
// End -->
</script>


Efecto nieve

<script language="JavaScript1.2">

/******************************************
* Snow Effect Script- By Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* Modified Dec 31st, 02' by DD. This notice must stay intact for use
******************************************/


//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
}
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}

function snowIE_NS6() { // IE and NS6 main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}

</script>


Ahorcado [Juego]

<SCRIPT LANGUAGE="javascript">
<!-- Mas trucos y scripts en http://www.javascript.com.mx -->
/*
Por Mike McGrath http://website.lineone.net/~mike_mcgrath
Adaptado y traducido al castellano por Ricardo Corduente - Mundogif (http:/www.mundogif.com)
http://www.mundogif.com Miles de recursos gratuitos para tu web
Este y otros muchos JavaScript los puedes encontrar en
MundoJavaScript.com http://www.mundojavascript.com
*/

var alpha=new Array();
var alpha_index=0;

var bravo=new Array();
var bravo_index=0;

var running=0;
var failnum=0;
var advising=0;

function pick()
{
var choice="";
var blank=0;

for (i=0; i<words[index].length; i++)
{
t=0;
for(j=0; j<=alpha_index; j++)
if(words[index].charAt(i)==alpha[j] || words[index].charAt(i)==alpha[j].toLowerCase()) t=1;

if (t) choice+=words[index].charAt(i)+" ";
else
{
choice+="_ ";
blank=1;
}
}

document.f.word.value=choice;

if (!blank)
{
document.f.tried.value=" === ¡Tu ganas! ===";
document.f.score.value++;
running=0;
}
}


function new_word(form)
{
if(!running)
{
running=1;
failnum=0;
form.lives.value=failnum;
form.tried.value="";
form.word.value="";
index=Math.round(Math.random()*10000) % 100;
alpha[0]=words[index].charAt(0);
alpha[1]=words[index].charAt(words[index].length-1);
alpha_index=1;
bravo[0]=words[index].charAt(0);
bravo[1]=words[index].charAt(words[index].length-1);
bravo_index=1;
pick();
}
else advise("A word is already in play!");
}

function seek(letter)
{
if (!running) advise(".....Click GO to start !");
else
{
t=0;
for (i=0; i<=bravo_index; i++)
{
if (bravo==letter || bravo[i]==letter.toLowerCase()) t=1;
}

if (!t)
{
document.f.tried.value+=letter+" "
bravo_index++;
bravo[bravo_index]=letter;

for(i=0;i<words[index].length;i++)
if(words[index].charAt(i)==letter || words[index].charAt(i)==letter.toLowerCase()) t=1;

if(t)
{
alpha_index++;
alpha[alpha_index]=letter;
}
else failnum++;

document.f.lives.value=failnum;
if (failnum==6)
{
document.f.tried.value="Tu pierdes - Prueba de nuevo";
document.f.word.value=words[index];
document.f.score.value--;
running=0;
}
else pick();
}
else advise("La letra "+letter+" ya la has puesto");
}
}

function advise(msg)
{
if (!advising)
{
advising=-1;
savetext=document.f.tried.value;
document.f.tried.value=msg;
window.setTimeout("document.f.tried.value=savetext; advising=0;",1000);
}
}
var words = new Array("","abanderado","adrenalina","advenedizo","aglutinado","agotamiento","articulado","autoridad","benefactor","bachiller","borrachera",
"caprichosa","cenicienta","chatarrero","conglomerado","comestible","considerado","consolidar","concluyente","consecutivo","considerado","diferencial",
"distorsionado","determinante","diabloanton","diferencia","diseñador","economista","efectividad","encontradizo","escafandra","extinguido","extraditado","fastidioso",
"fisonomista","formulario","funeraria","gesticular","habilidoso","homologado","humanitario","ilusionista","infalibilidad","luminiscencia","misterioso",
"motocicleta","magistrado","michanforo","navegador","obligatorio","obsequiosa","observatorio","opalescente","ostensible","pasamontañas","parafernalia",
"paquidermo","peregrinaje","perentorio","parafernalia","pernicioso","perpetrado","personalidad","piramidal","practicante","precipitous","predicamento",
"prehistoria","presuntuoso","prevaricadora","profesional","provisional","putrefacto","ramillete","querellante","reciprocidad","recrudecimiento",
"redundante","relampaguear","remilgadamente","reminiscencia","represalia","resolutiva","resplandecer","reorganizada","regañadientes","retribucion",
"sacacorchos","salubridad","señalizado","sexagenario","singularizar","tambalearse","transcribir","turbulencia","unanimidad","usufructuaria","vaporizador",
"vehemencia","veracidad","ventilador","xenofobia","zambullirse");

</SCRIPT>

<FORM NAME="f">
<div align="center"></div>
<TABLE BGCOLOR=#C0C0C0 BORDER=1 align="center">
<TR>
<TD COLSPAN=4 ALIGN=RIGHT>
<div align="center">Marcador :
<INPUT TYPE=TEXT NAME="score" VALUE="0" onfocus="score.blur();" SIZE=2>
<BR>
Fallos (6):
<INPUT TYPE=TEXT NAME="lives" VALUE="0" onfocus="lives.blur();" SIZE=2>
</div>
</TD>
<TD COLSPAN=7 ALIGN=CENTER>
<div align="center">
<INPUT TYPE=TEXT NAME="word" VALUE=" --- Ahorcado---" onfocus="word.blur();" SIZE=25>
<BR>
<INPUT TYPE=TEXT NAME="tried" VALUE="Pulsa OTRA para empezar" onfocus="tried.blur();" SIZE=25>
</div>
</TD>
<TD COLSPAN=2 ALIGN=CENTER>
<div align="center">
<INPUT TYPE=BUTTON onclick="new_word(this.form);" VALUE=" OTRA">
</div>
</TD>
</TR>
<TR>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" A " onclick="seek('A');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" B " onclick="seek('B');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" C " onclick="seek('C');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" D " onclick="seek('D');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" E " onclick="seek('E');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" F " onclick="seek('F');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" G " onclick="seek('G');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" H " onclick="seek('H');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" I " onclick="seek('I');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" J " onclick="seek('J');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" K " onclick="seek('K');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" L " onclick="seek('L');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" M " onclick="seek('M');">
</div>
</TD>
</TR>
<TR>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" N " onclick="seek('N');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" Ñ " onclick="seek('Ñ');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" O " onclick="seek('O');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" P " onclick="seek('P');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" Q " onclick="seek('Q');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" R " onclick="seek('R');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" S " onclick="seek('S');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" T " onclick="seek('T');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" U " onclick="seek('U');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" V " onclick="seek('V');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" X " onclick="seek('X');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" Y " onclick="seek('Y');">
</div>
</TD>
<TD>
<div align="center">
<INPUT TYPE=BUTTON VALUE=" Z " onclick="seek('Z');">
</div>
</TD>
</TR>
</TABLE> <div align="center"></div>
</FORM>


Calculadora

<form action name="Keypad">
<b>
<div align="center">
<table border="2" cellpadding="1" cellspacing="5" height="60" width="50">
<tbody>
<tr>
<td align="middle" colspan="3"><input name="ReadOut" size="24" value="0" width="100%" style="text-align: right" /></td>
<td> </td>
<td align="center"><input name="btnClear" onclick="Clear()" type="button" value=" C " /></td>
<td align="center"><input name="btnClearEntry" onclick="ClearEntry()" type="button" value=" CE " /></td>
</tr>
<tr>
<td align="center"><input name="btnSeven" onclick="NumPressed(7)" type="button" value=" 7 " /></td>
<td align="center"><input name="btnEight" onclick="NumPressed(8)" type="button" value=" 8 " /></td>
<td align="center"><input name="btnNine" onclick="NumPressed(9)" type="button" value=" 9 " /></td>
<td align="center"> </td>
<td align="center"><input name="btnNeg" onclick="Neg()" type="button" value=" +/- " /></td>
<td align="center"><input name="btnPercent" onclick="Percent()" type="button" value=" % " /></td>
</tr>
<tr>
<td align="center"><input name="btnFour" onclick="NumPressed(4)" type="button" value=" 4 " /></td>
<td align="center"><input name="btnFive" onclick="NumPressed(5)" type="button" value=" 5 " /></td>
<td align="center"><input name="btnSix" onclick="NumPressed(6)" type="button" value=" 6 " /></td>
<td align="center"> </td>
<td align="center"><input name="btnPlus" onclick="Operation('+')" type="button" value=" + " /></td>
<td align="center"><input name="btnMinus" onclick="Operation('-')" type="button" value=" - " /></td>
</tr>
<tr>
<td align="center"><input name="btnOne" onclick="NumPressed(1)" type="button" value=" 1 " /></td>
<td align="center"><input name="btnTwo" onclick="NumPressed(2)" type="button" value=" 2 " /></td>
<td align="center"><input name="btnThree" onclick="NumPressed(3)" type="button" value=" 3 " /></td>
<td align="center"> </td>
<td align="center"><input name="btnMultiply" onclick="Operation('*')" type="button" value=" * " /></td>
<td align="center"><input name="btnDivide" onclick="Operation('/')" type="button" value=" / " /></td>
</tr>
<tr>
<td align="center"><input name="btnZero" onclick="NumPressed(0)" type="button" value=" 0 " /></td>
<td align="center"><input name="btnDecimal" onclick="Decimal()" type="button" value=" . " /></td>
<td colspan="3" align="center"> </td>
<td align="center"><input name="btnEquals" onclick="Operation('=')" type="button" value=" = " /></td>
</tr>
</tbody>
</table>
</div>
</b>
</form>
<script language="Javascript">
<!-- modifica este script para tu uso -->
<!-- puedes cambiar tamaño y color de botones y fondo -->
<!-- Begin
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
// End -->
</script>


Quitar subrayado link
Introducir entre <head> y </head>
<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>


Horóscopo
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<p align="center"><font color="#999999"><strong><font class="navtext"><font style="font-size: 9pt" face="Verdana">HOROSCOPO</font><font class="content" size="1"><br />
</font></font><font class="navtext"><font face="Verdana" size="1">Descubre Tu Destino Para</font><font class="navtext"><br />
</font><font face="Verdana" size="1"><font class="navtext">El Dia de Hoy</font><br />
</font></font></strong></font><strong><font class="navtext" color="#ffffff"><font face="Verdana" color="#ffae00" size="1"><br />
</font><select style="border-right: 1px solid; padding-right: 6px; border-top: 1px solid; padding-left: 5px; font-weight: bold; font-size: 8pt; visibility: visible; padding-bottom: 1px; border-left: 1px solid; color: #ff0000; padding-top: 1px; border-bottom: 1px solid; font-family: Verdana; background-color: #000000" size="1" onchange="if(this.options[1].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/aries_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[2].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/taurus_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[3].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/gemini_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[4].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/cancer_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[5].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/leo_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[6].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/virgo_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[7].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/libra_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[8].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/scorpio_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[9].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/sagittarius_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[10].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/capricorn_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[11].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/aquarius_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');
else if(this.options[12].selected) window.open('http://www.horoscopofree.com/misc/partnership/iframe/pisces_st.html','hrscp','width=460,height=100,top=150,left=175,scrolling=0,frameborder=0,status=0,menubar=0,scrollbars=0');" name="SucreVip">
<option selected="selected">Elige tu signo</option>
<option>Aries</option>
<option>Tauro</option>
<option>Geminis</option>
<option>Cancer</option>
<option>Leo</option>
<option>Virgo</option>
<option>Libra</option>
<option>Escorpio</option>
<option>Sagitario</option>
<option>Capricornio</option>
<option>Acuario</option>
<option>Piscis</option>
</select>
<tr>
</tr>
<td class="edit_rb_footer" id="edit_rb_footer_1" height="27" background="http://80.190.202.79/designs/iceblue/images/poll_bottom_bg.gif"> </td>
</font></strong></p>


Saludador
<img src="http://www.crearwebgratis.com/saludadorweb/saludador.php?saludador=1&web=Mi web" _fcksavedurl="http://www.crearwebgratis.com/saludadorweb/saludador.php?saludador=1&web=Mi web" alt="Bienvenido a mi web" border="0">


Google Earth
<embed src="http://xfacts.com/widgets/map.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="550"></embed>


Efecto Lluvia
<SCRIPT LANGUAGE="JavaScript">
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;

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) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;

for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name='dot"+i+"' left='1' top='1' visibility='show'><font color='blue'>,</font></layer>");
}
else {
document.write("<layer name='dot"+i+"' left='1' top='1' visibility='show'><font color='blue'>,</font></layer>");
}
}
else if (ie4up) {
if (i == 0) {
document.write("<div id='dot"+i+"' style='POSITION: absolute; Z-INDEX: "+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;'><font color='blue'>,</font></div>");
}
else {
document.write("<div id='dot"+i+"' style='POSITION: absolute; Z-INDEX: "+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;'><font color='blue'>,</font></div>");
}
}
}

if (ns4up) {
raindropNS();
}
else if (ie4up) {
raindropIE();
}

// End -->
</SCRIPT>


Texto con sombra

<div id="sombra" style="position:relative;width:300;height:50r;filter:shadow(color=#00FFFF)">
<br>
<font color=#CC0000 size=5> AQUI TU TEXTO
< br> </ DIV> <br> </ font> </ br>


Redireccionar web (HTML)
Ya estaba este codigo antes, pero en php. Se lo dejo en HTML
Poner en head:
<META HTTP-EQUIV="Refresh" CONTENT="5; URL="http://michanforo.zobyhost.com">

Content son los segundos que tardara en redireccionarse

Valora la web

<form action="mailto:xxx@tudominio.es" method="post" enctype="text/plain">
Valora esta web<br>
<select name="Valoracion">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
<input type="submit" value="Enviar">
</form>


Fuegos Artificiales

En head (elegir solo 1):

<script src="http://inacho07.googlepages.com/fuego1.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuego2.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuego3.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuego4.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuegos1.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuegos2.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuegos3.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuegos4.js" type="text/javascript"/>


<script src="http://inacho07.googlepages.com/fuegos5.js" type="text/javascript"/>


En body:

<A HREF="#" onClick="myFW.stop();return false;">Detener</A><br>
<A HREF="#" onClick="myFW.start();return false;">Lanzar</A><br>


Subir imagenes a ImagesHack

<iframe src="http://imageshack.us/iframe.php?txtcolor=111111&type=blank&size=30" scrolling="no" allowtransparency="true" frameborder="0" width="280" height="70">Update your browser for ImageShack.us!</iframe>


Analizar velocidad web

<form method="get" name="pageform" action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" target="pageframe" onsubmit="return validate(this);">
<table width="100%" border="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td height="91" valign="top">
<table height="76" width="100%" class="tooltop" style="border-collapse: collapse;">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="5" border="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td valign="top" colspan="5"><strong>Tu(s) dominio(s):</strong> Escribe cada direcci&oacute;n en una nueva linea (m&aacute;ximo 10)</td>
</tr>
<tr>
<td valign="top" colspan="4"><textarea rows="11" name="domain" style="width: 100%;"></textarea></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><input type="submit" value="Comprobar" style="float: left;" /></td>
<td>(ej. wedmasterayuda.es.tl)</td>
<td>
<p><font size="1">Leyenda: <font color="#ff0000">Lenta</font>&nbsp; Media <font color="#0000ff">&nbsp;R&aacute;pida</font></font></p>
</td>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><iframe height="251" frameborder="0" width="100%" name="pageframe" class="toolbot">
</iframe></td>
</tr>
<tr>
<td height="39">&nbsp;</td>
</tr>
</tbody>
</table>
</form>
<script language="JavaScript" type="text/javascript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>


Todo lo rojo se puede cambiar

Fuente
Última edición por el ruso el 21 Abr 2012, 20:50, editado 1 vez en total
  • ¿Buscas un Buen web Hosting de paga y economico? BanaHosting es la mejor opcion!
  • Bienvenido/a a esta Comunidad, antes de todo, lee las Normas de Coloreatuforo.
  • Antes de publicar un nuevo tema en soporte, usar la búsqueda en los subforos de temas solucionados:
    (Temas solucionados Prosilver o Temas solucionados Subsilver2)

  • Recuerda solo damos soporte gráfico , el resto del soporte se da en http://phpbb-es.com.
  • Solo se dara soporte si se respecta el Copyright de phpbb y de los Estilos.
  • No se da soporte por privado, MSN, ni por correo electrónico, solo se da soporte en los foros.
  • Recuerda rellenar todos los Datos de Soporte para dar soporte , imprescindible la url activa.
  • No se da soporte a foros instalados en Localhost, como mínimo debe estar en host gratuito.
  • Antes de hacer un pedido lee las normas de los pedidos.
  • Si quieres Afiliar tu foro al nuestro, postealo en este Foro.
  • Si tienes alguna sugerencia para esta Comunidad, posteala en este Foro.
  • Si tienes algún bug/error con esta Comunidad, postealo en este Foro.

Sitios donde Trabajo:
Sitios en donde los Fundadores me han dado su confianza y su sitio:
El Ruso - Webmaster en Sinaloa-mp3 ( Clickeado 103 veces )
Ruso - Administrador de Codemania! ( Clickeado 69 veces )
El Russian - Administrador de ComuPc ( Clickeado 82 veces )
Administrador de Microsotf Mexico ( Clickeado 65 veces )


Sitos en donde ayudo:
El Russian - Moderador en ayuda 99H ( Clickeado 74 veces )
El Ruso - Colaborador en Coloreatuforo ( Clickeado 86 veces )
®uso - Miembro en phpBB-Es
Avatar de Usuario
el ruso

Colaborador/a
 
Estado: Desconectado
Edad: 22
Mensajes: 102
Registrado: 28 Mar 2012, 22:39
Nombre real: El Ruso
Foro: phpBB
    Windows 7 Firefox

¿Te fue útil este tema?

Enlace:
BBcode:
HTML: