Web Hosting Reviews & Mac Wordpress Theme | MangoOrange™ `

Tutoriales Adrieel

Codigos

 




Hola amigos aqui les Dejo unos Cuantos Codigos HTML para la Modificacion de sus Paginas Web los Tienen que Copiar y Pegarlos Donde les Indico.

 

ATENCION:Para Copiar Deben Seleccionar y presionar las Teclas "Ctrl + C" y Para Pegar "Ctrl + V"


Camara de Vigilancia

(Texto por Debajo de la Pagina)

En donde dice "Usuario" hay que remplazar por el nombre de su Canal de YouTube.

<div style="text-align: center;"><a style="right: 0px; position: fixed; top: 0px;" href="http://www.youtube.com/user/Usuario" target="_blank"><img alt="" src="http://dl.dropbox.com/u/47340707/camara-ro0driig0o.gif" /></a></div>

 

 

Centrar su Pagina Web

(Texto por Encima de la Pagina 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;">


 

Mensaje de Despedida

(Texto por Encima de la Pagina Web)

Es para Cuando Algun Visitante de tu Web Sale se le Abre una Ventana que Dice Gracias por Visitar mi Web.

<body onUnload="window.alert('Gracias por Visitar mi Web')">



Titulos que se Mueven

(En Cualquier Titulo de los Box)

Remplazar "TITULO" por lo que Deseen

 <marquee>TITULO</marquee>


 

Botones Negros Para Ice Blue

(Texto Simple)

 

<style type="text/css">  <!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by streetplayer49 http://www.hp-service.de.tl */
/* Allgemein */

p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}



/*Navigation*/
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(https://img.webme.com/pic/h/hp-service/normaler-button.gif);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(https://img.webme.com/pic/h/hp-service/normaler-button.gif);height: 33px;}
td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}

/*Content*/
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(https://img.webme.com/pic/h/hp-service/button0010.gif);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;background-color:transparent;}
td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(https://img.webme.com/pic/h/hp-service/button0010.gif);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.headline2{visibility: hidden;}

/*Rechte Boxen*/
td.sidebar_heading{background-image: url(https://img.webme.com/pic/h/hp-service/normaler-button.gif);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color: #ff0000;border: 3px dotted #fff;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
--> </style>


 

Imagen de Fondo

(Texto por Encima de la Pagina Web)

Remplazar lo que Esta en Mayuscula por el URL de la Imagen que Quieran de Fondo.

<style type="text/css">
body
{
background-image:
url(AQUI PONER EL URL DE LA IMAGEN)
}
</style>


IP del Visitante

(En Cualquier Pagina en Fuente HTML)

Recordar Copiar Todo el Codigo de Punta a Punta.

 <script LANGUAGE="JavaScript">
<!-- hide code

var nDots = 7;

var Xpos = 0;
var Ypos = 0;

var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var XGRAVITY = 0;
var YGRAVITY = 50;
var RESISTANCE = 10;
 
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

var followmouse = true;

var dots = new Array();
init();

function init()
{
    var i = 0;
    for (i = 0; i < nDots; i++) {
        dots[i] = new dot(i);
    }
  
    if (!isNetscape) {
      
    }
  
    for (i = 0; i < nDots; i++) {
        dots[i].obj.left = dots[i].X;
        dots[i].obj.top = dots[i].Y;
    }
  
  
    if (isNetscape) {
      
        startanimate();
    } else {
        setTimeout("startanimate()", 1000);
    }
}



function dot(i)
{
    this.X = Xpos;
    this.Y = Ypos;
    this.dx = 0;
    this.dy = 0;
    if (isNetscape) {  
        this.obj = eval("document.dot" + i);
    } else {
        this.obj = eval("dot" + i + ".style");
    }
}


function startanimate() {  
    setInterval("animate()", 20);
}


function setInitPositions(dots)
{
  
    var startloc = document.all.tags("LI");
    var i = 0;
    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
        dots[i+1].X = startloc[i].offsetLeft
            startloc[i].offsetParent.offsetLeft - DOTSIZE;
        dots[i+1].Y = startloc[i].offsetTop +
            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
    }
  
    dots[0].X = dots[1].X;
    dots[0].Y = dots[1].Y - SEGLEN;
}


function MoveHandler(e)
{
    Xpos = e.pageX;
    Ypos = e.pageY;   
    return true;
}


function MoveHandlerIE() {
    Xpos = window.event.x + document.body.scrollLeft;
    Ypos = window.event.y + document.body.scrollTop;   
}

if (isNetscape) {
    document.captureEvents(Event.MOUSEMOVE);
    document.onMouseMove = MoveHandler;
} else {
    document.onmousemove = MoveHandlerIE;
}


function vec(X, Y)
{
    this.X = X;
    this.Y = Y;
}


function springForce(i, j, spring)
{
    var dx = (dots[i].X - dots[j].X);
    var dy = (dots[i].Y - dots[j].Y);
    var len = Math.sqrt(dx*dx + dy*dy);
    if (len > SEGLEN) {
        var springF = SPRINGK * (len - SEGLEN);
        spring.X += (dx / len) * springF;
        spring.Y += (dy / len) * springF;
    }
}


function animate() {  
  
    var start = 0;
    if (followmouse) {
        dots[0].X = Xpos;
        dots[0].Y = Ypos;  
        start = 1;
    }
  
    for (i = start ; i < nDots; i++ ) {
      
        var spring = new vec(0, 0);
        if (i > 0) {
            springForce(i-1, i, spring);
        }
        if (i < (nDots - 1)) {
            springForce(i+1, i, spring);
        }
      
      
        var resist = new vec(-dots[i].dx * RESISTANCE,
            -dots[i].dy * RESISTANCE);
      
      
        var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
            (spring.Y + resist.Y)/ MASS + YGRAVITY);
      
      
        dots[i].dx += (DELTAT * accel.X);
        dots[i].dy += (DELTAT * accel.Y);
      
      
        if (Math.abs(dots[i].dx) < STOPVEL &&
            Math.abs(dots[i].dy) < STOPVEL &&
            Math.abs(accel.X) < STOPACC &&
            Math.abs(accel.Y) < STOPACC) {
            dots[i].dx = 0;
            dots[i].dy = 0;
        }
      
      
        dots[i].X += dots[i].dx;
        dots[i].Y += dots[i].dy;
      
      
        var height, width;
        if (isNetscape) {
            height = window.innerHeight + window.pageYOffset;
            width = window.innerWidth + window.pageXOffset;
        } else {  
            height = document.body.clientHeight + document.body.scrollTop;
            width = document.body.clientWidth + document.body.scrollLeft;
        }
      
      
        if (dots[i].Y >=  height - DOTSIZE - 1) {
            if (dots[i].dy > 0) {
                dots[i].dy = BOUNCE * -dots[i].dy;
            }
            dots[i].Y = height - DOTSIZE - 1;
        }
        if (dots[i].X >= width - DOTSIZE) {
            if (dots[i].dx > 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = width - DOTSIZE - 1;
        }
        if (dots[i].X < 0) {
            if (dots[i].dx < 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = 0;
        }
      
      
        dots[i].obj.left = dots[i].X;        
        dots[i].obj.top =  dots[i].Y;     
    }
}


// end code hiding -->
</script><center><script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i  ) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny=rats);
starv=0;
tinyv=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c  ) if (!starv[c]) {
star[c].style.left=(starx[c]=x) "px";
star[c].style.top=(stary[c]=y) "px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c  ) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv==25) star.style.clip="rect(1px, 4px, 4px, 1px)";
if (starv) {
stary =1 Math.random()*3;
if (stary<shigh sdown) {
star.style.top=stary "px";
starx =(i%5-2)/5;
star.style.left=starx "px";
}
else {
star.style.visibility="hidden";
starv=0;
return;
}
}
else {
tinyv=50;
tiny.style.top=(tinyy=stary) "px";
tiny.style.left=(tinyx=starx) "px";
tiny.style.width="2px";
tiny.style.height="2px";
star.style.visibility="hidden";
tiny.style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv==25) {
tiny.style.width="1px";
tiny.style.height="1px";
}
if (tinyv) {
tinyy =1 Math.random()*3;
if (tinyy<shigh sdown) {
tiny.style.top=tinyy "px";
tinyx =(i%5-2)/5;
tiny.style.left=tinyx "px";
}
else {
tiny.style.visibility="hidden";
tinyv=0;
return;
}
}
else tiny.style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y sdown;
x=(e)?e.pageX:event.x sleft;
}
function set_scroll() {
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;
}
}
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;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height "px";
div.style.width=width "px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script><img border="1" alt="" src="http://lil-fino.99k.org/image.php" /> </center><br />

 

 

Centrar Publicidad en Estilo CSS

(CSS-Code sin Style Tags)

table {margin-left:auto;margin-right:auto;}  lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}


Ir Hacia Arriba

(Texto por Debajo de la Pagina) 

<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://inacho07.googlepages.com/2uparrow.png' style='position:fixed; bottom:0; right:0;'/></a>



Imagen en la Pestaña

(Texto por Encima de la Pagina Web)

Remplazar Texto en Mayuscula por el URL de la Imagen.

 <link rel="shortcut icon" href="AQUI EL URL DE LA IMAGEN/>



Facebook y Twitter

(Texto por Encima de la Pagina Web)

Remplazar Texto en Mayuscula por URL de Facebook y Twitter.

<a href='URL PAGINA DE FACEBOOK' target='_blank' title='Sígueme en Facebook'><img src='http://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeNWBHuCc/s1600/boton-fb.png' style='display:scroll;position:fixed;bottom:400px;right:0px'/></a>
<a href='URL PAGINA DE TWITTER'><img border='0' src='http://3.bp.blogspot.com/_qgZA1ny_dAs/Sv9ShGIZOoI/AAAAAAAADBU/zvfuqM5TP58/s320/twitter-badge-classic.PNG' style='display:scroll;position:fixed;bottom:225px;right:0px;'/></a>



Quitar encabezado de Ice Blue

(Texto por Encima de la Pagina Web)

 <style type="text/css">  <!--
td.edit_header_full{background-image:url(  );background-color:;height:0px;}
--></style>





 
Diseñado y Producido Por:

Design By Tutoriales Adriel ® Tags: .

Ir arriba Cool Blue Pointer Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis