_________________________________
__________________________________
________________________________
_________________________
______________________________
_______________-___________
_________________________
__________________________
1 2
___________________________________
____________________________________
_________________________________-
____________________________-
____________________________________
________________________________________
_______________________________________-
__________________________________
mas plantilla copia el elace de megaupload encontrar algo mas de plantillas web
(
http://www.megaupload.com/?d=SR6HS4ML )
Con este codigo centraras tu web
¿como? facil ...
tienes que pegar este codigo en texto por encima de la pagina
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
como poner un contador de visita web http://es.99counters.com/
Hola amigos este codigo sirve para poner una camara de vigilancia en tu web
(poner el codigo en texto por debajo de la pagina)
este codigo sirve para poner una imagen de fondo a tu web solo ponla en (texto por debajo de la pagina) y la url de tu imagen donde lo indica .
este sirve para poner el juego de pacman ponlo donde quieras
este codigo sirve para que cada ves que algien entre a tu web aparesca una ventana con el texto que tu quieres solo ponlo en texto por encima de la pagina
</HEAD>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<BODY.....>
<body onLoad="var SymTmpWinOpen = window.open; window.open = SymWinOpen; alert('Bienvenido a la web. No olbides comentar y contestar la encuesta '); window.open = SymTmpWinOpen;">
Redireccionar una página:
Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde:
<HTML>
<HEAD>
<TITLE>Redireccionado por www.CheNico.com </TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http:// www.CheNico .com ';
</SCRIPT>
</HEAD>
<BODY>
Abrir una Web en Pop Up :
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.
<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>
No dejar seleccionar el texto de nuestra Web :
Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.
<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>
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.
<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">
<!--
var tiempoAtras;
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;
document.Reloj.tiempo.value = tiempoAtras;
setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>
Recomendar Pagina :
Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma.
<form name="eMailer">
ENVÍA ESTA PÁGINA A UN AMIGO
<br>
Indica su e-mail:
<br>
<input type="text" name="address" size="25">
<br>
<input type="button" value="Recomendá esta Web! " onClick="mailThisUrl();">
</form>
<script language="JavaScript1.2">
var good;
function checkEmailAddress(field) {
// the following expression must be all on one line...
var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|
(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);
if (goodEmail){
good = true
} else {
alert('Por favor introduce un e-mail valido')
field.focus()
field.select()
good = false
}
}
u = window.location;
m = "Pienso que te puede interesar esta página...";
function mailThisUrl(){
good = false
checkEmailAddress(document.eMailer.address)
if (good){
// the following expression must be all on one line...
window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;
}
}
</script>
Crear un Formulario o Libro de Visitas :
Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo.
<H2>Libro de visitas de www.CheNico.com </H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
Crear un Título que cambia de colores :
Con este código podemos crear por ejemplo el título para nuestra Web o una de nuestras secciones. Como el código es muy largo Hacé Click acá para verlo en una nueva ventana
Cuadro explicativo de los enlaces :
Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo.
<p>
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>
<p><a href="http://www.CheNico .com"
onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://usuarios.lycos.es/pauluk /trucosprin.htm"
onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://usuarios.lycos.es/pauluk /GLOSARIO.HTM"
onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>
Insertar un sonido o música de fondo :
Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando. Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html:
<BGSOUND SRC="sonido.mid" LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">
Se recomienda usar sonidos en formato "midi " que son los de menor peso.
Crear un link para download :
Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML:
<a href="ejemplo.exe">Descripción del enlace </a>
No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.
Efecto nieve con cualquier imagen:
Con este truco podés hacer que caigan por la pantalla varias veces la misma imagen con un efecto estilo nieve. Si querés ver el código y el efecto HACÉ CLIC ACÁ .
Subrayar un Link al pasar el mouse :
Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.
<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>
Transformar el cursor en una mira :
Transformá la clásica flechita de Windows en una mira de disparo.
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
Tabla de colores HTML :
Esta tabla contiene todos los códigos para ponerle colores a las barras de desplazamiento, a las fuentes y muchas otras funciones más. Haga click acá para ver la Tabla Completa .
Comentario sobre un link en la barra de estado:
Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye).
<a href="http://www.CheNico.com "
onmouseout="window.status=''"
onmouseover="window.status='Acá aparece el mensaje que quieras ';return true">
Pauluk Computación </a>
Dificultar copia de página:
Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga clic k con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros . Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas.
P od emos colocarlo antes de la etiqueta <html > o después de la etiqueta <body >.
<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
Nota : Para evitar este truco, también hay un contratruco , si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo.
Establecer una página como inicio:
Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.
<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.CheNico.com ');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>
Enviar un e-mail con Asunto y Mensaje:
Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Hacé clic acá para mandarme un mensaje
<a href="mailto:webmaster@pauluk.8k.com ?subject=Prueba .&body=Estoy probando el truco.. .">Hacé clic acá para mandarme un mensaje </a>
Abrir un Link en una Ventana Nueva:
Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta:
<a href="http://www.CheNico .com" target="_blank">Pauluk Computación</a>
Otra barra con mas colores :
A continuación veremos otro código para ponerle color a la barra de desplazamiento, en este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes. Reemplazar los nombres de los colores por otros o por los código de letras y números. Mas abajo está la tabla de colores.
<style>
<!--
body { scrollbar-face-color: darkgreen ;
scrollbar-shadow-color: yellow;
scrollbar-highlight-color: violet;
scrollbar-3dlight-color: navy;
scrollbar-darkshadow-color: magenta;
scrollbar-track-color: blue;
scrollbar-arrow-color: black }
-->
</style>
Observación : para ver este truco, es necesario tener instalada las últimas versiones de los navegadores. Preferentemente Internet Explorer 6.
Abrir un link de una imagen en una ventana nueva :
Con este código podemos insertar una imagen (ej. banner) y que al hacer click sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo.
<a href="http://www.CheNico .com " target="_blank"><img src="imagen.gif" border=0></a>
Hora y texto en la barra de estado :
Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.
<script language="JavaScript">
<!--
mensaje=" |======| www.CheNico.com "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>
Botón animado :
Aprend é a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr " y "urlArr " del script, que permiten destacar cosas en tu página.
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
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] = " Pauluk Computación "
urlArr[1] = "http://www. CheNico .com"
lineArr[2] = " Trucos PC "
urlArr[2] = "http://www. pauluk.8k .com/ trucosprin . htm "
lineArr[3] = " Noticias Tecnológicas y Actualidad "
urlArr[3] = "http:// www.pauluk.8k.com / noticias.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>
Letrero de mensajes:
Este es un efecto muy fácil de lograr y muy funcional para tu página. P o d é s definir cuántos textos y enlaces quieras. Ellos se destacarán y tu página quedará mucho más dinámica. P o d é s ver cómo personalizar este recurso al final de esta página. Es mejor que Java ya que es mucho más liviano y rápido de cargarse, y no necesita archivos adicionales.
Para incluir este recurso en tu página debes seguir dos pasos:
Paso 1 : Incluye el siguiente código en tu etiqueta "<BODY >", agrega un espacio después del último parámetro e incluye:
onload="if (document.all||document.layers) {regenerate2();update()}"
Observa un ejemplo sencillo de cómo quedaría la etiqueta:
<body onload="if (document.all||document.layers) {regenerate2();update()}">
Paso 2 : Pega en tu página HTML el siguiente código personalizando las partes indicadas:
<style>
<!--
#mensagem{
position:relative;
layer-background-color:black;
width:400;
height:12;
}
#submensagem{
background-color:black;
position:absolute;
border: 1px solid black;
width:400;
height:12;
}
.submensagemfont{
font:bold 12px Verdana;
text-decoration:none;
color:white;
}
.submensagemfont a{
top:0;
color:white;
text-decoration:none;
}
-->
</style>
<div id="mensagem">
<div id="submensagem" class="submensagemfont">Iniciando...</div>
</div>
<script language="JavaScript1.2">
var speed=4500
var textos=new Array()
textos[0]="<center><a href='Enlace1 Aquí'>Descripción del enlace1 aquí</a></center>"
textos[1]="<center><a href='Enlace2 Aquí'>Descripción del enlace2 aquí</a></center>"
textos[2]="<center><a href='Enlace3 Aquí'>Descripción del enlace3 aquí</a></center>"
i=0
if (document.all)
tickerobject=document.all.submensagem.style
else
tickerobject=document.mensagem.document
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function update(){
BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
if (document.layers){
document.mensagem.document.submensagem.document.write('<span class="submensagemfont">'+textos[i]+'</span>')
document.mensagem.document.submensagem.document.close()
}
else
document.all.submensagem.innerHTML=textos[i]
if (i<textos.length-1)
i++
else
i=0
setTimeout("update()",speed)
}
function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
if (document.layers)
tickerobject.bgColor =
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
else
tickerobject.backgroundColor=
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50);
}
step++;
}
</script>
Pantalla que tiembla:
Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.
<html>
<head>
<title>www. CheNico .com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>
<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("www.CheNico .com");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("www. CheNico .com");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</html>
Botón Colorido:
¿Cansado del botón siempre gris? Ahora con CSS p od és definir cualquier color para tus botones. Ellos combinarán más con tu página y son muy fáciles de crear.
Copia el código que sigue y p egalo dentro de la etiqueta de formulario de tu página :
<input type="submit" name="button" value=" www.CheNico .com" style="color: #000000; background-color: #FF9900">
Texto que sigue al mouse:
Hacé que un texto cualquiera siga al mouse del visitante en tu página. Es un efecto fabuloso y fácil de incluir en las páginas
Incluye el siguiente código en tu página HTML :
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0
var texto=" www.CheNico .com"
texto=texto.split("")
var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos[i]=-50
}
function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}
function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style")
camada.posLeft=xpos[i]
camada.posTop=ypos[i]
}
}
else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y
for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos[i]
camada.top=ypos[i]
}
}
var timer=setTimeout("animar_cursor()",30)
}
</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>")
document.write(texto[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</script>
Imagen volando por la pantalla:
Este efecto hace que cualquier imagen que elijas quede "paseando" por la pantalla, siendo un recurso excelente tanto para llamar la atención por alguna novedad en tu sitio como para darle más movimiento a la página.
Copi á y peg á el siguiente código en tu página HTML.
Recordá que la imagen debe estar en el mismo directorio de tu página html.
<SCRIPT language="JavaScript1.2">
var imagem="Ingresa el nombre del archivo de imagen aquí"
if (document.layers)
{document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}
else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}
conta=-1;
move=1;
function curva(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);
if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);
if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);
if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);
if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!
if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function efeito(){
curva();
moveR();// onUnload="opener.gO()"
edges();
}
if (document.all||document.layers)
efeito()
</script>
Texto en expansión:
Coloc á en tu página mensajes animados que se agrandan y llaman la atención de los visitantes. Además, incluyen enlaces hacia donde vos quieras.
Copi á el siguiente código y p egalo en tus páginas debajo de la etiqueta <Body >.
<script language="JavaScript">
var velocidade = 45;
var ciclo = 2000;
var tamanho = 20;
var x = 0;
var y = 0;
var mensagens, size;
var esize = "</font>";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var mensagens2 = new initArray(
"Visita",
" www.CheNico .com",
" webmaster @pauluk.8k.com"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function aumenta(){
mensagens = mensagens2[y];
if (x < tamanho) {
x++;
setTimeout("aumenta()",velocidade);
}
else setTimeout("diminui()",ciclo);
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://www. CheNico .com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www. CheNico .com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
function diminui(){
if (x > 1) {
x--;
setTimeout("diminui()",velocidade);
}
else {
setTimeout("aumenta()",ciclo);
y++;
if (y > mensagens2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#000099 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://www. CheNico .com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#000099><center><a href=http://www. CheNico .com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
setTimeout("aumenta()",velocidade);
</script>
Página protegida por clave:
Este es un excelente recurso. P od és proteger tus páginas con una clave. Así p od és definir exactamente quienes entrarán a tu página. No ten és que preocuparte por configuraciones. Es muy sencillo: la clave siempre será el nombre de tu página sin la extensión .htm, es decir, si la página tiene el nombre de "ejemplo.htm ", la clave será "ejemplo ". ¿Ves que fácil? .
Para tener este recurso en tu sitio debes incluir un código en la página de "entrada " en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada.
<Form name="frm">
<center>
<Script Language="JavaScript">
<!--
//
function loadpage(){
var psj=0;
newwin = window.open(document.frm.pswd.value + ".htm")
}
//-->
</script>
Ingresa tu clave:
<input
type="password" name="pswd" size="20">
</center>
<center>
<p>
<input type="button" value="Entra"
onClick="loadpage()" name="button">
</p>
</center>
</form>
Cambiar el color de la barra de desplazamiento al pasar el mouse:
Con este truco podés hacer que además de cambiar el color clásico gris de la barra de desplazamiento por otro, hacer que cuando el mouse se pose sobre ella cambie a otro color. Cambiando los números y letras en verde variaran los colores. Probalo pasando por la barra de la derecha!.
<script language="JavaScript1.2">
<!--
function scrollBar(line,face,theme)
{
if (!line||!face)
{
line=null;
face=null;
switch(theme)
{
case "blue":
var line="black";
var face="# 6699FF ";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor=" black ";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="# FFFFFF ";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','# E58D28 ');
else scrollBar(null,null,"blue");
}
if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
</script>" # 6699FF ";
break;
}
}
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor=" black ";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="# FFFFFF ";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar('#000080','# E58D28 ');
else scrollBar(null,null,"blue");
}
if (document.all){
scrollBar(null,null,"blue");
document.onmousemove=colorBar;
}
//-->
</script>
Cambiar el color de la barra de desplazamiento:
Con éste código van a conseguir cambiar el clásico color gris de la barra de desplazamiento de la derecha y abajo por el color que quieran. Para cambiar de colores, cambien el número 000000 por otros, cada color tiene su número, pero la lista es muy larga, así que prueben con los número que ya van a encontrar el deseado.
<style>
<!--
BODY { scrollbar-base-color : #000000;
scrollbar-arrow-color : #FFFFFF; }
.nav {
color : #FFCC00;
font-size : 8pt;}
-->
</style>
Reloj - formato texto:
Este es otro tipo de reloj que también cuenta los segundos y que puede utilizar texto. Es muy fácil incluirlo en tu página. Siempre que un usuario acceda a tu sitio el efecto será iniciado.
Paso 1: Para que el recurso se inicie junto con la página, debes incluir dentro de la etiqueta < body > el parámetro de inicio. Agreg á un espacio después del último parámetro e incluye:
Onload="show5()"
Observa un ejemplo sencillo de cómo queda la etiqueta:
<body Onload="show5()">
¡Atención! Sin eso tu reloj no funcionará.
Paso 2: Incluye el siguiente código en tu página después de la etiqueta <body >.
<Font face=Verdana><span id=relogio style="POSITION: absolute"></span>
<Script Language=JavaScript>
<!--
function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
meurelogio="<font size='5' face='Arial'><b>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.relogio.document.write(meurelogio)
document.layers.relogio.document.close()
}
else if (document.all)
relogio.innerHTML=meurelogio
setTimeout("show5()",1000)
}
//-->
</script>
</font>
Poniendo fecha en tu sitio:
Aprend é a incluir la fecha en tu sitio sin necesidad de actualizarla cada día. Sólo tenés que usar un JavaScript que automáticamente exhibirá la fecha del día en tu página cada vez que ésta se abra.
No ten és que preocuparte con ninguna configuración. Sólo ten és que copiar y pegar el código en tu página.
<script language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Miércoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
else if(mymonth ==2)
month = "Marzo "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Mayo "
else if(mymonth ==5)
month = "Junio "
else if(mymonth ==6)
month = "Julio "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setiembre "
else if(mymonth ==9)
month = "Octubre "
else if(mymonth ==10)
month = "Noviembre "
else if(mymonth ==11)
month = "Diciembre "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script>
Mensaje de bienvenida:
Con este recurso personaliz ás tu sitio para el visitante. Al entrar, el visitante verá un espacio para ingresar su nombre y un mensaje que dice "Hola, Fulano".
Copi á el siguiente código y pégalo donde quieras que aparezca el mensaje :
<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>
Atrás y Adelante:
Atrás:
<a href="javascript:history.go(-1)">Atrás </a>
Adelante:
<a href="javascript:history.go(1)">Adelante</a>
Imprimir pagina actual:
<a href="javascript:print()">Imprimir</a>
Cartel de novedades:
Este efecto te permite tener un cartel o letrero de mensajes incluyendo enlaces para tu sitio. Los mensajes van cruzando la pantalla como si fueran noticias; es un recurso excelente para destacar características especiales de tu sitio. Cada mensaje tendrá un enlace
Paso 1 : Copi á el siguiente código y p egalo en tu página :
<script language="JavaScript1.2">
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 1 aquí'>Coloca el texto del enlace 1 aquí</a></font></center>"
mensagens[1]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 2 aquí'>Coloca el texto del enlace 2 aquí</a></font></center>"
mensagens[2]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 3 aquí'>Coloca el texto del enlace 3 aquí</a></font></center>"
mensagens[3]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 4 aquí'>Coloca el texto del enlace 4 aquí</a></font></center>"
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
if (mensagens.length>1)
i=2
else
i=0
function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens[i])
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens[i])
tlayer2.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens[i]
if (i==mensagens.length-1)
i=0
else
i++
}
}
function iniciar(){
if (document.all){
mover3(primeiro2)
segundo2.style.top=altura
segundo2.style.visibility='visible'
}
else if (document.layers){
document.principal.visibility='show'
mover1(document.principal.document.primeiro)
document.principal.document.segundo.top=altura+5
document.principal.document.segundo.visibility='show'
}
}
</script>
<table width="150" border="1" cellspacing="1" cellpadding="0">
<tr>
<td>
<ilayer id="principal" width=&{largura}; height=&{altura}; bgColor=&{bgcolor}; background=&{fundo}; visibility=hide>
<layer id="primeiro" left=0 top=1 width=&{largura};>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[0])
</script>
</layer>
<layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[1])
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="principal2" style="position:relative;width:'+largura+';height:'+altura+';overflow:hiden;background-color:'+bgcolor+' ;background-image:url('+fundo+')">')
document.writeln('<div style="position:absolute;width:'+largura+';height:'+altura+';clip:rect(0 '+largura+' '+altura+' 0);left:0;top:0">')
document.writeln('<div id="primeiro2" style="position:absolute;width:'+largura+';left:0;top:1;">')
document.write(mensagens[0])
document.writeln('</div>')
document.writeln('<div id="segundo2" style="position:absolute;width:'+largura+';left:0;top:0;visibility:hidden">')
document.write(mensagens[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
iniciar()
</script>
</td>
</tr>
</table>>
Personalizando : Para cambiar el color de fondo o incluir una imagen de fondo, observa esta parte del código:
var largura=150
var altura=120
var bgcolor='white'
var fundo=''
Donde dice "white " p od és ingresar el valor hexadecimal del nuevo color; por ejemplo: #FFCC00
En "fondo " p od és colocar el nombre de la imagen de fondo del letrero; por ejemplo:
var largura=150
var altura=120
var bgcolor='white'
var fundo='Nombre del archivo de imagen'
Para incluir más mensajes en el letrero, observ á que el último mensaje aparece de la siguiente forma:
mensagens[4]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
Sólo tenés que agregar una unidad al número indicado al final del mensaje. Por ejemplo:
mensagens[5]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 5 aquí'>Coloca el texto del enlace 5 aquí</a></font></center>"
mensagens[6]="<center><font face='Arial' size=2><a href='Coloca la dirección de la página 6 aquí'>Coloca el texto del enlace 6 aquí</a></font></center>"
Seguí hasta llegar al número total de mensajes que desees incluir.
Barra de estado fija:
P od és colocar la palabra o el mensaje que quieras en la barra de estado de tu sitio y mantenerlo fijo. De esta forma tu sitio quedará mucho más personalizado, además de contar con otras ventajas. Por ejemplo: el visitante no verá la dirección del enlace al que está apuntando, sólo el mensaje definido por vos.
<Script language="JavaScript">
statuss();
function statuss()
{
window.status = " www.pauluk.8k.com - Un Sitio. Muchas Opciones. ";
setTimeout("statuss()", 1);
}
</script>
Hola amigos este codigo sirve para poner una camara de vigilancia en tu web
(poner el codigo en texto por debajo de la pagina)
este codigo sirve para poner una imagen de fondo a tu web solo ponla en (texto por debajo de la pagina) y la url de tu imagen donde lo indica .
este sirve para poner el juego de pacman ponlo donde quieras
este codigo sirve para que cada ves que algien entre a tu web aparesca una ventana con el texto que tu quieres solo ponlo en texto por encima de la pagina
</HEAD>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<BODY.....>
<body onLoad="var SymTmpWinOpen = window.open; window.open = SymWinOpen; alert('Bienvenido a la web. No olbides comentar y contestar la encuesta '); window.open = SymTmpWinOpen;">
Redireccionar una p
>Calcularora Para Tu Web
<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>
Tu Nombre En Japones
<script src="http://www.gmodules.com/ig/ifr? url=http://n.girasol.googlepages.com/nombre.xml&synd=open&w=160& h=270& ;title=Tu+Nombre+en+Japonés&border=#ffffff|0px,1px+solid +#99BB66 |0px,2px+solid+#AACC66|0px,2px +solid+ #BBDD66&output=js"> </script>
<table border="0" bgcolor="#FFCC66"> <tr> <td align="center"> <input type="button" value=" << " onclick="javascript:window.history.go(-1);"> <input type="button" value="Top" onclick="document.location='#top';"> <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td> </tr> </table>
Centrar La Web
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
Imprimir Pagina
Imprimir Página Web
<html> <body> <!-- Copiar dentro del tag BODY --> <SCRIPT LANGUAGE="JavaScript"> <!-- function imprimir() { if (window.print) window.print() else alert("Disculpe, su navegador no soporta esta opción."); } // --> </SCRIPT> <A HREF="javascript:imprimir()">Imprimir Página Web</A> </body> </html>
Cuadro De Texto
<textarea style="width:360px;height:58px;" rows="2" cols="34">AQUI ALGUN TEXTO</textarea>
Enlances llamativos:
<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.codespwg.es.tl" _fcksavedurl="http://www.codespwg.es.tl">Codigos html</a> <br> <a href="http://www.codespwg.es.tl/Noticias.htm" _fcksavedurl="http://www.codespwg.es.tl/Noticias.htm">Noticias</a><br> <a href="http://www.codespwg.es.tl/Encuesta.htm" _fcksavedurl="http://www.codespwg.es.tl/Encuesta.htm">Encuestas</a> <!-- Codes pwg. -->
Letras luminosas:
<span id="theText" style="width:100%"> <h3 align="center"><font color="#3a6ca3"><font size="+3">TU TEXTO AQUI</font> </font><font color="#666666"> <script> // ^-the text that will be displayed <!-- //can be edited from here var from = 5; //the animation start value var to = 11; //the animation end value var delay = 55; //the animation speed var glowColor = "red"; //the first color var glowColor2 = "orange"; //the second color var glowColor3 = "yellow"; //the third color var glowColor4 = "lime"; //4th color var glowColor5 = "blue"; //5th color var glowColor6 = "magenta"; //last color //no more editing var i = to; var j = 0; textPulseDown(); function textPulseUp() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown()',delay); return 0; } } function textPulseDown() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor2 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp2()',delay); return 0; } } //Copyright (c) 2001 Coyotee Labs Romania (www.coyoteelabs.go.ro) //This script can be used freely as long as all copyright messages are //intact. Visit WWW.COYOTEELABS.GO.RO for more scripts function textPulseUp2() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor3 + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp2()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown2()',delay); return 0; } } function textPulseDown2() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor4 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown2()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp3()',delay); return 0; } } function textPulseUp3() { if (!document.all) return if (i < to) { theText.style.filter = "Glow(Color=" + glowColor5 + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('textPulseUp3()',delay); return 0; } if (i = to) { theTimeout = setTimeout('textPulseDown3()',delay); return 0; } } function textPulseDown3() { if (!document.all) return if (i > from) { theText.style.filter = "Glow(Color=" + glowColor6 + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('textPulseDown3()',delay); return 0; } if (i = from) { theTimeout = setTimeout('textPulseUp()',delay); return 0; } } //--> </script></font></h3></span>
Texto intermitente:
<script language="JavaScript"> var estado=true; setTimeout("ver()",450); function ver (){ estado=!estado; if(estado==true) texto1.style.visibility="visible"; else texto1.style.visibility="hidden"; setTimeout("ver()",450); } </script><p align="center" id="texto1" style="visibility:visible"><font face="Arial, Helvetica, sans-serif size="3">Ejemplo de texto intermitente</font></p>
Texto que va apareciendo:
<script language="JavaScript"> var marqueewidth=350 var marqueeheight=20 var speed=5 var marqueecontents='<font face="Arial" size="3">Bienvenidos a Codes web</font>' if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } } window.onload=regenerate2 </script>
Pantalla completa:
<form> <input TYPE="BUTTON" NAME="BTN_FullScreen" VALUE="Modo pantalla completa" OnClick="window.open(document.location, 'big', 'fullscreen=yes')"> </form>
Boton con mensaje:
<html> <head> <script language="LiveScript"> function pushbutton() { alert("Hola!"); } </script> </head> <body> <form> <input type="button" name="Button1" value="Click" onclick_fckprotectedatt=" onclick="pushbutton()""> </form> </body> </html>
Efecto texto:
<h5><script language="JavaScript1.2"> var message="Bienvenidos a Codes web!" var neonbasecolor="white" var neontextcolor="yellow" var flashspeed=50 var n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') document.write('</font>') var tempref=document.all.neonlight } else document.write(message) function neon(){ if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } tempref[n].style.color=neontextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h5>
Texto con resplandor:
<style> <!-- #glowtext{ filter:glow(color=9999CC,strength=3); width:100%; } --> </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==3) document.all.glowtext[which].filters[0].strength=2 else document.all.glowtext[which].filters[0].strength=3 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script> <span id="glowtext">Codes web</span>
Reflejo de imagen en el agua:
<!-- Mas javascripts en http://www.codespwg.es.tl --> <center> <!--Change following image name to your own--> <img id="reflect" src="http://img525.imageshack.us/img525/2721/codeswebmy6.gif" _fcksavedurl="http://img525.imageshack.us/img525/2721/codeswebmy6.gif"><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>
Titulo cambiante:
<!-- Mas trucos en codespwg.es.tl --> <SCRIPT LANGUAGE="JavaScript"> var message = new Array(); // Set your messages below -- follow the pattern. // To add more messages, just add more elements to the array. message[0] = "www.codesweb.es.tl"; message[1] = "Codigos Html"; message[2] = "Encuestas"; message[3] = "Newsletter"; message[4] = "Libro de visitas"; message[5] = "Tutoriales"; message[6] = "... Todo y MUCHO mas GRATIS"; // Set the number of repetitions (how many times the arrow // cycle repeats with each message). var reps = 2; var speed = 200; // Set the overall speed (larger number = slower action). // DO NOT EDIT BELOW THIS LINE. var p = message.length; var T = ""; var C = 0; var mC = 0; var s = 0; var sT = null; if (reps < 1) reps = 1; function doTheThing() { T = message[mC]; A(); } function A() { s++; if (s > <img src="http://theme.webme.com/smiles/cool.gif" border="0"> { s = 1;} // you can fiddle with the patterns here... if (s == 1) { document.title = '||||||====||| '+T+' -----'; } if (s == 2) { document.title = '|||=|||===||| '+T+' -----'; } if (s == 3) { document.title = '|||==|||==||| '+T+' -----'; } if (s == 4) { document.title = '|||===|||=||| '+T+' -----'; } if (s == 5) { document.title = '|||====|||||| '+T+' -----'; } if (s == 6) { document.title = '|||===|||=||| '+T+' -----'; } if (s == 7) { document.title = '|||==|||==||| '+T+' -----'; } if (s == <img src="http://theme.webme.com/smiles/cool.gif" border="0"> { document.title = '|||=|||===||| '+T+' -----'; } if (C < (8 * reps)) { sT = setTimeout("A()", speed); C++; } else { C = 0; s = 0; mC++; if(mC > p - 1) mC = 0; sT = null; doTheThing(); } } doTheThing(); // End --> </script>
PROBADOR DE HTML
<script><br /> function probar(texto) {<br /> ventana = window.open('', 'popup', '');<br /> ventana.document.write(texto);<br /> }<br /> </script><br /> <form action="" name="probador"><br /> <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /><br /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /><br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font><br /> </form>
TABLA DE COLORES EN TU WEB
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>
FECHA EN TU SITIO
<script language="JavaScript"> <br /> <!-- <br /> mydate = new Date(); <br /> myday = mydate.getDay(); <br /> mymonth = mydate.getMonth(); <br /> myweekday= mydate.getDate(); <br /> weekday= myweekday; <br /> if(myday == 0) <br /> day = " Domingo, " <br /> else if(myday == 1) <br /> day = " Lunes, " <br /> else if(myday == 2) <br /> day = " Martes, " <br /> else if(myday == 3) <br /> day = " Miércoles, " <br /> else if(myday == 4) <br /> day = " Jueves, " <br /> else if(myday == 5) <br /> day = " Viernes, " <br /> else if(myday == 6) <br /> day = " Sábado, " <br /> if(mymonth == 0) <br /> month = "Enero " <br /> else if(mymonth ==1) <br /> month = "Febrero " <br /> else if(mymonth ==2) <br /> month = "Marzo " <br /> else if(mymonth ==3) <br /> month = "Abril " <br /> else if(mymonth ==4) <br /> month = "Mayo " <br /> else if(mymonth ==5) <br /> month = "Junio " <br /> else if(mymonth ==6) <br /> month = "Julio " <br /> else if(mymonth ==7) <br /> month = "Agosto " <br /> else if(mymonth ==8) <br /> month = "Setiembre " <br /> else if(mymonth ==9) <br /> month = "Octubre " <br /> else if(mymonth ==10) <br /> month = "Noviembre " <br /> else if(mymonth ==11) <br /> month = "Diciembre " <br /> document.write("<font face=arial, size=1>"+ day); <br /> document.write(myweekday+" de "+month+ "</font>"); <br /> // --> <br /> </script>
SALUDO SEGUN LA HORA DEL DIA
<Font size=2 face=arial><b> <br /> <Script Language="JavaScript"> <br /> <!-- <br /> today = new Date() <br /> if(today.getMinutes() < 10){ <br /> pad = "0"} <br /> else <br /> pad = ""; <br /> document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ <br /> document.write("¡Buen día!") <br /> } <br /> if((today.getHours() >=10) && (today.getHours() <=11)){ <br /> document.write("¡Buen día!") <br /> } <br /> if((today.getHours() >=12) && (today.getHours() <=19)){ <br /> document.write("¡Buenas tardes!") <br /> } <br /> if((today.getHours() >=20) && (today.getHours() <=23)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> if((today.getHours() >=0) && (today.getHours() <=3)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> if((today.getHours() >=4) && (today.getHours() <=5)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> // --> <br /> </script> <br /> </b></font>
TIEMPO RESTANTE PARA FINALIZAR EL DIA
<body> <p>Tiempo restante para finalizar el día</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"> <!-- var tiempoAtras; </font></p> <div align="center> </div> <p align=" style="color: rgb(0, 0, 0);" center=""><font face="Arial" size="1" color="#000000">updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); </font> <div align="center"><font face="Arial" size="1" color="#000000"> </font></div> <p align="center"><font face="Arial" size="1" color="#000000">tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; </font></p> <div align="center"><font face="Arial" size="1" color="#000000"> </font></div> <p align="center"><font face="Arial" size="1" color="#000000">document.Reloj.tiempo.value = tiempoAtras; </font></p> <div align="center"><font face="Arial" size="1" color="#000000"> </font></div> <p align="center"><font face="Arial" size="1" color="#000000">setTimeout("updateReloj()",1000); } //--> </script> </form> </body>
Redireccionar web
<HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://aqui la nueva direccion o pagina'; </SCRIPT> </HEAD> <BODY>
Transformar cursor en mira
<style type="text/css"> <!-- body { cursor: crosshair} --> </style>
Poner fecha en tu sitio
<script language="JavaScript"> <!-- mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Miércoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sábado, " if(mymonth == 0) month = "Enero " else if(mymonth ==1) month = "Febrero " else if(mymonth ==2) month = "Marzo " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Mayo " else if(mymonth ==5) month = "Junio " else if(mymonth ==6) month = "Julio " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setiembre " else if(mymonth ==9) month = "Octubre " else if(mymonth ==10) month = "Noviembre " else if(mymonth ==11) month = "Diciembre " document.write("<font face=arial, size=1>"+ day); document.write(myweekday+" de "+month+ "</font>"); // --> </script>
Agregar a favoritos
<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com', 'Pauluk Computacion')"><small><font size="1"> Agregar a favoritos</font></small></a
Quitar lineas de link
<Head> <style> <!--//A:link {text-decoration: none;}A:visited {text-decoration: none;}//--> </style> </Head>
Reloj que sigue al cursor
><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[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + 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[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + 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[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*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[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT>
Flash earth
<br /> <div align="center"><strong>Flash Earth</strong></div> <embed width="520" height="420" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.flashearth.com/flash_earth.swf" play="true" loop="true" menu="true"></embed><br /> <font face="Tahoma"><br /> Flash Earth es una aplicación en flash, que permite ver todo el mundo, con la calidad de los mejores satelites. Permite no solo usar los satelites de Google Earth, sino también de muchos otros institutos especializados.<br /> <br /> <strong>Instrucciones<br /> <br /> *Iniciar. </strong>Al iniciar te aparecerá un recuadro, haz clic donde dice "Flash Earth" o en el texto e inicia.<br /> <strong><br /> *Navegar. </strong>Puedes moverte dentro del mapa con los cursores (flechas del teclado) o haciendo clic en el mapa y arrastrandolo.<br /> <strong><br /> *Acercarse, alejarse. </strong>Solo mueve arroba o abajo el control derecho, entre mas arriba este, será mas cerca. ¡Animate e intenta buscar tu casa!<br /> <br /> <strong>*Cambiar satelite</strong>. En el panel derecho, haz clic en el que mas te agrade, cada uno de estos, es diferente a diferentes alturas.<br /> <br /> <strong>*Girar el mapa</strong>. Solo haz clic en la rosa de los vientos y girala, veráz como el mapa también gira.<br /> <br /> <strong>*Buscar un lugar.</strong> Tan solo haz clic en la caja de busqueda que dice, "search location" y escribe el lugar a donde quieres ir.<br /> <br /> <strong>*Saber tus coordenadas.</strong> Una vez que hayas encontrado el lugar que desees, revisa en la caja de busqueda tu altitud y longitus, así sabrás exáctamente donde estás.<br /> </font><FCK:hr width="100%" size="2" /> <div align="center"><strong>Gracias por visitarnos</strong></div>
El clima
<div align="center"><font face="Tahoma"><strong>Clima</strong></font><br /> <embed width="520" height="400" menu="true" loop="true" play="true" src="http://weather.eu.msn.com/f5/loader19.swf?mode=world&lang=ES_MX&continent=NorthAmerica&MXtype=m" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><br /> <br /> <div align="left"><strong><font face="Tahoma">Un clima muy fácil de usar.<br /> </font></strong><font face="Tahoma">Este es un flash del clima mundial muy preciso, este utiliza la tecnología de Foreca para brindar el clima mundial con tan solo algunos cuantos clic al programa.<br /> <br /> <strong>Instrucciones.<br /> </strong>Generalmente el programa se inicia en México, si vives ahí solo haz clic en la sección de México a la que perteneces y luego a tu ciudad.<br /> <br /> En caso de vivir en cualquier otra parte del mundo basta con oprimir el mapa que se encuentra arriba del logo de Foreca, en la esquina inferior izquierda del programa; así irás a América del Norta, si haces clic una vez más te aparecerá un mapa mundial, haz clic en la parte del mundo en que vives y despues en tu sección del lugar, yasí sucesivamente.</font></div> </div>
Chat
<strong>Aqui esta un chat online, podrán habla con muchas personas.</strong><br /> <embed width="540" height="400" align="middle" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#ffffff" name="chat" flashvars="id=11805665&gn=ultralatinos" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xat.com/update_flash.shtml"></embed> <small><a target="_BLANK" href="http://xatech.com/chat/room/11423374/" _fcksavedurl="http://xatech.com/chat/room/11423374/"><br /> </a></small> <div><br /> <font size="3" face="Tahoma"><strong>Notas:</strong><br /> La página no se hace responsable del conenido del chat.</font></div> <p> </p> <span style="font-weight: bold;" class="Title"> <p> </p> </span>
Fondo de web
<body background="AQUÍ COLOCA LA URL DE FONDO">
Musica de fondo
<div align="center"><embed src="URL DE LA PISTA" height="" type="text/plain; charset=UTF-8"></embed></div>
Agregar a inicio
<!-- Codigo para pagina e inicio --> <a href="#" _fcksavedurl="#" _fcksavedurl="#" onClick_fckprotectedatt_fckprotectedatt=" onClick_fckprotectedatt=" onClick=""this.style.behavior='url(#default#homepage)';this.setHomePage('http://codesweb.es.tl');return false"">Hacer pagina de inicio</a> <!-- Fin del codigo -->
Tabla de colores
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>
Saludo al visitante segun la hora
<Font size=2 face=arial><b> <Script Language="JavaScript"> <!-- today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("¡Buen día!") } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("¡Buen día!") } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("¡Buenas tardes!") } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("¡Buenas noches!") } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("¡Buenas noches!") } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("¡Buenas noches!") } // --> </script> </b></font>
Traductor de textos y web`s
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish1.js"></script> <noscript><a href="http://es.babelfish.yahoo.com">Yahoo! Babel Fish</a></noscript>
Traductor de web
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=es®ion=es"></script>
Reloj con la hora local y mundial
<!-- Relojes Gratis www.creatupropiaweb.com --> <iframe src="http://www.creatupropiaweb.com/recursos/relojes/reloj_8.htm" width="134" height="202" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" allowtransparency="true"></iframe>
Calendario
<!---- Inicio Código Calendario www.Crea tu propia Web.com ----><center><table border="0" cellpadding="0" cellspacing="0" width="163" height="300" background="http://www.creatupropiaweb.com/recursos/calendarios/cal_1.gif"> <tr> <td> <p align="center"><br> <br><br><br><br> <script language="JavaScript"> <!-- Begin var now = new Date(); var month_array = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); document.write("<form name=date_list><table bgcolor=BLACK><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=2007;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=BLACK border=0 cellspacing = 0 cellpading = 0 width=151><tr bgcolor=BLACK align=center>"); document.write("<td><font color=WHITE>L</font></td><td><font color=WHITE>M</td><td><font color=WHITE>Mi</td><td><font color=WHITE>J</td><td><font color=WHITE>V</td><td ><font color=WHITE>S</td><td ><font color=RED>D</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 = "RED";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 ="BLACK"; colum_name.style.color ="WHITE"; } } } 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></td> </tr> </table> </center> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="10"> <tr> <td> <p align="center"><a href="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com"><font size="1" color="#CEDDF4" face="Times New Roman">CTPW</font></a></td> </tr> </table> </center><!---- Final Código Calendario www.Crea tu Propia Web.com ---->
Menu desplegable
<form> <input type="button" onClick_fckprotectedatt=" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"" value="TEXTO DEL BOTON" /><select name="list"> <option value="QUI EL URL DE PA PAGINA" selected="selected"> NOMBRE DEL URL </option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> </select> </form>
Abrir ventana (popup)
<script language="JavaScript1.2"> function tremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); }}}} tremer(5) </script>
Este code lo publico
Nixoweb en el foro de PWG, aki se los traigo, sirve para estirar Ice blue a pantalla completa, pero antes
si tienes el codigo de centrar la web lo debes elimina r, y las imagenes de la parte central donde escribimos deben de ser de
641px de ancho , no de
568px como antes, asi me funciono a mi con esa medida:
Código:
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
PEGA EL CODE EN TEXTO POR ENCIMA DE LA PAGINA
Código de Web en Construcción
<style type="text/css">
<!--
body { visibility:hidden;
background-color:#FFFFFF;
background-image:url(http://www.cordoba-redes.com.ar/EnConstruccion.bmp);
background-repeat: no-repeat;
background-position: top; }
//-->
</style>
JavaScript
A continuación te dejamos una seria de codigos Javascript que pueden ser muy utilies para tu web, Disfrutalos!
Saludos dependiendo la hora del dia
Ejemplo:
Buenas tardes!
Codigo:
<Script Language="JavaScript"> today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("Buen da0021") } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("Buen da0021") } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("Buenas tardes!") } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("Buenas noches!") } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("Buenas noches!") } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("Buenas noches!") } </script>
Fuegos artificiales
Ejemplo:
No hay por el momento.
Codigo:
<script type="text/javascript"> var bits=100; var intensity=7; var speed=20; var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93"); var dx, xpos, ypos, bangheight; var Xpos=new Array(); var Ypos=new Array(); var dX=new Array(); var dY=new Array(); var decay=new Array(); var colour=0; var swide=800; var shigh=600; function write_fire() { var b, s; b=document.createElement("div"); s=b.style; s.position="absolute"; b.setAttribute("id", "bod"); document.body.appendChild(b); set_scroll(); set_width(); b.appendChild(div("lg", 3, 4)); b.appendChild(div("tg", 2, 3)); for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1)); } function div(id, w, h) { var d=document.createElement("div"); d.style.position="absolute"; d.style.overflow="hidden"; d.style.width=w+"px"; d.style.height=h+"px"; d.setAttribute("id", id); return (d); } function bang() { var i, X, Y, Z, A=0; for (i=0; i<bits; i++) { X=Math.round(Xpos[i]); Y=Math.round(Ypos[i]); Z=document.getElementById("bg"+i).style; if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) { Z.left=X+"px"; Z.top=Y+"px"; } if ((decay[i]-=1)>14) { Z.width="3px"; Z.height="3px"; } else if (decay[i]>7) { Z.width="2px"; Z.height="2px"; } else if (decay[i]>3) { Z.width="1px"; Z.height="1px"; } else if (++A) Z.visibility="hidden"; Xpos[i]+=dX[i]; Ypos[i]+=(dY[i]+=1.25/intensity); } if (A!=bits) setTimeout("bang()", speed); } function stepthrough() { var i, Z; var oldx=xpos; var oldy=ypos; xpos+=dx; ypos-=4; if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) { for (i=0; i<bits; i++) { Xpos[i]=xpos; Ypos[i]=ypos; dY[i]=(Math.random()-0.5)*intensity; dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25; decay[i]=Math.floor((Math.random()*16)+16); Z=document.getElementById("bg"+i).style; Z.backgroundColor=colours[colour]; Z.visibility="visible"; } bang(); launch(); } document.getElementById("lg").style.left=xpos+"px"; document.getElementById("lg").style.top=ypos+"px"; document.getElementById("tg").style.left=oldx+"px"; document.getElementById("tg").style.top=oldy+"px"; } function launch() { colour=Math.floor(Math.random()*colours.length); xpos=Math.round((0.5+Math.random())*swide*0.5); ypos=shigh-5; dx=(Math.random()-0.5)*4; bangheight=Math.round((0.5+Math.random())*shigh*0.4); document.getElementById("lg").style.backgroundColor=colours[colour]; document.getElementById("tg").style.backgroundColor=colours[colour]; } window.onscroll=set_scroll; function set_scroll() { var sleft, sdown; if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } var s=document.getElementById("bod").style; s.top=sdown+"px"; s.left=sleft+"px"; } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } window.onload=function() { if (document.getElementById) { set_width(); write_fire(); launch(); setInterval('stepthrough()', speed); }} </script>
Fecha en tu web
Ejemplo:
<b> Mir0063oles, 31 de Agosto. </b><b> Sb0061do, 2 de Enero. </b> Martes, 6 de Octubre.
Codigo:
<script language="JavaScript"> mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Mir0063oles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sb0061do, " if(mymonth == 0) month = "Enero. " else if(mymonth ==1) month = "Febrero. " else if(mymonth ==2) month = "Marzo. " else if(mymonth ==3) month = "Abril. " else if(mymonth ==4) month = "Mayo. " else if(mymonth ==5) month = "Junio. " else if(mymonth ==6) month = "Julio. " else if(mymonth ==7) month = "Agosto. " else if(mymonth ==8) month = "Setiembre. " else if(mymonth ==9) month = "Octubre. " else if(mymonth ==10) month = "Noviembre. " else if(mymonth ==11) month = "Diciembre. " document.write("<b>"+ day); document.write(myweekday+" de "+month+ "</b>"); </script>
JavaScript:
Botones para navegar:
Ejemplo:
Codigo:
<table border="0" bgcolor="#FFCC66"> <tr> <td align="center"> <input type="button" value=" << " onclick_fckprotectedatt=" onclick="javascript:window.history.go(-1);""> <input type="button" value="Subir" onclick_fckprotectedatt=" onclick="document.location='#top';""> <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td> </tr> </table>
Probador codigos HTML
Ejemplo:
Inserta el codigo y haz click en "Convertir"
Codigo:
<textarea rows="8" cols="50">
<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="probador">
<font face="Verdana" size="2">Inserta el codigo y haz click en "Convertir"<br>
</font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
</font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>
</textarea>
Insertar una Pop up (ventana emergente)
Codigo:
<script language='JavaScript'>window.open('http://www.templatesfree.es.tl', 'geoflotante', '');</script>
PD: Donde esta la dirección de nuestra web colocas la que quieres que se habra!
Esfera en la Web
Para hacer esto haz lo Siguiente:
Siempre debemos tomar en cuenta el Code Principal:
Código:
<div class="widget-content"><object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="640" height="300" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
Luego Sigue la serie de Links:
Código:
<a dir='ltr' href='http://team-ayudamaster.es.tl/Dise%F1os-CSS_Design.htm' style='14'>CSS-Design</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Afiliados-.-.htm' style='14'>Afiliados</a>
<a dir='ltr' href='http://team-ayudamaster.es.tl/BB_Code.htm' style='14'>BB-Code</a>
<a dir='ltr' href=' httphttp://team-ayudamaster.es.tl/Dise%F1os-Iceblue.htm' style='14'>Iceblue</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/mensaje-con-lupa.htm' style='14'>Texto con lupa</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/afiliate.htm' style='14'>Afiliate</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Video-Tutoriales-.-.htm' style='14'>Video Tutoriales</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/PWG.htm' style='14'>Internos</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Otros.htm' style='14'>Externos</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Reglas-CGC.htm' style='14'>Normas del Servicio</a>
Pero estos son con la etiqueta dir='ltr'
Ahora solo queda Finalizar el Elemento SWF:
Código:
</tags>" />
<p>Esfera compresora de Links BY <a href='http://team-ayudamaster.es.tl/'>Team-AyudaMaster</a></p>
</object></div>
Para armarlo debemos colocar los links en la 2º parte:
Lo que esta en Azul es la URL.
Lo que esta en Rojo es el NOMBRE DEL LINK.
Luego que tengamos todo los Links listos debemos completar todo el Code, este quedaria haci Finalmente:
Código:
<div class="widget-content"><object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="640" height="300" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#FFFFFF" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<a dir='ltr' href='http://team-ayudamaster.es.tl/Dise%F1os-CSS_Design.htm' style='14'>CSS-Design</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Afiliados-.-.htm' style='14'>Afiliados</a>
<a dir='ltr' href='http://team-ayudamaster.es.tl/BB_Code.htm' style='14'>BB-Code</a>
<a dir='ltr' href=' httphttp://team-ayudamaster.es.tl/Dise%F1os-Iceblue.htm' style='14'>Iceblue</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/mensaje-con-lupa.htm' style='14'>Texto con lupa</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/afiliate.htm' style='14'>Afiliate</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Video-Tutoriales-.-.htm' style='14'>Video Tutoriales</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/PWG.htm' style='14'>Internos</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Otros.htm' style='14'>Externos</a>
<a dir='ltr' href=' http://team-ayudamaster.es.tl/Reglas-CGC.htm' style='14'>Normas del Servicio</a>
</tags>" />
<p>Esfera compresora de Links BY <a href='http://team-ayudamaster.es.tl/'>Team-AyudaMaster</a></p>
</object></div>
No cambiar nada de este code ni siquiera el color ni borra los creditos de team-ayudamaster.es.tl
Crea tu favicon
Instrucciones:
Haz click en "examinar" y busca la imagen que quieres que aparesca identificando tu pagina.
Haz click en "create icon" y listo haz click en descargar imagen "dowload image" y luego subela a un servidor como por ej.
www.fileden.com
Y luego pon la url de la imagen dentro de este codigo!
<link rel="shortcut icon" href="URL DEL LA IMAGEN">
Y luego lo pegas en cualquier box!
Generador de iframes
codigo iframe:
GENERADORES DE CSS
color de link
color de link al poner el mouse
Fondo:
[Ver Imagen]
Encabezado:
[Ver Imagen]
Largo:
Ancho:
Color del texto
Boton
Prime vista del boton
[Ver Imagen]
Largo:
Ancho:
Color del texto
Segunda vista del boton
Largo:
Ancho:
Color del texto
Fondo del menu
[Ver Imagen]
Largo:
Ancho:
Color del texto
Fondo del contenido
[Ver Imagen]
Largo:
Ancho:
Color del texto
fondo del box de la derecha
[Ver Imagen]
Largo:
Ancho:
Color del texto
Pie de pagina
[Ver Imagen]
Largo:
Ancho:
Color del texto
Agrega este generador a tu web:
<form action="http://bloghost.webcindario.com/gen/css.php" method="post"><br /><strong>color de link<br /></strong><br /><input name="a" value="#ffffff" size="10" type="text"><br /><br /><strong>color de link al poner el mouse</strong><br /><br /><input name="hover" value="#ffffff" type="text" style="font-size:10;"><br /><br /><strong><span style="color: rgb(255, 0, 0);font-size:180%;">Fondo:</span><br /></strong><br /><img src="http://img122.imageshack.us/img122/5034/haloooooooooookp1.jpg" border="1" width="100" /><br /><a href="http://img122.imageshack.us/img122/5034/haloooooooooookp1.jpg" rel="lightbox">[Ver Imagen]</a><br /><br /><input name="fondo" value=" url de fondo de la pagina" type="text" style="font-size:35;"><br /><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><b>Encabezado:</b></span><br /><br /><img src="http://www.generadores.webcindario.com/css/images/header.jpg" width="100" /><br /><a href="http://www.generadores.webcindario.com/css/images/header.jpg" rel="lightbox">[Ver Imagen]</a><br /><br /><input name="encabezado" value="url del encabezado" size="35" type="text"><br /><br /><br /><b>Largo:</b><br /><br /><input name="largo1" value="980" size="10" type="text"><br /><br /><br /><b>Ancho:</b><br /><br /><input name="ancho1" value="291" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto1" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><span style="font-weight: bold;">Boton</span></span><br /><br /><strong><span style="color: rgb(255, 0, 0);font-size:180%;"><span style="color: rgb(51, 51, 255);font-size:130%;">Prime vista del boton</span><br /></span><br /></strong><img src="http://www.generadores.webcindario.com/css/images/boton.jpg" alt="" width="50" /><br /><a href="http://www.generadores.webcindario.com/css/images/boton.jpg" rel="lightbox">[Ver Imagen]</a><br /><br /><input name="boton1" value="url primer vista del boton" size="35" type="text"><br /><br /><b>Largo:</b><br /><br /><input name="largo2" value="150" size="10" type="text"><br /><br /><b>Ancho:</b><br /><br /><input name="ancho2" value="25" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto2" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(51, 51, 255);font-size:130%;"><b>Segunda vista del boton</b></span><br /><br /><input name="boton2" value="url segunda vista del boton" size="35" type="text"><br /><br /><b>Largo:</b><br /><br /><input name="largo3" value="150" size="10" type="text"><br /><br /><b>Ancho:</b><br /><br /><input name="ancho3" value="25" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto3" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><strong>Fondo del menu</strong></span><br /><br /><img src="http://www.generadores.webcindario.com/css/images/fondmenu.jpg" alt="" width="50" /><br /><a href="http://www.generadores.webcindario.com/css/images/fondmenu.jpg" rel="lightbox">[Ver Imagen]</a><br /><br /><input name="fmenu" value="url fondo debajo del menu" size="35" type="text"><br /><br /><b>Largo:</b><br /><br /><input name="largo4" value="155" size="10" type="text"><br /><br /><b>Ancho:</b><br /><br /><input name="ancho4" value="1000" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto4" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><b>Fondo del contenido</b></span><br /><br /><img src="http://www.generadores.webcindario.com/css/images/contenido.jpg" alt="" width="50" /><br /><a href="http://www.generadores.webcindario.com/css/images/contenido.jpg" rel="lightbox">[Ver Imagen]</a><br /><br /><input name="fcontenido" value="url fondo del contenido" size="35" type="text"><br /><br /><b>Largo:</b><br /><br /><input name="largo5" value="570" size="10" type="text"><br /><br /><b>Ancho:</b><br /><br /><input name="ancho5" value="1500" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto5" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><strong>fondo del box de la derecha</strong></span><br /><br /><img src="http://www.generadores.webcindario.com/css/images/fondbox.jpg" alt="" width="50" /><br /><a href="http://www.generadores.webcindario.com/css/images/fondbox.jpg" rel="lightbox">[Ver Imagen]</a><br /><br /><input name="fbox" value="url fondo del box" size="35" type="text"><br /><b><br />Largo:</b><br /><br /><input name="largo6" value="189" size="10" type="text"><br /><b><br />Ancho:</b><br /><br /><input name="ancho6" value="1500" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto6" value="#ffffff" type="text" style="font-size:10;"><br /><br /><span style="color: rgb(255, 0, 0);font-size:180%;"><b>Pie de pagina</b></span><br /><br /><img src="http://www.generadores.webcindario.com/css/images/piepagina.jpg" alt="" width="100" /><br /><a href="http://www.generadores.webcindario.com/css/images/piepagina.jpg%20rel=" lightbox="">[Ver Imagen]</a><br /><br /><input name="piepagina" value="url de la parte inferior" size="35" type="text"><br /><b><br />Largo:</b><br /><br /><input name="largo7" value="950" size="10" type="text"><br /><br /><b>Ancho:</b><br /><br /><input name="ancho7" value="10" size="10" type="text"><br /><br /><b>Color del texto</b><br /><br /><input name="texto7" value="#ffffff" size="10" type="text"><br /><br /><input name="set" value="Crear" type="submit"><input value="Reset" type="reset"></form><br /><p></p>
form name="form1" method="post" action="http://www.bloghost.webcindario.com/banderas/ban.php">
1-Elegi tu bandera .
2-Texto por debajo de la imagen
Nombre:
Url:
Anchura :
Altura :
Bordes :
yes
no
Barra de desplasamiento :
auto
yes
no
Colores
Instrucciones:
- Haz click en el color que quieres y abajo apecera el numero.
Colores hexadecimales avanzados
Mover el resbalador vertical y elegir el color y después clickear en el cuadrado de color en la izquierda para coseguir el color hexadecimal deseado.
¿Cómo utilizar los códigos de color?
Con los códigos de color puedes fijar el color del fondo del Web site, el color de fuentes, las células en tablas y mucho más.
Usar los códigos de color para el color del fondo del Web site:
Usando los códigos de color para fijar color de la fuente:
Usar los códigos de color para el color del fondo de la tabla:
<table bgcolor="#80BFFF">
Usar el código de color para el color del acoplamiento:
<a style="color:#80BFFF">
SUBE TUS IMAGENES ( SACAR EL URL)
Imageshack Upload
cada vez que entren asu pagina el usuario vera un flash diferente esta muy sencillo el codigo si tienen dudas publiquenlo en este mismo post..
es un codigo java script aki esta:
Código:
<script language="Javascript" type="text/Javascript">
var url_archivo = new Array()
url_archivo[1] = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="200"><PARAM NAME=movie VALUE="XXXXXXXXX"> <param name="quality" value="high"><embed src="XXXXXX" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="200"></embed></OBJECT>'
url_archivo[2] = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="200"><PARAM NAME=movie VALUE="XXXXXXXXX"> <param name="quality" value="high"><embed src="XXXXXXXXX" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="200"></embed></OBJECT>'
var rn = Math.floor(Math.random() * url_archivo.length)
if (rn == 0) {
rn = 1
}
document.write(url_archivo[rn])
</script>
Solo cambien las XXXXX por la url del flash y tmbien le puden indicar el alto y el ancho en laparte que dise height y width y para agregar mas flash al code solamente ponen
Código:
url_archivo[3] = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="200"><PARAM NAME=movie VALUE="XXXXXXXXX"> <param name="quality" value="high"><embed src="XXXXXXXXX" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="200"></embed></OBJECT>
<
Scripts para Tu Web
PANTALLA QUE CAMBIA DE COLOR
<HEAD> <script language="JavaScript"> <!-- //aqui modificas el color del efecto r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2||c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)||c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } if (document.all) setTimeout('disco()',50) } //--> </script> <body onload="disco()">
CURSOR CON LETRAS (BODY)
<script language="JavaScript"><!-- <!-- Begin if (document.all) { //Things you can alter yourLogo = "Gracias por tu visita -"; //Not less than 2 letters! logoFont = "Arial"; logoColor = "#FF0000"; //Nothing needs altering below! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End // --></script>
ALERTA CUANDO A CARGADO LA PAGINA
<script> window.alert("Bienvenido a mi sitio web. Gracias...") </script>
RELOJ QUE PERSIGUE AL CURSOR (ETIQUETA BODY)
<SCRIPT language=JavaScript> dCol='ffffff';//date colour. fCol='00ffff';//face colour. sCol='ffffff';//seconds colour. mCol='ccff00';//minutes colour. hCol='ffff00';//hours colour. ClockHeight=40; ClockWidth=40; 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[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + 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[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + 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[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*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[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT>
EFECTO LLUVIA DE LA PAGINA ANTERIOR (BODY)
<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>
ESTE PROBARLO XQUE NO SE COMO CATALOGARLO (BODY)
<div align=center style="width:75%;filter:glow(color=silver,strength=45);font-family:verdana bold;color:white"><marquee direction=right><marquee bgcolor=blue>Aqui el texto a poner</marquee></marquee></div>
EFECTO DE TEXTO DISTORSIONADO (BODY)
<DIV STYLE="width:450;height:70;filter:wave(strength=3,freq=9,lightstrength=45,add=0,phase=20)"> <font size=7 color=blue><b>http://Dursula.com</b></font></DIV>
-AreaAlien
pegalo en "texto por encima de la pagina"
<div id="Design"> <div id="Header_oben"></div>
pegalo en "texto despues de la pagina "
<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <cin class="18"> </cin>
pegalo en "Css-Code ohne Style-Tags" !
div.header{position:absolute; left: 180px; top: 160px; color: #FFFFFF; z-index: 1; } li.nav_element{list-style-type: none;} cin.18{display:block;} #Header_oben { height: 264px; width: 1000px; background:; background-image:url(http://img139.imageshack.us/img139/731/55441rw0.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:15px;} body {background-image:url(https://img.webme.com/pic/c/chappi18/backroundalien2.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 600px; } #nav_container { width: 178px; height: 248px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:12px;top:307px;} #Nav_hinten{ width: 163px; height: 290px; background:; background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:10px;top:285px;} #content { height: 248px; width: 547px; background:; background-image: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:190px;top:308px;} #content_2 { height: 290px; width: 525px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:193px;top:285px;} #sidebar_container { height: 270px; width: 135px; background:; background-image: none; color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:833px;top:295px;} #Feld_oben { width: 632px; height: 30px; background-image:url(http://img136.imageshack.us/img136/2664/feldoben4hp8.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:235px;} #Feld_unten-2 { width: 632px; height: 25px; background-image:url(http://img403.imageshack.us/img403/4277/feldoben41pw7.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:596px;} #Feld_rechts_3{ width: 54px; height:270px; background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; z-index: 4; position:absolute;left:738px;top:296px;} #Feld_rechts_5 { height: 335px; width: 142px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:830px;top:260px;} #Feld_rechts_6{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:312px;} #Feld_rechts_7{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:542px;} #counter{ position:absolute; left: 75px; top: 600px; z-index: 1; color: #FFFFFF; }
-AreaAnime
pegalo en "texto por encima de la pagina"
<div id="Design"> <div id="Header_oben"></div>
pegalo en "texto por debajo de la pagina "
<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <cin class="18"> </cin>
pegalo en "Css-Code ohne Style-Tags" !
div.header{position:absolute; left: 180px; top: 160px; color: #FFFFFF; z-index: 1; } li.nav_element{list-style-type: none;} cin.18{display:block;} #Header_oben { height: 264px; width: 1000px; background:; background-image:url(http://img132.imageshack.us/img132/5015/unbenannt545pg3.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:10px;} body {background-image:url(https://img.webme.com/pic/p/probieren4/backroundalien2-pink.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 600px; } #nav_container { width: 178px; height: 248px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:12px;top:307px;} #Nav_hinten{ width: 163px; height: 290px; background:; background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:10px;top:285px;} #content { height: 248px; width: 537px; background:; background-image: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:200px;top:308px;} #content_2 { height: 290px; width: 525px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:193px;top:285px;} #sidebar_container { height: 270px; width: 135px; background:; background-image: none; color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:833px;top:295px;} #Feld_oben { width: 632px; height: 30px; background-image:url(http://img89.imageshack.us/img89/6557/feldoben4pinkws2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:235px;} #Feld_unten-2 { width: 632px; height: 25px; background-image:url(http://img233.imageshack.us/img233/4105/feldoben41pinkov1.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:596px;} #Feld_rechts_3{ width: 54px; height:270px; background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; z-index: 4; position:absolute;left:738px;top:296px;} #Feld_rechts_5 { height: 335px; width: 142px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:830px;top:260px;} #Feld_rechts_6{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:312px;} #Feld_rechts_7{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:542px;} #counter{ position:absolute; left: 75px; top: 600px; z-index: 1; color: #FFFFFF; }
- Shadow
pegalo en "texto por encima de la pagina"
<div id="Design"> <div id="Header_oben"></div>
pegalo en "texto por debajo de la pagina"
<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div>
pegalo en "Css-Code ohne Style-Tags" !
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 130px; width: 768px; background:; background-image:url(http://img222.imageshack.us/img222/9465/unbenannt1111my6.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:100px;top:40px;} body {background-image:url(http://img222.imageshack.us/img222/5969/unbenannt121kp8.png);} a{color#00000; font-size: 15px; text-decoration: none;} a:hover {color: #00000; font-size: 15px; text-decoration: none;} a:link {color: #00000; font-size: 15px; text-decoration: none;} a:active {color: #00000; font-size: 15px; text-decoration: none;} a:visited {color: #00000; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 5px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 700px; } #nav_container { width: 166px; height: 253px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:678px;top:323px;} #Nav_hinten{ width: 168px; height: 260px; background:; background-image:url(http://img221.imageshack.us/img221/6103/unbenannt110xh8.png); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:680px;top:320px;} #content { height: 406px; width: 556px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:100px;top:172px;} #content_2 { height: 410px; width: 560px; background:; background-image:url(http://img211.imageshack.us/img211/2329/unbenannt7bh1.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:100px;top:170px;} #sidebar_container { height: 125px; width: 166px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:678px;top:171px;} #Feld_oben { width: 748px; height: 15px; background-image:url(http://img514.imageshack.us/img514/2909/unbenannt151ny1.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:100px;top:600px;} #Feld_rechts_5 { height: 130px; width: 168px; background:; background-image:url(http://img514.imageshack.us/img514/9417/unbenannt100zj2.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:680px;top:170px;} #counter{ position:absolute; left: 350px; top: 605px; z-index: 1; color: #ffffff; }
-P!NK
pegalo en texto por encima de la pagina
<div id="Design"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<div id="Feld_unten"><b> </b></div></div>
pegalo en "Css-Code ohne Style-Tags" !
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 220px; width: 677px; background:; background-image:url(http://img410.imageshack.us/img410/6831/unbenannt3ef9.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:284px;top:40px;} body {background-image:url(https://img.webme.com/pic/p/probieren2/hintergrund3.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 90px; height: 340px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:284px;top:270px;} #content { height: 340px; width: 540px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:399px;top:270px;} #sidebar_container { height: 570px; width: 214px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:45px;top:40px;} #counter{display: none;}
-Wii
pegalo en texto por encima de la pagina
<div id="Design"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<div id="Feld_unten"><b> </b></div></div>
pegalo en "Css-Code ohne Style-Tags" !
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 180px; width: 915px; background: ; background-image:url(http://img508.imageshack.us/img508/8569/unbenannt2eq9.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:45px;top:50px;} body {background-image:url(http://img158.imageshack.us/img158/2742/dsnewsupermariobroswallnq9.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img167.imageshack.us/img167/8425/unbenannt7dr9.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image: none; background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 90px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:284px;top:240px;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:399px;top:240px;} #sidebar_container { height: 340px; width: 214px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:45px;top:240px;} #counter{display: none;}
- Bioshock
pegalo en texto por encima de la pagina
<div id="Design"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<div id="Feld_unten"><b> </b></div></div>
pegalo en "Css-Code ohne Style-Tags" !
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img530.imageshack.us/img530/1357/unbenannt1ej6.jpg); color: #EBB000; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} body {background-image:url(http://img183.imageshack.us/img183/5760/bioshockfairground1bn5.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 148px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 892px; background: #000000; color: ffffff; clear: both; border: 1px solid #EBB000; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}
-F.E.A.R.
pegalo en texto por encima de la pagina
<div id="Design04"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<div id="Feld_unten"><b> </b></div></div>
pegalo en"Css-Code ohne Style-Tags" !
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img443.imageshack.us/img443/4932/unbenannt13ov1.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img337.imageshack.us/img337/24/unbenannt2by8.jpg); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}
-World of Warcraft
pegalo en texto por encima de la pagina
<div id="Design04"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<div id="Feld_unten"><b> </b></div></div>
pegalo en"Css-Code ohne Style-Tags" !
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img514.imageshack.us/img514/7223/backriund2zv4.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img514.imageshack.us/img514/1410/nav1ee9.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img521.imageshack.us/img521/9996/nav2cl4.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 180px; width: 915px; background: ; background-image:url(http://img119.imageshack.us/img119/9237/headerry8.jpg); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img514.imageshack.us/img514/390/unbenannt16ja7.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}
- Halo
pegalo en texto por encima de la pagina
<div id="Design04"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<div id="Feld_unten"><b> </b></div></div>
pegalo en"Css-Code ohne Style-T
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img524.imageshack.us/img524/5372/wallpaperhalo21310241fa5.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#000000; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img48.imageshack.us/img48/6691/unbenannt2ji5.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img261.imageshack.us/img261/7880/unbenannt15ew1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}
-Ratchet and Clank
pegalo en texto por encima de la pagina
<span> </span><div id="Design04"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<span> </span><div id="Feld_unten"><b> </b></div></div>
pegalo en"Css Code ohne Style-Tags" !
<span> </span>h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img504.imageshack.us/img504/626/wallpaperratchetandclanfq8.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#000000; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img181.imageshack.us/img181/592/ratchetheader1ge0.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}
-Resident Evil
pegalo en texto por encima de la pagina
<div id="Design04"> <div id="Header_oben"></div>
pegalo en texto por debajo de la pagina
<span> </span><div id="Feld_unten"><b> </b></div></div>
pegalo en"Css Code ohne Style-Tags" !
<span> </span>h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img136.imageshack.us/img136/9792/residentevil4b023as2.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#C0C0C0; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#C0C0C0; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img299.imageshack.us/img299/7454/header3fy5.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 150px; height: 340px; background: ; background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 160px; background: ; background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}
INSTRUCIONES:COPIA EL CODIGO Y PEGALO EN CUALQUIER BOX O
CUADRADO DE LOS QUE HAY A LA DERECHA DE TU PAGINA.
Y EMPIEZA A DISFRUTAR DE TU DISEÑO
Estas plantillas han sido donadas por chappi18.de.tl
Con el consentimiento de su dueño y creador
-STARGATE
(Bild anklicken zum Vergrössern)
(das (c) by www.Chappi18.de.tl ist im Design nicht enthalten.!!!)
Code:
</style> <style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img174.imageshack.us/img174/9738/header0eg8.jpg);background-color:;height:250px;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image: none;background-attachment: fixed;background-color:#000000;} td.nav{background-image:url(http://img174.imageshack.us/img174/9086/nav1hp8.jpg);height:25px;} td.nav:hover{background-image: url(http://img174.imageshack.us/img174/1267/nav2jn4.gif);height:25px;} td.nav_heading{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#000000;} td.edit_content_top{background-image:url(http://img160.imageshack.us/img160/4067/condenttopzs2.jpg);background-color:;} td.edit_content{background-image:url(http://img239.imageshack.us/img239/4426/condent1nh9.jpg);background-color:;} td.edit_content_bottom{background-image:url(http://img239.imageshack.us/img239/6789/condentbottomwg3.jpg);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(http://img524.imageshack.us/img524/5267/rechtebox1jo6wi3.jpg);background-color:;} td.shouty2{background-image:url(http://img524.imageshack.us/img524/5267/rechtebox1jo6wi3.jpg);background-color:#000000;} td.shouty3{background-image:url(http://img524.imageshack.us/img524/5267/rechtebox1jo6wi3.jpg);background-color:;} td.shouty4{background-image:url(http://img524.imageshack.us/img524/5267/rechtebox1jo6wi3.jpg);background-color:;} td.shouty5{background-image:url(http://img524.imageshack.us/img524/5267/rechtebox1jo6wi3.jpg);background-color:;} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://img513.imageshack.us/img513/6910/rbfooterpj4.jpg);background-color:;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img239.imageshack.us/img239/2411/condentbottom2ai2.jpg);background-color:#000000;} --> </style>
-Metal Gear
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(https://img.webme.com/pic/p/probieren4/metalgear-header0.jpg);background-color:;height:200px;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image: none;background-attachment: fixed;background-color:#121828;} td.nav{background-image:url(http://img299.imageshack.us/img299/8752/nav1cy4.jpg);height:25px;} td.nav:hover{background-image: url(http://img20.imageshack.us/img20/1796/navgifkc6.gif);height:25px;} td.nav_heading{background-image:url(http://img267.imageshack.us/img267/1686/navheadingtn4.jpg);background-color:;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://img362.imageshack.us/img362/9083/sidebarheadingdr2.jpg);background-color:;} td.edit_content_top{background-image:url(http://img510.imageshack.us/img510/6097/condenttop1ag6.jpg);background-color:;} td.edit_content{background-image:url(http://img463.imageshack.us/img463/2292/condent2qw6.jpg);background-color:;} td.edit_content_bottom{background-image:url(http://img103.imageshack.us/img103/8712/condentbottom2ne8.jpg);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(http://img265.imageshack.us/img265/898/rechteboxyk9.jpg);background-color:;} td.shouty2{background-image:url(http://img265.imageshack.us/img265/898/rechteboxyk9.jpg);background-color:#000000;} td.shouty3{background-image:url(http://img265.imageshack.us/img265/898/rechteboxyk9.jpg);background-color:;} td.shouty4{background-image:url(http://img265.imageshack.us/img265/898/rechteboxyk9.jpg);background-color:;} td.shouty5{background-image:url(http://img265.imageshack.us/img265/898/rechteboxyk9.jpg);background-color:;} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://img520.imageshack.us/img520/1917/rbfooter1qn5.jpg);background-color:;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img510.imageshack.us/img510/4241/condentbottom3ba3.jpg);background-color:#121828;} --> </style>
-BlackSite
Code:
Normal:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img520.imageshack.us/img520/1007/unbenannt3xo4.jpg);background-color:;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image: none;background-attachment: fixed;background-color:#000000;} td.nav{background-image:url(http://img408.imageshack.us/img408/1613/nav3qe0.jpg);} td.nav:hover{background-image: url(http://img45.imageshack.us/img45/8417/nav2tl6.gif);} td.nav_heading{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#000000;} td.edit_content_top{background-image:url(http://img408.imageshack.us/img408/9618/condenttop4ki5.jpg);background-color:;} td.edit_content{background-image:url(http://img408.imageshack.us/img408/1378/condent5yt3.jpg);background-color:;} td.edit_content_bottom{background-image:url(http://img408.imageshack.us/img408/7729/condentbottom4dl8.jpg);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.shouty2{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:#000000;} td.shouty3{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.shouty4{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.shouty5{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://img201.imageshack.us/img201/79/rbfooter1hh2.jpg);background-color:#000000;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img456.imageshack.us/img456/9500/condentbottom4hoverdj0.jpg);background-color:;} --> </style>
AnimierterHeader:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img260.imageshack.us/img260/9371/header55uu7.gif);background-color:;} td.headline2{visibility:hidden;} body{background-image: none;background-attachment: fixed;background-color:#000000;} td.nav{background-image:url(http://img408.imageshack.us/img408/1613/nav3qe0.jpg);} td.nav:hover{background-image: url(http://img45.imageshack.us/img45/8417/nav2tl6.gif);} td.nav_heading{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#000000;} td.edit_content_top{background-image:url(http://img408.imageshack.us/img408/9618/condenttop4ki5.jpg);background-color:;} td.edit_content{background-image:url(http://img408.imageshack.us/img408/1378/condent5yt3.jpg);background-color:;} td.edit_content_bottom{background-image:url(http://img408.imageshack.us/img408/7729/condentbottom4dl8.jpg);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.shouty2{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:#000000;} td.shouty3{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.shouty4{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.shouty5{background-image:url(http://img456.imageshack.us/img456/2774/rechtebox1jq2.jpg);background-color:;} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://img201.imageshack.us/img201/79/rbfooter1hh2.jpg);background-color:#000000;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img456.imageshack.us/img456/9500/condentbottom4hoverdj0.jpg);background-color:;} --> </style>
-Dragonball Z
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img120.imageshack.us/img120/7308/dbzheadergifqp3.gif);background-color:;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(http://img122.imageshack.us/img122/3815/backround3ym2.jpg);background-attachment: fixed;background-color:#FF4000;} td.nav{background-image:url(http://img186.imageshack.us/img186/9899/nav1bb6.jpg);} td.nav:hover{background-image: url(http://img186.imageshack.us/img186/6092/nav2ou5.jpg);} td.nav_heading{background-image:url(http://img149.imageshack.us/img149/9068/sidbarheadingferitgav3.jpg);background-color:;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://img149.imageshack.us/img149/9068/sidbarheadingferitgav3.jpg);background-color:;} td.edit_content_top{background-image:url(http://img149.imageshack.us/img149/8972/contendtop3vo7.jpg);background-color:;} td.edit_content{background-image:url(http://img57.imageshack.us/img57/7651/contend12co8.jpg);background-color:#ff4000;} td.edit_content_bottom{background-image:url(http://img57.imageshack.us/img57/9154/condentbottompq9.jpg);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(http://img259.imageshack.us/img259/7940/rechteboxlv3.jpg);background-color:#ff4000;} td.shouty2{background-image:url(http://img259.imageshack.us/img259/7940/rechteboxlv3.jpg);background-color:#ff4000;} td.shouty3{background-image:url(http://img259.imageshack.us/img259/7940/rechteboxlv3.jpg);background-color:#ff4000;} td.shouty4{background-image:url(http://img259.imageshack.us/img259/7940/rechteboxlv3.jpg);background-color:#ff4000;} td.shouty5{background-image:url(http://img259.imageshack.us/img259/7940/rechteboxlv3.jpg);background-color:#ff4000;} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://img338.imageshack.us/img338/3851/rbfooter2sl0.jpg);background-color:;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img122.imageshack.us/img122/645/condentbottomhover1mp2.jpg);background-color:#ff4000;} --> </style>
ExtraAnimation:
<a href="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl" _fcksavedurl="http://chappi18.de.tl"><img src="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" _fcksavedurl="http://img222.imageshack.us/img222/562/dbzgif0bc2.gif" border="0" alt="www.Chappi18.de.tl"/></a><br/>
-PurpleFlower
(Bild anklicken zum Vergrössern)
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img259.imageshack.us/img259/4016/purpleflowerheaderhx1.jpg);background-color:;} body{background-image:url(http://img259.imageshack.us/img259/9985/purplehintergrundvz3.jpg);background-attachment: fixed} td.nav{background-image:url(http://img444.imageshack.us/img444/1743/lilawaterub3.gif);} td.nav:hover{background-image: url(http://img90.imageshack.us/img90/3824/navliladownxv0.gif);} td.nav_heading{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#000000;} td.edit_content_top{background-image: none;background-color:#000000;} td.edit_content{background-image:url(URL);background-color:#DD78FF;} td.edit_content_bottom{background-image: none;background-color:#000000;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(URL);background-color:#DD78FF;} td.shouty2{background-image:url(URL);background-color:#DD78FF;} td.shouty3{background-image:url(URL);background-color:#DD78FF;} td.shouty4{background-image:url(URL);background-color:#DD78FF;} td.shouty5{background-image:url(URL);background-color:#DD78FF;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(URL);background-color:#7200C3;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img151.imageshack.us/img151/9910/bt1ig3.jpg);background-color:;} --> </style>
-Color
(Bild anklicken zum Vergrössern)
Code:
<style type="text/css"> <!-- td.headline{visibility:hidden;} td.edit_header_full{background-image: none;background-color:;} body{background-image:url(http://img183.imageshack.us/img183/3562/hintergrundlw9.jpg);background-attachment: fixed} td.nav{background-image:url(http://img82.imageshack.us/img82/4553/button1is5.jpg);} td.nav:hover{background-image: url(http://img82.imageshack.us/img82/479/button2ix8.jpg);} td.nav_heading{background-image: none;background-color:#0066FF;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image:url(URL);background-color:;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#0066FF;} td.edit_content_top{background-image: none;background-color:#0066FF;} td.edit_content{background-image:url(URL);background-color:#ffffff;} td.edit_content_bottom{background-image: none;background-color:#0066FF;} td.edit_content_bottom:hover{background-image:url(http://img82.imageshack.us/img82/1263/bt21ys2.jpg);background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(URL);background-color:#ffffff;} td.shouty2{background-image:url(URL);background-color:#ffffff;} td.shouty3{background-image:url(URL);background-color:#ffffff;} td.shouty4{background-image:url(URL);background-color:#ffffff;} td.shouty5{background-image:url(URL);background-color:#ffffff;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(URL);background-color:#0066FF;} td.edit_rechts_bottom{background-image: url(URL);} --> </style>
-GreenAlien
(Bild anklicken zum Vergrössern)
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img444.imageshack.us/img444/4353/head2np1.jpg);background-color:;} td.headline{visibility:hidden;} body{background-image:url(http://img509.imageshack.us/img509/143/hintergrund2ty6.jpg);background-attachment: fixed} td.nav{background-image:url(http://img142.imageshack.us/img142/5458/nav3gy4.jpg);} td.nav:hover{background-image: url(http://img145.imageshack.us/img145/425/nav4cb3.jpg);} td.nav_heading{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#000000;} td.edit_content_top{background-image: none;background-color:#000000;} td.edit_content{background-image:url(URL);background-color:#464646;} td.edit_content_bottom{background-image: none;background-color:#000000;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(URL);background-color:#464646;} td.shouty2{background-image:url(URL);background-color:#464646;} td.shouty3{background-image:url(URL);background-color:#464646;} td.shouty4{background-image:url(URL);background-color:#464646;} td.shouty5{background-image:url(URL);background-color:#464646;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(URL);background-color:#000000;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img257.imageshack.us/img257/6306/bottom1hovermh9.jpg);background-color:;} --> </style>
-WaterBlue
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image: none;background-color:;} td.headline{visibility:hidden;} body{background-image:url(http://img82.imageshack.us/img82/4269/hintergrund1zq1.jpg);background-attachment: fixed} td.nav{background-image:url(http://img254.imageshack.us/img254/2973/navi1oy7.jpg);} td.nav:hover{background-image: url(http://img508.imageshack.us/img508/6631/navi2wi2.jpg);} td.nav_heading{background-image: none;background-color:#0000C3;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#0000C3;} td.edit_content_top{background-image: none;background-color:#0000C3;} td.edit_content{background-image:url(URL);background-color:#3CBEFF;} td.edit_content_bottom{background-image: none;background-color:#0000C3;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(URL);background-color:#3CBEFF;} td.shouty2{background-image:url(URL);background-color:#3CBEFF;} td.shouty3{background-image:url(URL);background-color:#3CBEFF;} td.shouty4{background-image:url(URL);background-color:#3CBEFF;} td.shouty5{background-image:url(URL);background-color:#3CBEFF;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(URL);background-color:#0000c3;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img82.imageshack.us/img82/9642/bottom1zj3.jpg);background-color:;} --> </style>
-LittlePunk
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img527.imageshack.us/img527/9366/bannerlittlepunkoe5.jpg);background-color:;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(http://img260.imageshack.us/img260/3426/hintergrund25jr5.jpg);background-attachment: fixed;background-color:#000000;}} td.nav{background-image:url(http://img516.imageshack.us/img516/3699/nav6rz0.gif);} td.nav:hover{background-image: url(http://img527.imageshack.us/img527/4555/nav5qs8.gif);} td.nav_heading{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#000000;} td.edit_content_top{background-image: none;background-color:#000000;} td.edit_content{background-image:url(http://img164.imageshack.us/img164/1112/contend1gp7.jpg);background-color:;} td.edit_content_bottom{background-image: none;background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image: none;background-color:#FF33FF;} td.shouty2{background-image: none;background-color:#FF33FF;} td.shouty3{background-image: none;background-color:#FF33FF;} td.shouty4{background-image: none;background-color:#FF33FF;} td.shouty5{background-image: none;background-color:#FF33FF;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image: none;background-color:#000000;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img524.imageshack.us/img524/7844/condentbottomhoverig3.png);background-color:#ff00ff;} --> </style>
-Xbox360
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img518.imageshack.us/img518/7802/bannerfertigfc0.jpg);background-color:;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(http://img526.imageshack.us/img526/9247/hintergrund9ug0.jpg);background-attachment: fixed;background-color:#ffffff;}} td.nav{background-image:url(http://img301.imageshack.us/img301/151/nav15po6.gif);} td.nav:hover{background-image: url(http://img301.imageshack.us/img301/6421/nav2es6.gif);} td.nav_heading{background-image: none;background-color:#ffffff;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#ffffff;} td.edit_content_top{background-image:url(http://img413.imageshack.us/img413/3028/contendtop1zx8.jpg);background-color:#ffffff;} td.edit_content{background-image: none;background-color:;} td.edit_content_bottom{background-image: none;background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image: none;background-color:#96E100;} td.shouty2{background-image: none;background-color:#96E100;} td.shouty3{background-image: none;background-color:#96E100;} td.shouty4{background-image: none;background-color:#96E100;} td.shouty5{background-image: none;background-color:#96E100;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image: none;background-color:#ffffff;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img511.imageshack.us/img511/5282/contendbottomhoverws2.png);background-color:#ffffff;} --> </style>
-Spiderman
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img514.imageshack.us/img514/6228/banner2417js2.jpg);background-color:;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(http://img510.imageshack.us/img510/8012/hintergrund92wa1.jpg);background-attachment: fixed;background-color:#000000;}} td.nav{background-image:url(http://img129.imageshack.us/img129/8896/nav1uh6.gif);} td.nav:hover{background-image: url(http://img510.imageshack.us/img510/7176/nav2ii9.gif);} td.nav_heading{background-image:url(http://img511.imageshack.us/img511/9341/navheading1zo8.jpg);background-color:;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:;} td.edit_content_top{background-image: none;background-color:;} td.edit_content{background-image: none;background-color:;} td.edit_content_bottom{background-image: none;background-color:;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{visibility:hidden;} td.shouty2{background-image: none;background-color:;} td.shouty3{background-image: none;background-color:;} td.shouty4{background-image: none;background-color:;} td.shouty5{background-image: none;background-color:;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image: none;background-color:;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img175.imageshack.us/img175/769/contentbottomil9.jpg);background-color:#C30000;} --> </style>
-CloneWars
Code:
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://img501.imageshack.us/img501/683/header21gn4.jpg);background-color:;} td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(http://img262.imageshack.us/img262/2757/hintergrund3bg7.jpg);background-attachment: fixed;background-color:#404040;} td.nav{background-image:url(http://img514.imageshack.us/img514/5126/nav13rj8.jpg);} td.nav:hover{background-image: url(http://img258.imageshack.us/img258/2976/nav22dl0.jpg);} td.nav_heading{background-image: none;background-color:#8599A6;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#8599A6;} td.edit_content_top{background-image:url(http://img340.imageshack.us/img340/9531/condenttop1ik1.jpg);background-color:;} td.edit_content{background-image:url(http://img442.imageshack.us/img442/7067/condent1ey5.jpg);background-color:#a0a0a0;} td.edit_content_bottom{background-image: none;background-color:#8599A6;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image: none;background-color:#a0a0a0;} td.shouty2{background-image:url(http://img231.imageshack.us/img231/7233/rechtebox239rl1.jpg);background-color:#a0a0a0;} td.shouty3{background-image: none;background-color:#a0a0a0;} td.shouty4{background-image: none;background-color:#a0a0a0;} td.shouty5{background-image: none;background-color:#a0a0a0;} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://img522.imageshack.us/img522/9452/rbfooter17gf5.jpg);background-color:;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img253.imageshack.us/img253/673/condentbottomhover10em4.jpg);background-color:#a0a0a0;} --> </style>
Plantilla Naruto
Pega este codigo por encima de la pagina
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/cabezawedmasterayuda.jpg);background-color:;height:150px;} body{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudadesingfondo.jpg);background-attachment: fixed} td.nav{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/button039wedmasterayuda.png);} td.nav:hover{background-image: url(http://www.fileden.com/files/2008/5/22/1925126/button039wedmasterayuda.png);} td.nav_heading{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/barrawedmasterayuda.png);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boton019wedmasterayuda.jpg);} td.edit_content_top{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/cabezaledicionwedmasterayuda.png );} td.edit_content{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/edicionwedmasterayuda.png);} td.edit_content_bottom{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/semifinaledicionwedmasterayuda.png);} td.edit_content_bottom2{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/barrawedmasterayuda.jpg);} td.shouty{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty2{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty3{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty4{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty5{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boton019wedmasterayuda.jpg);} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/semifinaledicionwedmasterayuda.png);background-color:;} --></style>
<style type="text/css"> <!-- table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100% !important;} td.edit_header_full table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} td.nav{background-image: url(https://img.webme.com/pic/s/space-klick/css2.jpg);} td.nav:hover{background-image: url(https://img.webme.com/pic/s/space-klick/css.jpg)} td.edit_below_nav{visibility: hidden;} td.edit_content{background-image: url(URL);width: 0px;} td.edit_rechts_cbg{background-image: url(URL);} td.nav a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;} body {background-image:url(https://img.webme.com/pic/s/space-klick/background4.gif);background-attachment: fixed;} td.edit_navi_headbg{background-image: url(url);} td.edit_rechts_sbg{visibility: hidden; width: 0px ;} td.edit_rechts_bottom{background-image: url(url);} td.shouty{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty2{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty3{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty4{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.shouty5{color:#ff0000;background-image: url(URL);background-color: #000000;border: 3px solid #c6c5c5;} td.edit_rb_footer{visibility: hidden; width: 0px ;} td.edit_content_top{background-image: url(none);} td.edit_content_top:hover{background-image: url(none);} td.edit_content_bottom2{background-image: url(none);} td.edit_content_bottom{visibility: hidden;width: 0px;} td.nav_heading{background-image: url(https://img.webme.com/pic/s/space-klick/css2.jpg);} td.sidebar_heading{background-image:url(https://img.webme.com/pic/s/space-klick/css2.jpg);} td.nav_heading a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;} td.edit_content_bottom2 a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;} td.sidebar_heading a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;} td.headline2{color: #000000;font-size: 12px;font-weight: bold;} td.edit_header_full{height: 195px;background-image:url(https://img.webme.com/pic/s/space-klick/cs.jpg);background-repeat:no-repeat;background-position:center center;margin-bottom:20px;} --> </style> <style type="text/css"> < table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100% !important;} td.edit_header_full table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} tr.checked_menu td{background-image:url(https://img.webme.com/pic/s/space-klick/button_checked.gif);} tr.checked_menu td:hover{background-image:url(https://img.webme.com/pic/s/space-klick/button_checked.gif);} td.nav{background-image: url(https://img.webme.com/pic/z/zwoelf/button_normal.jpg);} td.nav:hover{background-image: url(https://img.webme.com/pic/z/zwoelf/button_hover.jpg)} td.edit_below_nav{visibility: hidden;} td.edit_content{background-image: url(https://img.webme.com/pic/z/zwoelf/background_content.jpg);} td.edit_rechts_cbg{background-image: url(none);} td.nav a{color: #FFFFFF;font-size: 12px;font-weight: bold;text-align: center;} body{background-image: url(none);background-color: #A8A8B0;color: #ffffff !important;} td.edit_navi_headbg{background-image: url(none);} td.edit_rechts_sbg{visibility: hidden; width: 0px ;} td.edit_rechts_bottom{background-image:url(none);background-color:transparent;} td.shouty{color:#ff0000;background-image: url(none);background-color: #D6D9E2;border: 3px solid #D6D9E2;} td.shouty2{color:#ff0000;background-image: url(none);background-color: #D6D9E2;border: 3px solid #D6D9E2;} td.shouty3{color:#ff0000;background-image: url(none);background-color: #D6D9E2;border: 3px solid #D6D9E2;} td.shouty4{color:#ff0000;background-image: url(none);background-color: #D6D9E2;border: 3px solid #D6D9E2;} td.shouty5{color:#ff0000;background-image: url(none);background-color: #D6D9E2;border: 3px solid #D6D9E2;} td.edit_rb_footer{visibility: hidden;} td.edit_content_top{height: 124px;background-image:url(https://img.webme.com/pic/z/zwoelf/content.jpg);} td.edit_content_top:hover{height: 124px;background-image:url(https://img.webme.com/pic/z/zwoelf/content.jpg);} td.edit_content_bottom2{height: 85px;background-image: url(https://img.webme.com/pic/z/zwoelf/footer.jpg);} td.edit_content_bottom{background-image:url(https://img.webme.com/pic/z/zwoelf/footer.jpg);background-color:transparent;} td.nav_heading{height: 100px;background-image: url(https://img.webme.com/pic/z/zwoelf/navhead.jpg);} td.sidebar_heading{background-image: url(https://img.webme.com/pic/z/zwoelf/sidebar.jpg);} td.nav_heading a{color: #FFFFFF;font-size: 12px;font-weight: bold;text-align: center;} td.edit_content_bottom2 a{color: #000000;font-size: 12px;font-weight: bold;text-align: center;} td.sidebar_heading a{color: #FFFFFF;font-size: 12px;font-weight: bold;text-align: center;} td.headline2{color: #A7A7B1;font-size: 12px;font-weight: bold;} td.edit_header_full{height: 225px;background-image:url(https://img.webme.com/pic/s/space-klick/nfs_carbon_header.gif);background-repeat:no-repeat;background-position:center center;margin-bottom:20px;} td.edit_content_bottom{height:0px;} --> </style>
El rey Avatar
Pega este por encima de la pagina
<style type="text/css"> <!-- td.edit_header_full{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/cabezawedmasterayuda.jpg);background-color:;height:150px;} body{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudadesingfondo.jpg);background-attachment: fixed} td.nav{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/button039wedmasterayuda.png);} td.nav:hover{background-image: url(http://www.fileden.com/files/2008/5/22/1925126/button039wedmasterayuda.png);} td.nav_heading{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/barrawedmasterayuda.png);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boton019wedmasterayuda.jpg);} td.edit_content_top{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/cabezaledicionwedmasterayuda.png );} td.edit_content{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/edicionwedmasterayuda.png);} td.edit_content_bottom{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/semifinaledicionwedmasterayuda.png);} td.edit_content_bottom2{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/barrawedmasterayuda.jpg);} td.shouty{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty2{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty3{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty4{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.shouty5{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boxetwedmasterayuda.png);} td.edit_rechts_cbg{background-image: none;} td.edit_rb_footer{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/boton019wedmasterayuda.jpg);} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://www.fileden.com/files/2008/5/22/1925126/semifinaledicionwedmasterayuda.png);background-color:;} --></style>
Plantilla Simple :
<style type="text/css"> <!-- body{background-image: none;background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image: none;background-color:#FFFFF;} td.nav_heading{background-image:url(http://img112.imageshack.us/img112/4725/1233ta9.gif);background-color:#;} td.nav{background-image: none;background-color:#FFFFFF;} td.nav:hover{background-image:url(http://img403.imageshack.us/img403/6919/boton1fq9.jpg);background-color:#;} td.sidebar_heading{background-image:url(http://img178.imageshack.us/img178/4849/navtopkj2.gif);background-color:#;} td.shouty{background-image: none;background-color:#FFFFF;} td.shouty2{background-image: none;background-color:#FFFFF;} td.shouty3{background-image: none;background-color:#FFFFF;} td.shouty4{background-image: none;background-color:#FFFFF;} td.shouty5{background-image: none;background-color:#FFFFF;} td.edit_rb_footer{background-image: none;background-color:#FFFFF;} td.edit_content_top{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg);background-color:#;} td.edit_content{background-image: none;background-color:#FFFFFF;} td.edit_content_bottom{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg);background-color:#;} td.edit_content_bottom:hover{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg);} td.edit_content_bottom2{background-image: none;background-color:#;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style>
Counter-Strike
<style type="text/css"> <!-- td.edit_header_full{background-image: none;background-color:;height:248px;} body{background-image:url(http://i262.photobucket.com/albums/ii90/hlgamingcafe/Half Life Blog/Wallpapers/Counter Strike Wallpapers/counter_strike_010.jpg);background-attachment: fixed} td.nav{background-image:url(http://i28.tinypic.com/rmjyqc.gif);} td.nav:hover{background-image: url(http://i35.tinypic.com/24g54k5.png);} td.nav_heading{background-image:url(https://img.webme.com/pic/s/success4you/navazzurro.gif);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(https://img.webme.com/pic/s/success4you/navazzurro.gif);} td.edit_content_top{background-image:url(http://i26.tinypic.com/29db6es.gif);} td.edit_content{background-image:url(http://i38.tinypic.com/10xxds8.png);} td.edit_content_bottom{background-image:url(http://i26.tinypic.com/29db6es.gif);} td.edit_content_bottom2{background-image: none;} td.shouty{background-image:url(http://i26.tinypic.com/5cwsb8.gif);} td.shouty2{background-image:url(http://i26.tinypic.com/5cwsb8.gif);} td.shouty3{background-image:url(http://i26.tinypic.com/5cwsb8.gif);} td.shouty4{background-image:url(http://i26.tinypic.com/5cwsb8.gif);} td.shouty5{background-image:url(http://i26.tinypic.com/5cwsb8.gif);} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(http://i29.tinypic.com/x2vrdx.gif);} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://i56.servimg.com/u/f56/12/66/95/70/barra_10.gifn);} --></style>
Medalla De Honor :
<style type="text/css"> <!-- body{background-image:url(http://www.dialogica.com.ar/rosarioalternativo/negro.jpg);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image:url(http://pixelea.com/s/d1d7d3f557.jpg);background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image:url(http://pixelea.com/s/ee8d925dfb.jpg);background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(http://pixelea.com/s/3d99ece823.gif);background-color:#NÚMERO DEL COLOR;} td.nav:hover{background-image:url(http://pixelea.com/s/6d692709b9.gif);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(http://pixelea.com/s/3698718635.jpg);background-color:#NÚMERO DEL COLOR;} td.shouty{background-image: none;background-color:#NÚMERO DEL COLOR;} td.shouty2{background-image: none;background-color:#NÚMERO DEL COLOR;} td.shouty3{background-image: none;background-color:#NÚMERO DEL COLOR;} td.shouty4{background-image: none;background-color:#NÚMERO DEL COLOR;} td.shouty5{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_rb_footer{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_content_top{background-image:url(http://pixelea.com/s/a0f387f694.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content{background-image:url(Url de la iMagen);background-color:#;} td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:# ;} td.edit_content_bottom:hover{background-image:url(Url de la imagen);} td.edit_content_bottom2{background-image: none;background-color:#;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style>
Sencilla 2 :
<style type="text/css"> <!-- body{background-image:url(URL DE IMAGEN);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image:url(http://pixelea.com/s/ddd10128c8.gif);background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image:url(http://pixelea.com/s/a2adecf3e1.gif);background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(http://pixelea.com/s/f55fa69f6c.gif);background-color:#NÚMERO DEL COLOR;} td.nav:hover{background-image:url(http://pixelea.com/s/4df664f244.gif);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(http://pixelea.com/s/0b729c4211.gif);background-color:#NÚMERO DEL COLOR;} td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.edit_rb_footer{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_content_top{background-image:url(http://pixelea.com/s/82d697e33d.gif);background-color:#NÚMERO DEL COLOR;} td.edit_content{background-image:url(http://pixelea.com/s/18d4b57f62.png);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom{background-image:url(http://pixelea.com/s/30f6f0bdff.gif);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/30f6f0bdff.gif);} td.edit_content_bottom2{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style> <style type="text/css"> <!-- tr.checked_menu td{background-image:url(http://pixelea.com/s/3846c8315f.gif);} tr.checked_menu td:hover{background-image:url(http://pixelea.com/s/3846c8315f.gif);} --> </style>
Sencilla 4 :
<style type="text/css"> <!-- body{background-image:url(http://www.pgd-design.com/wallpaper/abstract_wallpaper_1600_1200_1.jpg);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image: none;background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(http://pixelea.com/s/e4372bd930.png);background-color:#NÚMERO DEL COLOR;} td.nav:hover{background-image:url(http://pixelea.com/s/9e017a36f5.png);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.edit_content_top{background-image:url(http://pixelea.com/s/d45c968142.png);background-color:#NÚMERO DEL COLOR;} td.edit_content{background-image:url(http://pixelea.com/s/142d534c38.png);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom{background-image:url(http://pixelea.com/s/343d4e5550.png);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/343d4e5550.png);} td.edit_content_bottom2{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style> <style type="text/css"> <!-- table.edit_main_table{width: 85% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 20% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;} td.edit_rechts_cbg{width:100%;} td.shouty{visibility: hidden;width: 0px;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{visibility: hidden;} td.edit_rb_footer{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image: none; height: 150px; width: 921px; border-color:#ffffff; border-width:0px; border-style:solid;} td.edit_below_nav{visibility: hidden;} td#nav_Umfrage{display:none;} td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;} input, textarea {background-color:# 990000; border:solid 1px #000099; color: #000099;} table.forumtabelle {border:solid 1px #000099; color: #000099;} --></style>
Counter 3 :
<style type="text/css"> <!-- td.edit_header_full{background-image: none;background-color:;height:1px;} body{background-image:url(http://i26.tinypic.com/16kozfo.jpg);background-attachment: fixed} td.nav{background-image:url(http://pixelea.com/s/e4411a03ab.jpg);} td.nav:hover{background-image: url(http://pixelea.com/s/a1054856fe.jpg);} td.nav_heading{background-image:url(http://pixelea.com/s/a20ae9cf9c.jpg);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image:url(http://pixelea.com/s/016544fabc.jpg);} td.edit_content_top{background-image:url(http://pixelea.com/s/57f9276565.jpg);} td.edit_content{background-image:url(http://pixelea.com/s/b59be3e311.jpg);} td.edit_content_bottom{background-image:url(http://pixelea.com/s/1fff5a9dfd.jpg);} td.edit_content_bottom2{background-image: none;} td.shouty{background-image: none;} td.shouty2{background-image: none;} td.shouty3{background-image: none;} td.shouty4{background-image: none;} td.shouty5{background-image: none;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(http://pixelea.com/s/6ecd9d6722.jpg);} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/2eb95b6770.jpg);} --></style>
Electro :
<style type="text/css"> <!-- body{background-image:url(http://tbn0.google.com/images?q=tbn:kRKrfflD8LMynM:http://www.lapicerdo.com/archivos_participantes/83/completa_supre.gif);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image: none;background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image:url(http://pixelea.com/s/5fb0e3a484.jpg);background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(https://img.webme.com/pic/s/success4you/red.gif);background-color:#NÚMERO DEL COLOR;} td.nav:hover{background-image:url(http://pixelea.com/s/10b2476a69.gif);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(http://pixelea.com/s/32b4f30b6b.jpg);background-color:#NÚMERO DEL COLOR;} td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.edit_rb_footer{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_content_top{background-image:url(http://pixelea.com/s/d276c83432.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content{background-image:url(http://pixelea.com/s/27cfc0a8e6.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom{background-image:url(http://pixelea.com/s/b1ba48a481.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/5c87d485e8.jpg);} td.edit_content_bottom2{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style>
Mi Style 2 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> <style type="text/css"> <!-- body{background-image:url(http://pixelea.com/s/ee9bd3eded.png);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: none;} td.edit_rechts_bottom{background-image: none;} td.edit_header_full{background-image: none;background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image:url(http://pixelea.com/s/ebc8578c47.png);background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(http://pixelea.com/s/6a28e91336.png);background-color:#NÚMERO DEL COLOR;} td.nav:hover{background-image:url(http://pixelea.com/s/a98f55059a.png);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(http://pixelea.com/s/5897b19d69.png);background-color:#NÚMERO DEL COLOR;} td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;} td.edit_rb_footer{background-image: none;background-color:#NÚMERO DEL COLOR;} td.edit_content_top{background-image:url(http://pixelea.com/s/e439381140.png);background-color:#NÚMERO DEL COLOR;} td.edit_content{background-image:url(http://pixelea.com/s/34449a9842.png);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom{background-image:url(http://pixelea.com/s/09a532e4e9.png);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/284c24b3ea.png);} td.edit_content_bottom2{background-image: none;background-color:#NÚMERO DEL COLOR;} tr.checked_menu td{background-image:url(http://pixelea.com/s/a98f55059a.png);} tr.checked_menu td:hover{background-image:url(http://pixelea.com/s/a98f55059a.png);} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} .headline2 { font-family: tahoma, verdana, arial; font-size: 11px; color: black; --></style>
Los últimos comentarios acerca de esta página: