MAS CODIGOS!

Ir abajo

foro MAS CODIGOS!

Mensaje por juan el Dom Nov 02, 2008 11:39 am

El código: este es el código para el efecto, lo que hace es crear dos funciones. Una se llama mOver que es la que cambia de color cuando se usa cuando el ratón pasa por encima de la tabla, celda, étc. Otra es mOut que es la que se usa cuando el ratón sale, las otras dos siguientes son para cuando se presiona cualquier boton del raton (¡incluso el scroll!) cuando se presiona y cuando se suelta y la última irA hace que la tabla/celda al presionar vaya a otra página, es decir como un enlace o link.


Código:
<script language="Javascript">
function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.bgColor = clrOver; }}
function mOut(src,clrIn) { if (!src.contains(event.toElement)) {  src.bgColor = clrIn; }}
function mUp(src,clrUp) { if (!src.contains(event.toElement)) { src.bgColor = clrUp; }}
function mDown(src,clrDown) { if (!src.contains(event.toElement)) { src.bgColor = clrDown; }}
function irA(enlace,target){ if(target){ open(enlace,target); } else{ open(enlace); }
}
</script>


La verdad queda bastante lindo Smile



Una manera muy atractiva de superponer textos uno sobre otro :


Código:
<!-- Mas scripts en http://www.creatupropiaweb.com -->
<P><CENTER><BR>

<BR>

<SPAN style="z-index: 1;
  font-family:Verdana
  font-weight: bold;
  font-size: 30pt;
  color: #FF9900">AQUI EL PRIMER TEXTO</SPAN><BR>

<SPAN style="position: relative;
  top: -32px;
  left: 0px;
  z-index: 2;
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: #006699">SEGUNDO TEXTO</SPAN><BR>

<BR>

<BR>

<script>function src() { window.location = "view-source:" +
window.location.href } </script></CENTER></P>


Optimización de la página web para todas las resoluciones

Actualmente casi todas las páginas están optimizadas únicamente para una resolución de 800 x 600 píxeles, y aunque la mayoría de equipos actualmente están configurados a dicha resolución, los monitores más antiguos no soportan más de 640 x 480 píxeles, y por el contrario, los equipos de última generación suelen tener configurado el monitor a 1024 x 768 píxeles, y pueden soportar hasta 1280 x 1024.

La optimización de una página únicamente a una resolución de 800 x 600 píxeles, puede llegar incluso a ser algo más que molesto para monitores de 640 x 480 píxeles, e incluso llegar a imposibilitar la navegación cuando se desactiva la opción de scroll de página en webs desarrolladas con frames.

Para solucionar este problema existe una posibilidad y aunque es un poco laboriosa, merece la pena ya que se consigue tener un sitio web optimizado para todas las resoluciones que se deseen.

Para ello es muy importante una buena organización desde el principio. La estructura de las carpetas si es la adecuada como se explica a continuación, permitirá ahorrar mucho trabajo, ya que evitará tener que renombrar archivos, editar vínculos y repetir imágenes que aumentan innecesariamente el tamaño del sitio con la consiguiente pérdida de tiempo al subirlos.

Para ello se recomiendan los pasos siguientes:
Crear una carpeta principal donde estará alojado el sitio web Ej. "miweb"
Dentro de miweb crear una carpeta llamada "imágenes" donde estarán las imágines, otra llamada "sonidos" donde estarán los sonidos, "videos"y así sucesivamente según los recurso a utilizar. A continuación se crea una carpeta llamada es800600. Esta última carpeta contendrá sólo los archivos htm, php , cgi del sitio web que serán creados con una resolución de monitor de 800 x 600 píxeles.
Se crean dos carpetas llamadas es640480 y es1024768 dentro de "miweb"
Una vez que se tiene desarrollado el sitio web optimizado a 800x600 y se tiene ya la versión definitiva, se copia el contenido de la carpeta es800600 y se pega dentro de es640480 y es1024768.
Se cambia la configuración del monitor a 640x480 y se abren los archivos de la carpeta es64048, sólo habrá que volver a editarlos, principalmente es un trabajo de ajuste de tablas. NO HAY QUE RENOMBRAR LOS ARCHIVOS NI CAMBIAR LOS ENLACES.
Igualmente, se cambian la configuración del monitor a 1024x768 y se abren los archivos htm que corresponden, se editan y se guardan.


Si se desea crear una versión en inglés, sólo habrá que copiar las tres carpetas que empiezan por las letras "es", renombrar el comienzo por "en" y sustituir el texto por la versión inglesa, pero las imágenes no habrá que volver a subirlas, ni cambiar los enlaces ni los nombres de los archivos.
Crear el archivo principal de la página que está dentro de "miweb" y fuera de las anteriores carpetas. Dicho archivo principal, index.html debe contener el siguiente código en el body.



Código:

<script language="Javascript1.2">
/*
Diferentes versiones según la resolución
(Por Miguel Cruz,  http://www.signo-net.com)
*/
//para resolucion 800x600
if (screen.width==800||screen.height==600)
  window.location.replace("es800600/index.html")

// para resolucion 640x480
else if (screen.width==640||screen.height==480)
  window.location.replace("es640480/index.html")

//para resolucion 1024x768
else if (screen.width==1024||screen.height==768)
  window.location.replace("es1240768/index.html")

//para otras resoluciones
else
  window.location.replace("es1240768/index.htm ")
</script>


Aun no se si funciona... Si les funciona avisenme porfavor


Botón que cuando lo pulsas cambia el texto en la celda.

Código:
<script LANGUAGE="Javascript">
var alerted_already;
var remark;
function theytyped(form) {
for ( j = 1;
j<=remark.length && remark[j]!=form.myoutxt.value;
j++){}
if (j>remark.length)
form.myoutxt.value = "Do not type here!";
return false;
}
function touched_frog() {
if (!alerted_already) {
alert(""+
""+
""+
""+
""+
"");
alerted_already = true;
}
return alerted_already;
}
function compute(form) {
for (var i = 1;
i<=remark.length && remark[i]!=form.myoutxt.value ;
i++){}
if (i==remark.length)
history.back();
if (i==remark.length-1)
alert("Querido amigo/a:"+
"\n\nCreo haberle dicho repetidas veces que deje de pulsarme. "+
"Si vuelve a pulsarme tendre que tomar medidas mas drasticas."+
"\nAtentamente, recibe un cordial saludo.");
if (i<remark.length)
form.myoutxt.value = remark[i+1];
else
form.myoutxt.value = remark[1];
}
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i];
}
remark = new initArray( "Gracias!",
"Una vez mas?!",
"Te dije solo una vez mas!",
"Estas pedo!!!",
"Tu has bebido aceite de colza!",
"Te digo que pares!!.",
"He dicho que te pares!!!",
"Estas sordo??!!!",
"Me tienes hasta los *******!!!",
"Te vas a enterar!!!.",
"Vuelve a pulsarme y veras...!");
alerted_already = false;
// End -->
</script>
<BODY><div id="content_barra_galeon">
<div id="contenido_barra_galeon2"><iframe src="http://www2.hispavista.com/htm/guia2.htm" width=0 height=0></iframe><script LANGUAGE="Javascript1.1">
fecha = new Date();
bust = fecha.getTime();
document.write('<SCR' + 'IPT LANGUAGE="Javascript1.1" SRC="http://adserver.hispavista.com/js.ng/area=hv_galeon.internet&pos=popup1&e=4&e2=HV_BANNER_PROVINCIA&site=hv_galeon_lateral&bust='+bust+'">\n');
document.write('</SCR' + 'IPT>\n');
</script><noscript>Alojamiento ofrecido por el Grupo HispaVista <a href="http://www.hispavista.com" alt="HispaVista: Internet está aquí" target="_blank">HispaVista</a></noscript>


<script LANGUAGE="javascript1.2" SRC="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
<!-- //
_uacct="UA-152964-6";
urchinTracker();
// -->
</script>


<FORM name="buttons" method="post" onSubmit="return false">
<input type="button" name="pushme" value="Pulsame" onClick="compute(this.form)"
return touched_frog()">
<input type="text" value=" "
name="myoutxt"
onBlur="theytyped(this.form)"
onFocus="theytyped(this.form)"
onChange="theytyped(this.form)"
size=45>
</FORM>
<P><BR>
</CENTER>

Si quieren modificar la letra ya sea de los titulos de los box, o de algun sector en especial, usen este codigo, tambien le pueden dar el color ke kieran:
Código:

<font face="AQUI NOMBRE DE LA FUENTE" color="#AQUI COLOR EN NUMEROS">AQUI TEXTO O TITULO</font>
avatar
juan
Moderador
Moderador

Cantidad de envíos : 71
Edad : 23
Localización : Cordoba- Argentina
Fecha de inscripción : 15/06/2008

--> Perfil
Talller(es): Si
Moderadores: Si

Ver perfil de usuario http://quemusica.es.tl

Volver arriba Ir abajo

foro Re: MAS CODIGOS!

Mensaje por Team-Soporte el Lun Nov 03, 2008 8:11 pm

Gracias pero voy a probar este code

Código:
<script language="Javascript1.2">
/*
Diferentes versiones según la resolución
(Por Miguel Cruz,  http://www.signo-net.com)
*/
//para resolucion 800x600
if (screen.width==800||screen.height==600)
  window.location.replace("es800600/index.html")

// para resolucion 640x480
else if (screen.width==640||screen.height==480)
  window.location.replace("es640480/index.html")

//para resolucion 1024x768
else if (screen.width==1024||screen.height==768)
  window.location.replace("es1240768/index.html")

//para otras resoluciones
else
  window.location.replace("es1240768/index.htm ")
</script>

_________________
Atentamente:
El administrador del foro

avatar
Team-Soporte
Administrador
Administrador

Cantidad de envíos : 172
Edad : 24
Localización : CR (Costa Rica)
Fecha de inscripción : 26/05/2008

--> Perfil
Talller(es): Si
Moderadores: No

Ver perfil de usuario http://free-tutoriales.es.tl

Volver arriba Ir abajo

foro Re: MAS CODIGOS!

Mensaje por fersvet el Lun Dic 29, 2008 6:27 pm

Muy buenos codigos Te felicito !
avatar
fersvet
Moderador
Moderador

Cantidad de envíos : 42
Fecha de inscripción : 29/12/2008

Ver perfil de usuario http://portal51.foroactivo.com.es

Volver arriba Ir abajo

foro Re: MAS CODIGOS!

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.