DesinGrafico |La Mejor web Que Te enseña A Diseñar - Home test

DesinGrafico | Un entorno de Ayudar

Bienvenidos a DesinGrafico

DesinGrafico es tu portal de ayuda , ayudamos con diseño grafico y un poco de ayuda web,tenemos : descargas, ayudas web, utilidades y mucho mas. La web esta optimizada para internet explorer ,google chrome y mozilla fiferox , mas, disfruta la web al 100%
Disfruta de nuestras nuevas noticias, Registrate
asi estara conectado todo el dia y tambien mas adelantes podras ver paginas exclusivas para vos
por eso que esperas? Registrate Ya.

desingrafico

Codigos Html

[Código HTML] Cambiar cursor al pasar el mouse sobre una img

<img style="CURSOR: aqui-el-nombre-del-cursor-que-quieran" src="la url de la imagen">

Donde dice aqui-el-nombre-del-cursor-que-quieran deben poner alguno de estos nombres:

e-resize
Wait
Crosshair
Default
Hand
Move
text
help
ne-resize
n-resize
nw-resize
w-resize
sw-resize
s-resize
se-resize


Y aquí tienen la imagen de los cursores que verán (van de orden de izquierda a derecha y luego abajo)



[+] Fuente:
Url:
http://ehr1993spain.spaces.live.com/blog/cns!B0A5E5AC2304F12C!975.entry



Poner un boton simple.

<a href="AQUI LA URL"><button><font color="#cc0000"><strong>AQUI EL TEXTO</strong></font></button>


Super Traductor!.

Haz clic aqui para ver el codigo




Imagen semi-transparente se vuelve normal.

<imgsrc="URL DE LA IMAGEN" width="105" height="140"
style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"
>



Mensajes en letreros con caritas.

<iframe height="300" frameborder="0" width="100%" style="width: 93.98%; height: 433px;" src="http://www.bautizame.org/hi5/generadores/generador_caritas_cartel/index.php"></iframe>



Buscador de imagenes.

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



Msn,Yahoo y mas en tu web!.

<table cellspacing="1" cellpadding="1" width="200" border="1"> <tbody> <tr> <td><font color="#ff0000"><iframe border="0" name="I1" src="http://www.meebo.com" frameborder="0" width="495" scrolling="no" height="478"></iframe></font></td> </tr> <tr> <td bgcolor="#99ccff"> <p align="center"><a target="_blank" href="http://www.ocio-full.blogspot.com" _fcksavedurl="http://www.ocio-full.blogspot.com"><b><font color="#ffffff">Ocio Full</font></b></a></p> </td> </tr> </tbody> </table>



Chiste del dia: (google gadgets)
Código:
<script src="http://www.gmodules.com/ig/ifr?url=http://pagina-del-dia.euroresidentes.es/chiste-del-dia/gadget-chiste-del-dia.xml&amp;synd=open&amp;w=290&amp;h=250&amp;title=Chiste+de+Hoy&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>



Windows Live MSN: (google gadgets)
Código:
<script src="http://www.gmodules.com/ig/ifr?url=http://juanjosemexico.googlepages.com/wlivemsgr.xml&amp;synd=open&amp;w=450&amp;h=600&amp;title=Windows+Live+Messenger&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>



Reproductor MP3:

Código:
<a style="position: fixed; bottom: 506px; right: 765px;" <object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer-multi.swf?mp3=http://tucancion.mp3|http://otracancion.mp3|http://otracancion.mp3|http://otracancion.mp3|http://otracancion.mp3|http://otracancion.mp3 http://otracancion.mp3&autostart=1&bgcolor=FFFFFF" width="240" height="20">
<param name="movie" value="http://www.estvideo.com/dew/media/dewplayer-multi.swf?mp3=http://tucancion.mp3|http://otracancion.mp3&bgcolor=FFFFFF" />
</object>


Para poner mas canciones: en donde dice |http://otracancion.mp3, poner la url de la cancion MP3



Google Traductor Web:

Código:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=es&w=160&h=60&title=&border=&output=js"></script>


 
Efecto Burbujas (Gracias a Team-Webmaster)

