geminisrock - Códigos HTML Para tu Pagina

Hola bueno acá les dejo unos cuantos códigos HTML! Para su pagina.***!

(ESTE CODIGO ES PARA QUE ALUMBRE TU WEB)
[quote]<style>body { background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif); background-repeat: repeat; background-position: top center; background-attachment: fixed; background-repeat: repeat-y; }</style>[/quote]

Codigo de lado izkierdo
[quote]<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>[/quote]

Codigo de lado derecho
[quote]<<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>[/quote]

Con este fabuloso code puedes hacer que aparesca una imagen en u web en la parde de abajo a la izquierda como la de mi logo en el code hay una parte que dise (( PEGA AQUI LA URL DE LA IMAGEN)) borran eso y pegan la URL y luego coloca ese code en texto por debajo de la pagina saludos espero que les guste ...
Codigo de lado izkierdo
[quote]<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>[/quote]

Codigo de lado derecho
[quote]<<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>[/quote]

Ventana de alerta en tu web con un mensaje

Codigo
[quote]<script language="JavaScript" type="text/javascript"> alert("Pon aqui el mensaje que quieres!"; </script>[/quote]

Mensaje de alerta mediante un boton

Ejemplo:
[quote]Mensaje de alerta mediante un boton Ejemplo:[/quote]

Bloquear IP's
- Solo pon las ip's donde dice "22.22.22.22" y "11.11.11.11". Si quieres agregar más solo ponlas entre comillas "" y en la misma linea.

Codigo:
[quote]Bloquear IP's - Solo pon las ip's donde dice "22.22.22.22" y "11.11.11.11". Si quieres agregar más solo ponlas entre comillas "" y en la misma linea. Codigo:[/quote]

Bloquear boton derecho

Codigo:
[quote]<script type="text/javascript"> function IE(e) { if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3") { return false; } } function NS(e) { if (document.layers || (document.getElementById && !document.all)) { if (e.which == "2" || e.which == "3" { return false; } } } document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false"; </script>[/quote]

Bloquear boton derecho mas mensaje de alerta

Codigo:
[quote]<script type="text/javascript"> function IE(e) { if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3") { alert('Mensaje que aparece al hacer click derecho!'); return false; } } function NS(e) { if (document.layers || (document.getElementById && !document.all)) { if (e.which == "2" || e.which == "3" { alert('Boton bloqueado'); return false; } } } document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false"; </script>[/quote]

Raspar imagen para poder verla
- Para usar este code deben poner una imagen donde dice "URL DE IMAGEN" luego pegan el codigo donde quieran que aparesca.

Codigo:
[quote]<script language="Javascript"> image_width = ANCHODEIMAGEN; image_heigth = ALTODEIMAGEN; function scratch() { for(i = 0; i < (image_heigth/5); i++) { for(j = 0; j < (image_width/5); j++) { document.write("<img src='URL DE IMAGEN' style='position:absolute;top:"+(i*5)+";left:"+(j*5)+";width:5;height:5;cursor:hand;' onmouseover='this.style.visibility="hidden";' onmouseout='this.style.visibility="hidden";'>" } } } </script> <script language="Javascript"> document.write('<div style="position:relative;width:'+image_width+';height:'+image_heigth+'">'); document.write('<img src="URL DE IMAGEN" />') scratch(); document.write('</div>'); </script>[/quote]

Cambiar imagen al darle click
Ejemplo:

Codigo
[quote]<script language="javascript"> imagen1=new Image imagen1.src="ejjs2.png" imagen2=new Image imagen2.src="ejjs1.png" var i=1; function cambiar() { if (i == 1) { document.images['ejemplo'].src=imagen2.src i=2; } else { document.images['ejemplo'].src=imagen1.src; i=1; } } </script><img src="ejjs1.png" name="ejemplo" onMousedown="cambiar()"">[/quote]

No dejar entrar a menores de edad a tu sitio web
Sitio contenido solo para mayores de edad este codigo te servida porque le pregunta la edad al visitante y si es menor de edad lo redireciona a la web que tu elijas.

Codigo:
[quote]<script language="javascript"> var agePrompt=prompt("¿Cuál es tu edad?"; if (agePrompt>=18) alert('Eres mayor de edad. Tienes permiso para entrar al sitio') else { alert('Eres menor de edad. No puedes entrar') document.location="Aqui pon el sitio al que mandaras a los menores de edad"; } </script>[/quote]

Codigo Imprimir

Codigo
[quote]<a href="javascript:print()">Imprimir</a>[/quote]

Calendario
Codigo
[quote]<script languaje="JavaScript"> mesarray=new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio","Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"; diaarray=new Array( "Domingo","Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"; hoy = new Date(); dias = hoy.getDate(); dia = hoy.getDay(); mes = hoy.getMonth(); mes=mesarray[mes]; dia =diaarray[dia]; anno = hoy.getYear(); if (anno <200) anno = anno+1900; document.write('<TABLE WIDTH="60" height="60" BORDER="1" BGCOLOR="#FFFFFF"><TR><TD><CENTER>'); document.write('<FONT SIZE="2" COLOR="#000000"> <B>'+mes+'</B></FONT><br>'); document.write('<FONT SIZE="1" COLOR="#000000">'+anno+'</FONT><br>'); document.write('<FONT SIZE="4" COLOR="#000000" FACE="Arial"><B>'+dias+'</B></FONT><br>'); document.write('<FONT SIZE="1" COLOR="#000000">'+dia+'</FONT><br>'); document.write('</CENTER></TR></TD></TABLE>'); </script>[/quote]

No dejar selecionar el texto de tu web

Codigo:
[quote]<script language="Javascript"> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false" if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script>[/quote]

Opcion de agregar a favoritos tu pagina

Codigo:
[quote]<a href="javascript:window.external.AddFavorite('AQUI LA URL DE TU WEB', '')">Agregar a favoritos</a>[/quote]

Mira los link's y pon el cursor encima de ellos y veras el recurso.

Codigo:
[quote] <script type="text/javascript" src="http://shots.snap.com/ss/47434141de23f6163e74f05022798b46/snap_shots.js"></script>[/quote]

Codigo "Sin style tag"
[quote]lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ; front: normal 12px "arial"; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(http://pixelea.com/s/b5b3d82391.jpg); background-color: black;} *{ padding: 0; margin: 0; } #Ancient { margin: 0 auto; left: 50%; width: 1050px; background-color:;} #content { position: absolute; left: 150px; top: 200px; margin-left:-171px; width: 700px; height: 868px; padding:10px; color: #transparent; font-size:13px; background-color: white; background-image: none; border: 0px solid green; overflow:auto;} #shouty { position: absolute; left: 845px; top: 200px; margin-left:-145px; width: 170px; height: 868px; padding:10px; color: black; font-size:12px; background-color:white; background-image:url(http://pixelea.com/s/7cdc52f60d.jpg); border: 0px solid black; overflow:auto;} #ipah1 { position:absolute; left: 150px; top: 1090px; margin-left:-171px; padding:5px; width: 897px; border: 2px solid black; background-color:white; font-size:13px; } #header { display:none;} #header2 { position: absolute; left: 150px; top: 30px; margin-left:-171px; width: 897px; height: 120px; padding:10px; color: white; font-size:13px; background-color: black; background-image:url(http://pixelea.com/s/f7f9a7e214.jpg); border: 1px solid white; overflow:none;} #navcontainer { float:left; position: absolute; top: 173px; /* ubicacion del contenido (arriba o abajo) */ left: -19px; /* ubicacion del contenido (derecha o izquierda) */ margin-left: 0px; width: 897px; height: 25px;padding: 5px 0px 0px 0px; background: black; background-repeat: no-repeat;} #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;} #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0;} #navcontainer ul li a { background: green; width: 78px; height: 18px; border-top: 1px solid black; border-left: 0px solid #ff0000; border-bottom: 0px solid #ff0000; border-right: none; padding: 0; margin: 0 0 10px 0; color: #000; text-decoration: none; display: block; text-align: center; font: normal 11px/18px "arial";} #navcontainer ul li a:hover { color: #fff; background: #808080;} #navcontainer a:active { background: #808080; color: #fff;} #navcontainer li#active a { background: #808080; border: 1px solid #000; color: #fff;}[/quote]

Instrucciones:
Haz click en el color que quieres y abajo apecera el numero.
Cualquier consulta puedes hacerla en nuestro

Contenido del 2 item aqui!
Contenido del 3 item aqui! www.cssplantillas.***
Anterior 1 2 3 4 5 Siguiente

Codigo:
[quote] <style type="text/css"> .sliderwrapper{position: relative;overflow: hidden;border: 10px solid #333; border-bottom-width: 6px;width: 400px;height: 250px;font:12px verdana;} .sliderwrapper .contentdiv{visibility: hidden;position: absolute; left: 0;top: 0; padding: 5px;background:#fff;width:390px;height:100%; filter:progidXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1;opacity: 1;} .pagination{width: 400px;text-align:right;background:#333;padding:5px 10px;font:12px verdana;} .pagination a{padding: 0 5px;text-decoration: none;color:#333;background:#ff9900;font-weight:bold;} .pagination a:hover, .pagination a.selected{color:#000;background:#ffff00;} </style> <script type="text/javascript" src="http://cssplantillas.zobyhost.com/js/contentslider.js"></script> <div id="slider1" class="sliderwrapper"> <div class="contentdiv"> Bienvenido a css plantillas! </div> <div class="contentdiv"> Contenido del 2 item aqui! </div> <div class="contentdiv"> Contenido del 3 item aqui! www.cssplantillas.*** </div> <div class="contentdiv"> Contenido del 4 item aqui! www.cssplantillas.*** </div> <div class="contentdiv"> Contenido del 5 item aqui! www.cssplantillas.*** </div> </div> <div id="paginate-slider1" class="pagination"> </div> <script type="text/javascript"> featuredcontentslider.init({ id: "slider1", contentsource: ["inline", ""], toc: "#increment", nextprev: ["Anterior", "Siguiente"], revealtype: "click", enablefade: [true, 0.2], autorotate: [true, 3000], onChange: function(previndex, curindex){ } }) </script> [/quote]

Menu

Codigo:
[quote]<style type="text/css"> .csspmenu{margin: 0;padding:0;float:left;font:bold 13px Arial;border-width: 1px 0; width: 100%;overflow: hidden;margin-bottom: 1em;border: 1px solid #625e00; background: black url("https://img.webme.com/pic/c/cssplantillas/sbmenu1.png" center center repeat-x;} .csspmenu li{display:inline;} .csspmenu li a:visited{color:#fff;} .csspmenu li a{float:left;color:#fff;padding: 9px 11px;text-decoration:none; border-right:1px solid #fff;} .csspmenu li a:hover, .csspmenu li .current{color:#fff; background: transparent url("https://img.webme.com/pic/c/cssplantillas/sbmenu2.png" center center repeat-x;}</style> <ul class="csspmenu"> <li><a href="URL" class="current">Inicio</a></li> <li><a href="URL">Link's 2</a></li> <li><a href="URL">Link's 3</a></li> <li><a href="URL">Link's 4</a></li> <li><a href="URL">Link's 5</a></li> <li><a href="URL">Link's 6</a></li> </ul>[/quote]

ATENCION:
- Solo modifica donde dice "URL" Pones la direccion de donde llevara el link's ej. http://miweb.com/videos.htm.
Y tambien donde dice: "Link's Nº" pones el nombre del link's.
El donde dice "Width:100%" poner el ancho que tendra el menu segun como lo quieras lo puedes poner en pixeles como

imple control Galery v1.3

Descripcion:
Simple control Galery es una galeria muy atractiva la cual te servira para mostrar las imagenes que mas te gusten e incluso crear albunes.
No es complicado de instalar, a continuacion te dejamos una demostracion

[ Prueba: ]

Codigo
[quote] <style type="text/css"> #simplegallery1{position: relative;visibility: hidden;border: 4px solid #383838;} #simplegallery1 .gallerydesctext{text-align: center;padding: 2px 5px;font:12px verdana;} </style> <script type="text/javascript" src="http://cssplantillas.zobyhost.com/js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://cssplantillas.zobyhost.com/js/simplegallery.js"> </script> <script type="text/javascript"> var mygallery=new simpleGallery({ wrapperid: "simplegallery1", dimensions: [500, 375], imagearray: [ ["URL DE TU IMAGEN", "LINK'S DE LA IMAGEN", "", "COMENTARIO DE LA IMAGEN"], ["URL DE TU IMAGEN", "LINK'S DE LA IMAGEN", "", "COMENTARIO DE LA IMAGEN"], ["URL DE TU IMAGEN", "LINK'S DE LA IMAGEN", "", "COMENTARIO DE LA IMAGEN"] ], autoplay: [true, 2500, 2], persist: false, fadeduration: 500, oninit:function(){ }, onslide:function(curslide, i){ } }) </script> <div id="simplegallery1"></div>[/quote]

Editar lo siguiente:
Dimensions: [500, 400], : Hay modifican el alto y el ancho de la galeria.
Para agregar ms0020imagenes incluir esto:
["Url imagen", "Link's de la imagen", "_url", "Titulo la imagen"],
Puedes incluir todas las imagenes que quieras.

Cualquier consulta hacerla en el

Horas restantes para finalizar el día:

Con este código insertamos un pequeño relojito que indica
la cuenta regresiva de las horas, minutos y segundos
que faltan para finalizar el día.
Codigo
[quote]<body> <p>El reloj...</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript">  <input type="button" onclick="copia_portapapeles()" value="Copiar" /> </form> <script language="javascript"> function copia_portapapeles(){ document.f1.campo1.select() window.clipboardData.setData("Text", document.f1.campo1.value); } </script></u></p> <div><strong><em><font size="5"><font color="#ffffff"><u>Abrir una Web en Pop Up</u>:</font></font></em></strong></div> <div align="justify"><font color="#ffffff" size="2"><strong>Con este código vamos a hacer que al entrar en nuestra página automáticamente se abra otra, ej. otra Web nuestra, una sección que queremos mostrar, una publicidad, etc.<br /> </strong></font></div> <script language="javascript"> function copia_portapapeles(){ document.f1.campo1.select() window.clipboardData.setData("Text", document.f1.campo1.value); } </script> <form name="f1"> <textarea rows="5" cols="50" name="campo1"><script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>[/quote]

Bueno esos son todos
Espero que les allan gustado

La radio de la web
geminisrock!!!
Rock, pop, latino..
informacion y mas...

Horoscopo

Hoy habia 1 visitantes (3 clics a subpáginas) ¡Aqui en esta página!

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis