Plantillas
Plantilla nº 1
plantillas web
Aqui tienes la plantilla de nuestra web , claro que retocada un poco para no parecer clones , disfrutala. ( Para cualquier tipo de pagina con un poco de seriedad )
Plantilla nº 2
plantilla webPlantilla web modelo Hack , como la anterior , modificala , rellenala a tu gusto , recuerda una vez mas de repasar bien el codigo fuente para poner bien tus enlaces , direcciones url ,,,,,
JAVA SCRIPSTS
Como se colocan???¿¿¿
Como incluir estos codigos y efectos en tus paginas . Muy sencillo , con el boton derecho de tu raton picas dentro del recuadro del codigo , seleccionas todo y picas de nuevo con el boton derecho sobre lo seleccionado y le das a copiar , cojes abres tu block de notas y de la misma manera con el boton derecho picas dentro de tu block y le das a pegar , ya tienes el codigo guardado para poder utilizarlo luego . Otra manera la que yo suelo utilizar es lo mismo selecciono el codigo , lo copio pero lo pego directamente en mi editor de texto , en este caso FrontPage . Abro el editor y en una hoja nueva le das INSERTAR >Formato HTML y lo pegas dentro de la ventana del editor , guardas la pagina como archivo y asi puedes verlo funcionando con tu explorador , luego en tu editor siempre podras retocarlo y recuperarlo de la misma manera copiando y pegando en la parte de tu web en donde quieras que salga el efecto .
Suele haber 2 tipos de scripts , los que insertas en el cuerpo BODY de tu pagina y otros que funcionan en dos partes , quiere decir que parte del codigo lo tienes que pegar en un area de tu pagina <head> y el resto donde quieres que se produzca el efecto <body> .
[http://www.cursores.org/]Cursor Cambia el aspecto del cursor al entrar en tu web .[/url]
Color de fondo Otra manera de cambiar el color de fondo de tu web .
<!-- www.creatupropiaweb.com -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function fondo(color) { document.bgColor = color }
//-->
</SCRIPT>
<IMG SRC="minilab.gif" WIDTH=297 HEIGHT=31 BORDER=0 ismap USEMAP="#colormap">
<MAP NAME="colormap">
<AREA COORDS="89,1,102,14" HREF="javascript:fondo('#FFFFFF')">
<AREA COORDS="104,1,117,14" HREF="javascript:fondo('#00FFFF')">
<AREA COORDS="119,1,132,14" HREF="javascript:fondo('#FF00FF')">
<AREA COORDS="134,1,147,14" HREF="javascript:fondo('#0000FF')">
<AREA COORDS="149,1,162,14" HREF="javascript:fondo('#FFFF00')">
<AREA COORDS="164,1,177,14" HREF="javascript:fondo('#00FF00')">
<AREA COORDS="179,1,192,14" HREF="javascript:fondo('#FF0000')">
<AREA COORDS="194,1,207,14" HREF="javascript:fondo('#808080')">
<AREA COORDS="89,16,102,29" HREF="javascript:fondo('#C0C0C0')">
<AREA COORDS="104,16,117,29" HREF="javascript:fondo('#008080')">
<AREA COORDS="119,16,132,29" HREF="javascript:fondo('#800080')">
<AREA COORDS="134,16,147,29" HREF="javascript:fondo('#000080')">
<AREA COORDS="149,16,162,29" HREF="javascript:fondo('#808000')">
<AREA COORDS="164,16,177,29" HREF="javascript:fondo('#008000')">
<AREA COORDS="179,16,192,29" HREF="javascript:fondo('#800000')">
<AREA COORDS="194,16,207,29" HREF="javascript:fondo('#000000')">
<AREA COORDS="209,0,296,30" HREF="http://www.creatupropiaweb.com">
</MAP><!-- www.creatupropiaweb.com -->
Texto que aparece Texto cambia dejando mensajes de manera expectacular .
<script language="JavaScript1.2">var delay=3000 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //tag que abre los mensajes
fcontent[0]="<b></b><br><br>Crea tu propia pagina personal."
fcontent[1]="Monta tu pagina con FrontPage Express , veras que es muy facil."
fcontent[2]="En estas paginas encontraras los recursos y la manera de poder realizarlo de forma muy sencilla."
closetag='</font>'
var fwidth=150 //ancho
var fheight=150 //alto
///No editar/////////////////
var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0
if (DOM2)
faderdelay=2000
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller"
.style.color="rgb(255,255,255)"
document.getElementById("fscroller".innerHTML=begintag+fcontent[index]+closetag
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}
index++
setTimeout("changecontent()",delay+faderdelay)
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
frame=20;
hex=255 // Initial color value.
function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=10; // increase color value
document.getElementById("fscroller".style.color="rgb("+hex+","+hex+","+hex+"";// Set color value.
frame--;
setTimeout("colorfade()",20);
}
else{
document.getElementById("fscroller".style.color="rgb(255,0,0)";
frame=20;
hex=255
}
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')
window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>
Rotador de imagenes Rota imagenes en forma de cubo , soporta gif y jpg .
<!-- Mas scripts en http://www.creatupropiaweb.com -->
<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="boy4.gif"
specifyimage[1]="boy5.gif"
specifyimage[2]="boy6.gif"
var delay=3000 //3 seconds
//Counter for array
var count =1;
var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage=new Image()
cubeimage.src=specifyimage
}
function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}
window.onload=new Function("setTimeout('movecube()',delay)"
</script>
<img src="boy4.gif" name="cube" border=0 style="filter:progidXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
Boton multiples enlaces Boton que rota enlaces , puedes incluir todos los que quieras .
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
<!-- Mas scripts en http://www.creatupropiaweb.com -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Crea tu propia WEB"
urlArr[1] = "http://www.creatupropiaweb.com"
lineArr[2] = "Los Codigos Web"
urlArr[2] = "http://www.iespana.es/LosCodigosWeb/"
lineArr[3] = "La web del Albañil"
urlArr[3] = "http://es.geocities.com/juha_web/index.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">";
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">";
document.write("</form>";
StartShow();
</script></font>
Texto ruleta publicitaria Texto ruleta publicitaria
<SCRIPT>
/////////////////////////////////////////////////////////////////////////////
// www.creatupropiaweb.com,edita tu texto desde esta linea
/////////////////////////////////////////////////////////////////////////////
// Set your messages. Add as many as you like
var text=new Array()
text[0]=" >>>> Creatupropiaweb"
text[1]=" >>>> RECURSOS"
text[2]=" >>>> TUTORIALES"
text[3]=" >>>> VIDEOS"
text[4]=" >>>> MUSICA"
text[5]=" >>>> JAVASCRIPTS"
// Set the font
var textfont="Arial"
// Set the font-size
var textfontsize=16
// Set the font-color
var textfontcolor="#ff0000"
// Set the font-weight (values from 100 to 900)
var textweight="900"
/////////////////////////////////////////////////////////////////////////////
// WWW.CREATUPROPIAWEB.COM,NO TOQUES NADA MAS
/////////////////////////////////////////////////////////////////////////////
var textitalic="0"
var message=new Array()
var x_textposition=0
var y_textposition=0
var i_segments=Math.round(360/text.length)
var i_grad=0
var grad=0
var colorrgbred
var colorrgbgreen
var colorrgbblue
var windowwidth
var windowheight
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
if (textweight=="bold" {textweight=900}
if (textweight=="normal" {textweight=100}
if (textitalic=="italic" {textitalic=1}
if (textitalic=="normal" {textitalic=0}
for (i=0;i<=text.length-1;i++) {
message=text.replace(/'/g,"`"
}
translateintorgb()
function translateintorgb() {
var hexanewred=textfontcolor.substring(1,3)
var hexanewgreen=textfontcolor.substring(3,5)
var hexanewblue=textfontcolor.substring(5,7)
colorrgbred=parseInt("0x"+hexanewred)
colorrgbgreen=parseInt("0x"+hexanewgreen)
colorrgbblue=parseInt("0x"+hexanewblue)
}
function initiate() {
windowheight=parseInt(document.body.clientHeight)/2
windowwidth=parseInt(document.body.clientWidth)-40
for (i=0;i<text.length;i++) {
var thisspan=eval("document.all.rotationstyle"+i)
thisspan.style.posLeft=20
thisspan.style.posTop=0
}
settexts()
}
function settexts() {
for (i=0;i<text.length;i++) {
var thisid="rotationobj"+i
var thisspan=eval("rotationstyle"+i)
thisspan.innerHTML=
'<OBJECT ID="'+thisid+'" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+windowwidth+'px;height:'+2*windowheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+textfont+'\', '+textfontsize+', '+textweight+', '+textitalic+', 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message+'\',0, 2, 0)">'+
'</OBJECT>'
}
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(0,i_grad,0)
i_grad+=i_segments
}
startscroll()
}
function startscroll() {
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(1,2,0)
}
timer=setTimeout("startscroll()",20)
}
if (ie) {
for (i=0;i<text.length;i++) {
var thisid="rotationstyle"+i
var thisobjid="rotationobj"+i
document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>"
document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>"
document.write("</OBJECT>"
document.write("</SPAN>"
onload=initiate
}
}
</SCRIPT>
Reloj sigue al cursor Totalmente configurable en los colores , muy espectacular
<///Traducido y modificado por www.creatupropiaweb.com///><SCRIPT language=JavaScript>
dCol='0000FF';//date colour.
fCol='FF00FF';//face colour.
sCol='00CC00';//seconds colour.
mCol='FF0000';//minutes colour.
hCol='FF0000';//hours colour.
ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=0;
ClockFromMouseX=100;
//Alter nothing below! Alignments will be lost!
d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO";
m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE";
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y=0;x=0;Y=0;X=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy=0;Dx=0;DY=0;DX=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace.style;
F.top=y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours.style;
HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;
ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;
SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;
DL.top=Dy + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy=Math.round(DY+=(Dy[i-1]-DY)*speed);
Dx=Math.round(DX+=(Dx[i-1]-DX)*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y=Math.round(Y+=(y[i-1]-Y)*speed);
x=Math.round(X+=(x[i-1]-X)*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>
Scrolling traslucido Otra manera de presentar tus noticias , novedades ,,,
<mas scripts en www.creatupropiaweb.com><script language="JavaScript1.2">
var scroller_width=200
var scroller_height=120
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='Esto te puede servir para plasmar tus noticias , o tus novedades yo que se lo que se te pueda ocurrir.'
scrollercontent[1]='Que no te a quedado claro , no me lo hagas repetir .'
scrollercontent[2]='Visita mi pagina <a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>con un click aqui <a href="http://www.creatupropiaweb.com"> venga</a>'
////NO need to edit beyond here/////////////
var ie4=document.all&&navigator.userAgent.indexOf("Opera"==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera"==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0"? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0".style.MozOpacity=document.getElementById("canvas1".style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0"? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=scroller_height*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>
</p>
</center>
Pacman ( comecocos ) en tu cursor Jueguecitos en tu cursor
<BODY ONMOUSEMOVE = "update()" style="text-align: center">
<SCRIPT LANGUAGE = "Javascript1.2" SRC="PacmanImages/Body.js"></SCRIPT>
Reloj calendario estatico Un estupendo reloj con dia , mes , año y nos indica si es de dia o de noche
<CENTER><SCRIPT LANGUAGE="JAVASCRIPT">
<!-- Begin Digital Watch
document.write('<!-- Begin Hiding Script -->')
/*
######################################################################
################ SCRIPT BY BURNBLADE #####################
################ Visit My Site At #####################
################ http://www.burning.net #####################
################ © copywrite 1997 #####################
modificado por www.creatupropiaweb.com
This script may be used as long as the above lines are not changed
in any way.
*/
var watchID = null
var watchRun = false
function stopwatch(){
if(watchRun)
clearTimeout(watchID)
watchRun = false
}
function startwatch(){
stopwatch()
dayTime()
}
function dayTime() {
day = new Date();
hour = day.getHours();
minute = day.getMinutes();
second = day.getSeconds();
if (hour > 12) {
hours = hour - 12;
part = 'Del Dia'}
else {
part = 'De la Noche';
if (hour == 0) {
hours = 12
}
else {
hours = hour
}
}
if (minute < 10) {minutes = 0}
else {minutes = ""}
if (second < 10) {seconds = 0}
else {seconds =""}
date = ('' +"Mes "+(day.getMonth() + 1)+" Dia "+day.getDate()+ " del año "+day.getYear()+ '');
time = ('' + hours + ":"+minutes+""+minute+ ":"+seconds+""+second+ '')
parts = ('' +part+ '')
document.timedate.time.value = time
document.timedate.date.value = date
document.timedate.parts.value = parts
watchID = setTimeout("dayTime()",1000)
watchRun = true
}
document.write('<!-- End Hiding Script -->')
// End Digital Watch-->
</script>
<BODY onLoad="startwatch()">
<form name="timedate" onSubmit="0">
<table cellspacing=0 cellpadding=0>
<tr align=center>
<td><INPUT TYPE="text" NAME="time" SIZE=6 VALUE ="..Starti"></td>
<td><INPUT TYPE="text" NAME="parts" SIZE=12 VALUE ="ng.."></td>
<td colspan=2><INPUT TYPE="text" NAME="date" SIZE=28 VALUE ="........"></td>
</tr>
</table>
</form></CENTER>
<!-- Simba says Roar. -->
Enlaces llamativos Una manera de hacer destacar tus enlaces
<mas scripts en www.creatupropiaweb.com><script language="JavaScript"><!--
//Rainbow Links
var ok=100 //delay time in milliseconds
//Do not modify anything below this line.
var color=0
function rain()
{
color=color+1;
if(color==1){document.linkColor='red';}
if(color==1){document.vlinkColor='red';}
if(color==1){document.alinkColor='red'; setTimeout("rain();",ok);}
if(color==2){document.linkColor='orange';}
if(color==2){document.vlinkColor='orange';}
if(color==2){document.alinkColor='orange'; setTimeout("rain();",ok);}
if(color==3){document.linkColor='yellow';}
if(color==3){document.vlinkColor='yellow';}
if(color==3){document.alinkColor='yellow'; setTimeout("rain();",ok);}
if(color==4){document.linkColor='green';}
if(color==4){document.vlinkColor='green';}
if(color==4){document.alinkColor='green'; setTimeout("rain();",ok);}
if(color==5){document.linkColor='blue';}
if(color==5){document.vlinkColor='blue';}
if(color==5){document.alinkColor='blue'; setTimeout("rain();",ok);}
if(color==6){document.linkColor='A209F4';}
if(color==6){document.vlinkColor='A209F4';}
if(color==6){document.alinkColor='A209F4'; setTimeout("rain();",ok);}
if(color==7){document.linkColor='purple';}
if(color==7){document.vlinkColor='purple';}
if(color==7){document.alinkColor='purple'; setTimeout("rain();",ok);}
if(color==8){document.linkColor='pink';}
if(color==8){document.vlinkColor='pink';}
if(color==8){document.alinkColor='pink'; setTimeout("rain();",ok);}
if(color==9){color=0; setTimeout("rain();",ok);}
}
setTimeout("rain();",ok);
// --></script>
<a href="http://www.creatupropiaweb.com">Javascripts</a> <br>
<a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>
<a href="http://www.creatupropiaweb.com">Juegos</a>
<!-- Simba says Roar. -->
Texto en el titulo de tu navegador Texto en movimiento en el titulo de tus ventanas
<Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">
var txt=" :-) www.creatupropiaweb.com ;-) - PARA CREAR TU WEB O MEJORARLA";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>
Refleja cualquier imagen facilmente Efecto de una imagen reflejada en el agua
<!-- Mas javascripts en http://www.creatupropiaweb.com -->
<center>
<!--Change following image name to your own-->
<img id="reflect" src="LA DIRECCION DE TU IMAGEN"><br>
<script language="JavaScript1.2">
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}
</script>
</center>
Abre una ventana popup Abre otra pagina o ventana popup al entrar en tu pagina
<!-- Mas trucos y scripts en http://www.creatupropiaweb.com -->
<SCRIPT language=Javascript> open('NOMBRE PAGINA.HTM','TITULO PAGINA',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=YES,width=490,height=250";</SCRIPT>
Script de espera Cargando la Pagina
Al principio de la pagina < head >
<!-- THE WAIT SCREEEN!!! -->
<div ID="waitDiv" style="position:absolute;left:380;top:280;visibility:hidden">
<center>
<table border=0 cellpadding=0 cellspacing=0 width="250"><tr><td bgcolor="#000000">
<table cellpadding=2 cellspacing=1 border=0 width="100%"><tr><td bgcolor="#48409A">
<center><font color="#F9E78C" face="Verdana, Arial, Helvetica, sans-serif" size="3"><b>Cargando la página...</b></font><br> <img src="http://www.creatupropiaweb.com/javascript/await.gif" border="0" width="200" height="20"><br>
<font size="2" color="#F9E78C" face="Verdana, Arial, Helvetica, sans-serif">Espere por favor...</font></center>
</td>
</tr>
</table>
</td></tr>
</table>
</center>
</div>
<script>
<!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name) {
if (document.getElementById) {
return document.getElementById(name).style;
} else if (document.all) {
return document.all[name].style;
} else if (document.layers) {
return document.layers[name];
}
}
function ap_showWaitMessage(div,flag) {
if (!DHTML)
return;
var x = ap_getObj(div);
x.visibility = (flag) ? 'visible':'hidden'
if(! document.getElementById)
if(document.layers)
x.left=280/2;
// return true;
}
ap_showWaitMessage('waitDiv', 1);
//-->
</SCRIPT>
<!-- END -->
Al final de la pagina < body >
<!-- SCRIPT DE ESPERA -->
<script language="javascript" type="text/javascript">
<!--
ap_showWaitMessage('waitDiv', 0);
//-->
</SCRIPT>
Cambiar el color de fondo
con este script le das la posibilidad a cualquier visitante de cambiar el color del fondo por el ke kiera
<table border="1" cellspacing="0">
<tr>
<td bgcolor="#000000"><a
onmouseover="document.bgColor='000000'"> </a> </td>
<td bgcolor="#C0C0C0"><a
onmouseover="document.bgColor='C0C0C0'"> </a> </td>
<td bgcolor="#808080"><a
onmouseover="document.bgColor='808080'"> </a> </td>
<td bgcolor="#FFFFFF"><a
onmouseover="document.bgColor='FFFFFF'"> </a> </td>
<td bgcolor="#800000"><a
onmouseover="document.bgColor='800000'"> </a> </td>
<td bgcolor="#FF0000"><a
onmouseover="document.bgColor='FF0000'"> </a> </td>
<td bgcolor="#800080"><a
onmouseover="document.bgColor='800080'"> </a> </td>
<td bgcolor="#FF00FF"><a
onmouseover="document.bgColor='FF00FF'"> </a> </td>
<td bgcolor="#008000"><a
onmouseover="document.bgColor='008000'"> </a> </td>
<td bgcolor="#00FF00"><a
onmouseover="document.bgColor='00FF00'"> </a> </td>
<td bgcolor="#808000"><a
onmouseover="document.bgColor='808000'"> </a> </td>
<td bgcolor="#FFFF00"><a
onmouseover="document.bgColor='FFFF00'"> </a> </td>
<td bgcolor="#000080"><a
onmouseover="document.bgColor='000080'"> </a> </td>
<td bgcolor="#0000FF"><a
onmouseover="document.bgColor='0000FF'"> </a> </td>
<td bgcolor="#008080"><a
onmouseover="document.bgColor='008080'"> </a> </td>
<td bgcolor="#00FFFF"><a
onmouseover="document.bgColor='00FFFF'"> </a> </td>
</tr>
</table>
FECHA: Dia Mes y Año
<script languaje="JavaScript">var mydate=new Date()
var year=mydate.getYear()
if (year <1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado"
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"
document.write("<small><font color='000000' face='Arial'>"+dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year+"</font></small>"</script>
Ocultar barra de desplazamiento
<script>document.body.style.overflow='hidden'</script>
------------------------------------
ENTRE<BODY>Y </BODY>
Subir la web
AKI CLIKEA
Plantilla nº 1
plantillas web
Aqui tienes la plantilla de nuestra web , claro que retocada un poco para no parecer clones , disfrutala. ( Para cualquier tipo de pagina con un poco de seriedad )
Plantilla nº 2
plantilla webPlantilla web modelo Hack , como la anterior , modificala , rellenala a tu gusto , recuerda una vez mas de repasar bien el codigo fuente para poner bien tus enlaces , direcciones url ,,,,,
JAVA SCRIPSTS
Como se colocan???¿¿¿
Como incluir estos codigos y efectos en tus paginas . Muy sencillo , con el boton derecho de tu raton picas dentro del recuadro del codigo , seleccionas todo y picas de nuevo con el boton derecho sobre lo seleccionado y le das a copiar , cojes abres tu block de notas y de la misma manera con el boton derecho picas dentro de tu block y le das a pegar , ya tienes el codigo guardado para poder utilizarlo luego . Otra manera la que yo suelo utilizar es lo mismo selecciono el codigo , lo copio pero lo pego directamente en mi editor de texto , en este caso FrontPage . Abro el editor y en una hoja nueva le das INSERTAR >Formato HTML y lo pegas dentro de la ventana del editor , guardas la pagina como archivo y asi puedes verlo funcionando con tu explorador , luego en tu editor siempre podras retocarlo y recuperarlo de la misma manera copiando y pegando en la parte de tu web en donde quieras que salga el efecto .
Suele haber 2 tipos de scripts , los que insertas en el cuerpo BODY de tu pagina y otros que funcionan en dos partes , quiere decir que parte del codigo lo tienes que pegar en un area de tu pagina <head> y el resto donde quieres que se produzca el efecto <body> .
[http://www.cursores.org/]Cursor Cambia el aspecto del cursor al entrar en tu web .[/url]
Color de fondo Otra manera de cambiar el color de fondo de tu web .
<!-- www.creatupropiaweb.com -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function fondo(color) { document.bgColor = color }
//-->
</SCRIPT>
<IMG SRC="minilab.gif" WIDTH=297 HEIGHT=31 BORDER=0 ismap USEMAP="#colormap">
<MAP NAME="colormap">
<AREA COORDS="89,1,102,14" HREF="javascript:fondo('#FFFFFF')">
<AREA COORDS="104,1,117,14" HREF="javascript:fondo('#00FFFF')">
<AREA COORDS="119,1,132,14" HREF="javascript:fondo('#FF00FF')">
<AREA COORDS="134,1,147,14" HREF="javascript:fondo('#0000FF')">
<AREA COORDS="149,1,162,14" HREF="javascript:fondo('#FFFF00')">
<AREA COORDS="164,1,177,14" HREF="javascript:fondo('#00FF00')">
<AREA COORDS="179,1,192,14" HREF="javascript:fondo('#FF0000')">
<AREA COORDS="194,1,207,14" HREF="javascript:fondo('#808080')">
<AREA COORDS="89,16,102,29" HREF="javascript:fondo('#C0C0C0')">
<AREA COORDS="104,16,117,29" HREF="javascript:fondo('#008080')">
<AREA COORDS="119,16,132,29" HREF="javascript:fondo('#800080')">
<AREA COORDS="134,16,147,29" HREF="javascript:fondo('#000080')">
<AREA COORDS="149,16,162,29" HREF="javascript:fondo('#808000')">
<AREA COORDS="164,16,177,29" HREF="javascript:fondo('#008000')">
<AREA COORDS="179,16,192,29" HREF="javascript:fondo('#800000')">
<AREA COORDS="194,16,207,29" HREF="javascript:fondo('#000000')">
<AREA COORDS="209,0,296,30" HREF="http://www.creatupropiaweb.com">
</MAP><!-- www.creatupropiaweb.com -->
Texto que aparece Texto cambia dejando mensajes de manera expectacular .
<script language="JavaScript1.2">var delay=3000 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //tag que abre los mensajes
fcontent[0]="<b></b><br><br>Crea tu propia pagina personal."
fcontent[1]="Monta tu pagina con FrontPage Express , veras que es muy facil."
fcontent[2]="En estas paginas encontraras los recursos y la manera de poder realizarlo de forma muy sencilla."
closetag='</font>'
var fwidth=150 //ancho
var fheight=150 //alto
///No editar/////////////////
var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0
if (DOM2)
faderdelay=2000
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller"
.style.color="rgb(255,255,255)"
document.getElementById("fscroller"
.innerHTML=begintag+fcontent[index]+closetag
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}
index++
setTimeout("changecontent()",delay+faderdelay)
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
frame=20;
hex=255 // Initial color value.
function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=10; // increase color value
document.getElementById("fscroller"
.style.color="rgb("+hex+","+hex+","+hex+"";// Set color value.
frame--;
setTimeout("colorfade()",20);
}
else{
document.getElementById("fscroller"
.style.color="rgb(255,0,0)";
frame=20;
hex=255
}
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')
window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>
Rotador de imagenes Rota imagenes en forma de cubo , soporta gif y jpg .
<!-- Mas scripts en http://www.creatupropiaweb.com -->
<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="boy4.gif"
specifyimage[1]="boy5.gif"
specifyimage[2]="boy6.gif"
var delay=3000 //3 seconds
//Counter for array
var count =1;
var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage=new Image()
cubeimage.src=specifyimage
}
function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}
window.onload=new Function("setTimeout('movecube()',delay)"
</script>
<img src="boy4.gif" name="cube" border=0 style="filter:progid
XImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">
Boton multiples enlaces Boton que rota enlaces , puedes incluir todos los que quieras .
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
<!-- Mas scripts en http://www.creatupropiaweb.com -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Crea tu propia WEB"
urlArr[1] = "http://www.creatupropiaweb.com"
lineArr[2] = "Los Codigos Web"
urlArr[2] = "http://www.iespana.es/LosCodigosWeb/"
lineArr[3] = "La web del Albañil"
urlArr[3] = "http://es.geocities.com/juha_web/index.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">"
;
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">"
;
document.write("</form>"
;
StartShow();
</script></font>
Texto ruleta publicitaria Texto ruleta publicitaria
<SCRIPT>
/////////////////////////////////////////////////////////////////////////////
// www.creatupropiaweb.com,edita tu texto desde esta linea
/////////////////////////////////////////////////////////////////////////////
// Set your messages. Add as many as you like
var text=new Array()
text[0]=" >>>> Creatupropiaweb"
text[1]=" >>>> RECURSOS"
text[2]=" >>>> TUTORIALES"
text[3]=" >>>> VIDEOS"
text[4]=" >>>> MUSICA"
text[5]=" >>>> JAVASCRIPTS"
// Set the font
var textfont="Arial"
// Set the font-size
var textfontsize=16
// Set the font-color
var textfontcolor="#ff0000"
// Set the font-weight (values from 100 to 900)
var textweight="900"
/////////////////////////////////////////////////////////////////////////////
// WWW.CREATUPROPIAWEB.COM,NO TOQUES NADA MAS
/////////////////////////////////////////////////////////////////////////////
var textitalic="0"
var message=new Array()
var x_textposition=0
var y_textposition=0
var i_segments=Math.round(360/text.length)
var i_grad=0
var grad=0
var colorrgbred
var colorrgbgreen
var colorrgbblue
var windowwidth
var windowheight
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
if (textweight=="bold"
{textweight=900}
if (textweight=="normal"
{textweight=100}
if (textitalic=="italic"
{textitalic=1}
if (textitalic=="normal"
{textitalic=0}
for (i=0;i<=text.length-1;i++) {
message=text.replace(/'/g,"`"
}
translateintorgb()
function translateintorgb() {
var hexanewred=textfontcolor.substring(1,3)
var hexanewgreen=textfontcolor.substring(3,5)
var hexanewblue=textfontcolor.substring(5,7)
colorrgbred=parseInt("0x"+hexanewred)
colorrgbgreen=parseInt("0x"+hexanewgreen)
colorrgbblue=parseInt("0x"+hexanewblue)
}
function initiate() {
windowheight=parseInt(document.body.clientHeight)/2
windowwidth=parseInt(document.body.clientWidth)-40
for (i=0;i<text.length;i++) {
var thisspan=eval("document.all.rotationstyle"+i)
thisspan.style.posLeft=20
thisspan.style.posTop=0
}
settexts()
}
function settexts() {
for (i=0;i<text.length;i++) {
var thisid="rotationobj"+i
var thisspan=eval("rotationstyle"+i)
thisspan.innerHTML=
'<OBJECT ID="'+thisid+'" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+windowwidth+'px;height:'+2*windowheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+textfont+'\', '+textfontsize+', '+textweight+', '+textitalic+', 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message+'\',0, 2, 0)">'+
'</OBJECT>'
}
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(0,i_grad,0)
i_grad+=i_segments
}
startscroll()
}
function startscroll() {
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(1,2,0)
}
timer=setTimeout("startscroll()",20)
}
if (ie) {
for (i=0;i<text.length;i++) {
var thisid="rotationstyle"+i
var thisobjid="rotationobj"+i
document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>"
document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>"
document.write("</OBJECT>"
document.write("</SPAN>"
onload=initiate
}
}
</SCRIPT>
Reloj sigue al cursor Totalmente configurable en los colores , muy espectacular
<///Traducido y modificado por www.creatupropiaweb.com///><SCRIPT language=JavaScript>
dCol='0000FF';//date colour.
fCol='FF00FF';//face colour.
sCol='00CC00';//seconds colour.
mCol='FF0000';//minutes colour.
hCol='FF0000';//hours colour.
ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=0;
ClockFromMouseX=100;
//Alter nothing below! Alignments will be lost!
d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO"
;
m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"
;
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y=0;x=0;Y=0;X=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy=0;Dx=0;DY=0;DX=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace.style;
F.top=y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours.style;
HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;
ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;
SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;
DL.top=Dy + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy=Math.round(DY+=(Dy[i-1]-DY)*speed);
Dx=Math.round(DX+=(Dx[i-1]-DX)*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y=Math.round(Y+=(y[i-1]-Y)*speed);
x=Math.round(X+=(x[i-1]-X)*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>
Scrolling traslucido Otra manera de presentar tus noticias , novedades ,,,
<mas scripts en www.creatupropiaweb.com><script language="JavaScript1.2">
var scroller_width=200
var scroller_height=120
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='Esto te puede servir para plasmar tus noticias , o tus novedades yo que se lo que se te pueda ocurrir.'
scrollercontent[1]='Que no te a quedado claro , no me lo hagas repetir .'
scrollercontent[2]='Visita mi pagina <a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>con un click aqui <a href="http://www.creatupropiaweb.com"> venga</a>'
////NO need to edit beyond here/////////////
var ie4=document.all&&navigator.userAgent.indexOf("Opera"
==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera"
==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0"
? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0"
.style.MozOpacity=document.getElementById("canvas1".style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0"
? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=scroller_height*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>
</p>
</center>
Pacman ( comecocos ) en tu cursor Jueguecitos en tu cursor
<BODY ONMOUSEMOVE = "update()" style="text-align: center">
<SCRIPT LANGUAGE = "Javascript1.2" SRC="PacmanImages/Body.js"></SCRIPT>
Reloj calendario estatico Un estupendo reloj con dia , mes , año y nos indica si es de dia o de noche
<CENTER><SCRIPT LANGUAGE="JAVASCRIPT">
<!-- Begin Digital Watch
document.write('<!-- Begin Hiding Script -->')
/*
######################################################################
################ SCRIPT BY BURNBLADE #####################
################ Visit My Site At #####################
################ http://www.burning.net #####################
################ © copywrite 1997 #####################
modificado por www.creatupropiaweb.com
This script may be used as long as the above lines are not changed
in any way.
*/
var watchID = null
var watchRun = false
function stopwatch(){
if(watchRun)
clearTimeout(watchID)
watchRun = false
}
function startwatch(){
stopwatch()
dayTime()
}
function dayTime() {
day = new Date();
hour = day.getHours();
minute = day.getMinutes();
second = day.getSeconds();
if (hour > 12) {
hours = hour - 12;
part = 'Del Dia'}
else {
part = 'De la Noche';
if (hour == 0) {
hours = 12
}
else {
hours = hour
}
}
if (minute < 10) {minutes = 0}
else {minutes = ""}
if (second < 10) {seconds = 0}
else {seconds =""}
date = ('' +"Mes "+(day.getMonth() + 1)+" Dia "+day.getDate()+ " del año "+day.getYear()+ '');
time = ('' + hours + ":"+minutes+""+minute+ ":"+seconds+""+second+ '')
parts = ('' +part+ '')
document.timedate.time.value = time
document.timedate.date.value = date
document.timedate.parts.value = parts
watchID = setTimeout("dayTime()",1000)
watchRun = true
}
document.write('<!-- End Hiding Script -->')
// End Digital Watch-->
</script>
<BODY onLoad="startwatch()">
<form name="timedate" onSubmit="0">
<table cellspacing=0 cellpadding=0>
<tr align=center>
<td><INPUT TYPE="text" NAME="time" SIZE=6 VALUE ="..Starti"></td>
<td><INPUT TYPE="text" NAME="parts" SIZE=12 VALUE ="ng.."></td>
<td colspan=2><INPUT TYPE="text" NAME="date" SIZE=28 VALUE ="........"></td>
</tr>
</table>
</form></CENTER>
<!-- Simba says Roar. -->
Enlaces llamativos Una manera de hacer destacar tus enlaces
<mas scripts en www.creatupropiaweb.com><script language="JavaScript"><!--
//Rainbow Links
var ok=100 //delay time in milliseconds
//Do not modify anything below this line.
var color=0
function rain()
{
color=color+1;
if(color==1){document.linkColor='red';}
if(color==1){document.vlinkColor='red';}
if(color==1){document.alinkColor='red'; setTimeout("rain();",ok);}
if(color==2){document.linkColor='orange';}
if(color==2){document.vlinkColor='orange';}
if(color==2){document.alinkColor='orange'; setTimeout("rain();",ok);}
if(color==3){document.linkColor='yellow';}
if(color==3){document.vlinkColor='yellow';}
if(color==3){document.alinkColor='yellow'; setTimeout("rain();",ok);}
if(color==4){document.linkColor='green';}
if(color==4){document.vlinkColor='green';}
if(color==4){document.alinkColor='green'; setTimeout("rain();",ok);}
if(color==5){document.linkColor='blue';}
if(color==5){document.vlinkColor='blue';}
if(color==5){document.alinkColor='blue'; setTimeout("rain();",ok);}
if(color==6){document.linkColor='A209F4';}
if(color==6){document.vlinkColor='A209F4';}
if(color==6){document.alinkColor='A209F4'; setTimeout("rain();",ok);}
if(color==7){document.linkColor='purple';}
if(color==7){document.vlinkColor='purple';}
if(color==7){document.alinkColor='purple'; setTimeout("rain();",ok);}
if(color==8){document.linkColor='pink';}
if(color==8){document.vlinkColor='pink';}
if(color==8){document.alinkColor='pink'; setTimeout("rain();",ok);}
if(color==9){color=0; setTimeout("rain();",ok);}
}
setTimeout("rain();",ok);
// --></script>
<a href="http://www.creatupropiaweb.com">Javascripts</a> <br>
<a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>
<a href="http://www.creatupropiaweb.com">Juegos</a>
<!-- Simba says Roar. -->
Texto en el titulo de tu navegador Texto en movimiento en el titulo de tus ventanas
<Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">
var txt=" :-) www.creatupropiaweb.com ;-) - PARA CREAR TU WEB O MEJORARLA";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>
Refleja cualquier imagen facilmente Efecto de una imagen reflejada en el agua
<!-- Mas javascripts en http://www.creatupropiaweb.com -->
<center>
<!--Change following image name to your own-->
<img id="reflect" src="LA DIRECCION DE TU IMAGEN"><br>
<script language="JavaScript1.2">
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}
</script>
</center>
Abre una ventana popup Abre otra pagina o ventana popup al entrar en tu pagina
<!-- Mas trucos y scripts en http://www.creatupropiaweb.com -->
<SCRIPT language=Javascript> open('NOMBRE PAGINA.HTM','TITULO PAGINA',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=YES,width=490,height=250"
;</SCRIPT>
Script de espera Cargando la Pagina
Al principio de la pagina < head >
<!-- THE WAIT SCREEEN!!! -->
<div ID="waitDiv" style="position:absolute;left:380;top:280;visibility:hidden">
<center>
<table border=0 cellpadding=0 cellspacing=0 width="250"><tr><td bgcolor="#000000">
<table cellpadding=2 cellspacing=1 border=0 width="100%"><tr><td bgcolor="#48409A">
<center><font color="#F9E78C" face="Verdana, Arial, Helvetica, sans-serif" size="3"><b>Cargando la página...</b></font><br> <img src="http://www.creatupropiaweb.com/javascript/await.gif" border="0" width="200" height="20"><br>
<font size="2" color="#F9E78C" face="Verdana, Arial, Helvetica, sans-serif">Espere por favor...</font></center>
</td>
</tr>
</table>
</td></tr>
</table>
</center>
</div>
<script>
<!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name) {
if (document.getElementById) {
return document.getElementById(name).style;
} else if (document.all) {
return document.all[name].style;
} else if (document.layers) {
return document.layers[name];
}
}
function ap_showWaitMessage(div,flag) {
if (!DHTML)
return;
var x = ap_getObj(div);
x.visibility = (flag) ? 'visible':'hidden'
if(! document.getElementById)
if(document.layers)
x.left=280/2;
// return true;
}
ap_showWaitMessage('waitDiv', 1);
//-->
</SCRIPT>
<!-- END -->
Al final de la pagina < body >
<!-- SCRIPT DE ESPERA -->
<script language="javascript" type="text/javascript">
<!--
ap_showWaitMessage('waitDiv', 0);
//-->
</SCRIPT>
Cambiar el color de fondo
con este script le das la posibilidad a cualquier visitante de cambiar el color del fondo por el ke kiera
<table border="1" cellspacing="0">
<tr>
<td bgcolor="#000000"><a
onmouseover="document.bgColor='000000'"> </a> </td>
<td bgcolor="#C0C0C0"><a
onmouseover="document.bgColor='C0C0C0'"> </a> </td>
<td bgcolor="#808080"><a
onmouseover="document.bgColor='808080'"> </a> </td>
<td bgcolor="#FFFFFF"><a
onmouseover="document.bgColor='FFFFFF'"> </a> </td>
<td bgcolor="#800000"><a
onmouseover="document.bgColor='800000'"> </a> </td>
<td bgcolor="#FF0000"><a
onmouseover="document.bgColor='FF0000'"> </a> </td>
<td bgcolor="#800080"><a
onmouseover="document.bgColor='800080'"> </a> </td>
<td bgcolor="#FF00FF"><a
onmouseover="document.bgColor='FF00FF'"> </a> </td>
<td bgcolor="#008000"><a
onmouseover="document.bgColor='008000'"> </a> </td>
<td bgcolor="#00FF00"><a
onmouseover="document.bgColor='00FF00'"> </a> </td>
<td bgcolor="#808000"><a
onmouseover="document.bgColor='808000'"> </a> </td>
<td bgcolor="#FFFF00"><a
onmouseover="document.bgColor='FFFF00'"> </a> </td>
<td bgcolor="#000080"><a
onmouseover="document.bgColor='000080'"> </a> </td>
<td bgcolor="#0000FF"><a
onmouseover="document.bgColor='0000FF'"> </a> </td>
<td bgcolor="#008080"><a
onmouseover="document.bgColor='008080'"> </a> </td>
<td bgcolor="#00FFFF"><a
onmouseover="document.bgColor='00FFFF'"> </a> </td>
</tr>
</table>
FECHA: Dia Mes y Año
<script languaje="JavaScript">var mydate=new Date()
var year=mydate.getYear()
if (year <1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado"
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"
document.write("<small><font color='000000' face='Arial'>"+dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year+"</font></small>"
</script>
Ocultar barra de desplazamiento
<script>document.body.style.overflow='hidden'</script>
------------------------------------
ENTRE<BODY>Y </BODY>
Subir la web
AKI CLIKEA