Código:
<script language="JavaScript1.2"> <!-- Begin  /****************************************** * Burbujas Script - HTML.Dynamico 2001 * Mas Scripts y Recursos para tu web en: * http://www.htmldynamico.cjb.net ******************************************/  var no = 15; // image number or falling rate var speed = 2; // the lower the number the faster the image moves var snow = new Array(); snow[0] = "bubble.gif" snow[1] = "bubble.gif" snow[2] = "bubble.gif"  var ns4up = (document.layers) ? 1 : 0;  // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp;    // coordinate and position variables var am, stx, sty;  // amplitude and step variables var i, doc_width = 800, doc_height = 1800;  if (ns4up||ns6up) {         doc_width = self.innerWidth;         doc_height = self.innerHeight; } else if (ie4up) {         doc_width = document.body.clientWidth;         doc_height = document.body.clientHeight; }  dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); j = 0;  for (i = 0; i < no; ++ i) {         dx[i] = 0;                        // set coordinate variables         xp[i] = Math.random()*(doc_width-50);  // set position variables         yp[i] = Math.random()*doc_height;         am[i] = Math.random()*20;         // set amplitude variables         stx[i] = 0.02 + Math.random()/10; // set step variables         sty[i] = 0.7 + Math.random();     // set step variables         if (ns4up) {                      // set layers                 if (i == 0) {                         document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><img src=""+ snow[j] + "" border="0"></layer>");                 } else {                         document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><img src=""+ snow[j] + "" border="0"></layer>");                 }        } else if (ie4up||ns6up) {                if (i == 0)  {                         document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;"><img src="" + snow[j] + "" border="0"></div>");                 } else {                         document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;"><img src="" + snow[j] + "" border="0"></div>");                 }         }         if (j == (snow.length-1)) { j = 0; } else { j += 1; } }  function snowNS() {  // Netscape main animation function         for (i = 0; i < no; ++ i) {  // iterate for every dot                 yp[i] -= sty[i];                if (yp[i] < -50) {                         xp[i] = Math.random()*(doc_width-am[i]-30);                         yp[i] = doc_height;                         stx[i] = 0.02 + Math.random()/10;                         sty[i] = 0.7 + Math.random();                         doc_width = self.innerWidth;                         doc_height = self.innerHeight;                }                 dx[i] += stx[i];                 document.layers["dot"+i].top = yp[i]+pageYOffset;                 document.layers["dot"+i].left = xp[i] +  am[i]*Math.sin(dx[i]);         }         setTimeout("snowNS()", speed); }  function snowIE_NS6() {  // IE main animation function         for (i = 0; i < no; ++ i) {  // iterate for every dot                 yp[i] -= sty[i];                 if (yp[i] < -50) {                         xp[i] = Math.random()*(doc_width-am[i]-30);                         yp[i] = doc_height;                         stx[i] = 0.02 + Math.random()/10;                         sty[i] = 0.7 + Math.random();                         doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;                         doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;                 }                 dx[i] += stx[i];                 if (ie4up){                 document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;                 document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);                 }                 else if (ns6up){                 document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;                 document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);                 }         }         setTimeout("snowIE_NS6()", speed); }  if (ns4up) {         snowNS(); } else if (ie4up||ns6up) {         snowIE_NS6(); } // End --> </script>



Incorporar una casilla de búsqueda Google en el sitio web.

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



Establecer una página como inicio:

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



No dejar seleccionar el texto de nuestra Web: (Gracias a )

Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.


Código:
<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>



Recomendar web

Código:
<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>

TEXTO EN NEGRITA


 
 TEXTO SUBRAYADO



 TEXTO EN CURSIVA




CAMBIAR EL TAMANO DE LETRA



CAMBIAR EL TIPO DE LETRA



CAMBIAR COLOR DE LETRA



UN ENTER



INSERTAR UN LINK



INSERTAR UNA IMAGEN



IMAGEN DE FONDO



INSERTAR UN ARCHIVO FLASH



UNA WEB DENTRO DE OTRA



PONER CAJA CON CODIGO ADENTRO



SONIDO O MUSICA DE FONDO



LINEA SEPARADORA



ESTABLECER COMO PAGINA DE INICIO



CENTRAR LA WEB




Atras - Actualizar - Adelante



CAJA DE CODIGO CON BOTON COPIAR



pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1
por 2

PROBADOR DE HTML




TABLA DE COLORES EN TU WEB



FECHA EN TU SITIO



SALUDO SEGUN LA HORA DEL DIA



TIEMPO RESTANTE PARA FINALIZAR EL DIA

 
 

Redireccionar web
   

Transformar cursor en mira
 

Poner fecha en tu sitio
 

Agregar a favoritos
 

Quitar lineas de link
 

Reloj que sigue al cursor
 

Flash earth

 
El clima
 

 
Chat
 

Fondo de web
 

Musica de fondo
 

Agregar a inicio
 

Tabla de colores


Saludo al visitante segun la hora
 

Traductor de textos y web`s
 

Traductor de web


Reloj con la hora local y mundial


Calendario
 

Menu desplegable


Abrir ventana (popup)
 

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=