Noticias
Mi lista de blogs
Plantillas para Drupal gratis
Posted by edukt
on
lunes, 3 de enero de 2011
, under |
comentarios (0)
Las plantillas Drupal reflejan diseños de alta calidad y fáciles de utilizar e instalar.
En este sitio encontrará una variedad de plantillas drupal y a la vez podrá comprender y practicar las ventajas de este gestor de contenidos (CMS), que cuenta con todas las características necesarias de una página web y su panel de control. Aquí les dejo el enlace: http://boygj.com/JAdrupal?page=1
Iconos Gratis!!!!!
Posted by edukt
on
domingo, 2 de enero de 2011
, under |
comentarios (0)
Hola a todos, navegando por la web encontre un sitio que ofrece iconos gratis y muy llamativos, que nos pueden servir para darle una mejor presentación a los formularios de nuestros sistemas.
Aqui les dejo el enlace http://www.iconfinder.com/
Espero que les guste esta página y que les sea de provecho!
Skyscraper
Posted by edukt
on
jueves, 16 de diciembre de 2010
, under
3d,
crear edificios 3d,
descargar,
Skyscraper
|
comentarios (0)
Es un simulador de construcción de edificios 3d en tiempo real, simula las características generales de construcción tales como creación de paredes, pisos, escaleras, shaftwork y mucho más. Muchas cosas más se han previsto para futuras versiones, incluido el apoyo de juego (multijugador individuales y de red), y un diseñador gráfico para la construcción.
Skyscraper está escrito en C + + y utiliza el motor gráfico Crystal Space 1.4.
Descargar Skyscraper
OpenMeetings-Descargar
Posted by edukt
on , under
bajar openmeetings,
características openmeetings,
download openmeetings,
openmeetings
|
comentarios (0)
OpenMeetings es un software gratuito que permite crear instantáneamente una conferencia en la Web. Permite utilizar el micrófono o cámara web, compartir documentos en una pizarra, compartir la pantalla y realizar reuniones.
Características:
- Permite compartir vídeo y audio
- Compartir escritorio
- Grabar
- Pizarra que permite dibujar,escribir y editar
- Permite importar documentos en los siguientes formato(.tga, .xcf, .wpg, .txt, .ico, .ttf, .pcd, .pcds, .ps, .psd, .tiff,.bmp, .svg, .dpx, .exr, .jpg, .jpeg, .gif, .png, .ppt, .odp, .odt, .sxw, .wpd, .doc,.rtf, .txt, .ods, .sxc, .xls, .sxi, .pdf)
- Multilenguaje
- Enviar invitaciones para salas de conferencias
- LDAP-Connector
- Administración remota
- Sistema de moderación
- Modulo de copia de seguridad y de idiomas.
Manual jQuery-Método .css()
Posted by edukt
on
miércoles, 15 de diciembre de 2010
, under |
comentarios (0)
Método .css()
En algunos casos se necesita aplicar estilos que son dificil de definir en hojas de estilo externas, en esas ocasiones podemos utilizar el método .css() que permite configurar y obtener valores para cualquier propiedad css.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="jquery.js" type="text/javascript"></script>
<script language="javascript" src="ejemplo.js" type="text/javascript"></script>
</head>
<body>
<div id="selector">
<button id="selector-normal">Normal</button>
<button id="selector-grande">+</button>
<button id="selector-pequeño">- </button>
</div>
<div class="discurso">
<p>El DOM es simplemente una ordenación de la estructura en forma de árbol que describe la relación entre los componentes de una página utilizando el concepto padre-hijo. A continuación se presenta un ejemplo con la estructura en árbol del DOM</p>
</div>
</body>
</html>
El archivo ejemplo.js contiene el siguiente código:
$discurso.css('fontSize', num + 'px'); //aplica el nuevo tamaño de la fuente
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="jquery.js" type="text/javascript"></script>
<script language="javascript" src="ejemplo.js" type="text/javascript"></script>
</head>
<body>
<div id="selector">
<button id="selector-normal">Normal</button>
<button id="selector-grande">+</button>
<button id="selector-pequeño">- </button>
</div>
<div class="discurso">
<p>El DOM es simplemente una ordenación de la estructura en forma de árbol que describe la relación entre los componentes de una página utilizando el concepto padre-hijo. A continuación se presenta un ejemplo con la estructura en árbol del DOM</p>
</div>
</body>
</html>
El archivo ejemplo.js contiene el siguiente código:
$(document).ready(function() {
var $discurso = $('div.discurso');
var defaultSize = $discurso.css('fontSize'); //obtiene el tamaño del texto.$('#selector button').click(function() {
var num = parseFloat( $discurso.css('fontSize'), 10 );//convierte a flotante el valor de tamaño de la fuente.
switch (this.id) {//obtiene el id del div del evento
case 'selector-grande': //aumenta tamaño de la fuente
num *= 1.4;
break;
case 'selector-pequeño'://disminuye tamaño de la fuente
num /= 1.4;
break;
default:// mantiene el tamaño normal de la fuente
num = parseFloat(defaultSize, 10);
}
});
})
Manual jQuery-Manejar eventos II
Posted by edukt
on
martes, 14 de diciembre de 2010
, under |
comentarios (0)
.toggle()
Este evento permite mostrar u ocultar elementos del DOM.
El siguiente ejemplo del evento toggle realiza la animación de los parrafos del documento escondiéndolos y mostrándolos.
<!DOCTYPE html>
<html>
<head>
<style>
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<button>Toggle 'em</button>
<p>Hiya</p>
<p>Such interesting text, eh?</p>
<script>
$("button").click(function () {
$("p").toggle("slow");
});
</script>
</body>
</html>
El evento clic del botón desencadena la ejecución de la función que utiliza el selectos de etiqueta de párrafo y toggle() se encarga de mostrarlo o esconderlo con el atributo slow equivalente a 600 milisegundos.
Hover
Vincula dos manejadores(entrada y salida de mouse) a los elementos encontrados por medio de los selectores.
$("td").hover( function () { $(this).addClass("sobre"); }, function () { $(this).removeClass("saliendo"); } );
Este ejemplo cuando el ratón se coloca encima de una columna se le aplica la clase "sobre" y cuando se quita el puntero se aplica la clase "saliendo".
Manual jQuery-Manejar eventos
Hasta el momento el gestor de evento que hemos utilizado es $(document).ready() , a continuación veremos otras formas de ejecutar funciones:
$(document).ready(function() {
// código
});
$().ready(function() {
// código
});
$(function() {
// código
});
jQuery permite además manejar eventos como : clicks(onclick), cambio en los campos de formularios(onchange) o cambios en el tamaño de las ventanas(onresize). En esta entrada del blog crearemos un alternador de estilos.
Para ilustrar algunas de las técnicas de control de eventos, supongamos que queremos tener una sola página presentada en varios estilos en función de la selección del usuario. Vamos a permitir que el usuario haga clic en un botón para alternar entre la vista normal, una vista en la que se ve limitado el texto a una columna estrecha, y una vista con letras grandes para el área de contenido.
El código html es el siguiente:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejemplo altenador de estilo</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
<script src="ejemplo.js" type="text/javascript"></script>
</head>
<body>
<div id="contenedor">
<div id="alternador">
<div class="boton" id="alternador-largo">
Impresión</div>
</div>
<div class="capitulo" id="capitulo-prefacio">
<p>Las tecnologías que forman AJAX son:</p>
▪ XHTML y CSS, para crear una presentación basada en estándares.
▪ DOM, para la interacción y manipulación dinámica de la presentación.
▪ XML, XSLT y JSON, para el intercambio y la manipulación de información.
▪ XMLHttpRequest, para el intercambio asíncrono de información.
▪ JavaScript, para unir todas las demás tecnologías.</p>
</div>
</div>
</div>
</body>
</html>
El archivo estilo.css es el siguiente:@charset "utf-8";
/* CSS Document */
html, body {
margin: 0;
padding: 0;
}
body {
font: 62.5% Arial, Verdana, sans-serif;
color: #000;
background: #FFFFFF;
}
#contenedor {
font-size: 1.2em;
margin: 10px 2em;
}
h3 {
font-size: 1.1em;
margin-bottom: 0;
}
h3.subtÃtulo {
color:#FFFFFF;
font:bold;
}
.capitulo {
margin: 1em;
}
#alternador {
float: right;
background-color: #3300FF;
border: 1px solid #000;
margin: 10px;
padding: 10px;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #CC3333;
}
#alternador.boton {
width: 100px;
float: left;
text-align: center;
margin: 10px;
padding: 10px;
background-color: #E4FDE1;
border-top: 3px solid #F2EC9F;
border-left: 3px solid #F2EC9F;
border-bottom: 3px solid #E8DD55;
border-right: 3px solid #E8DD55;
}
#alternador-largo {
color:#FFFFFF;
font:bolder;
}
body.largo #contenedor.capitulo {
font-size: 1.5em;
}
.largo {
font-size: 1.5em;
}
Con ejemplo.html y estilo.css tenemos el siguiente documento.
Lo que se desea lograr es que al dar clic sobre el botón azul se cambie automáticamente el estilo de la fuente, para lograrlo necesitamos crear el archivo ejemplo.js que utiliza el método blind() de jQuery como vemos en las siguientes lineas:
// JavaScript Document
$(document).ready(function() {
$('#alternador-largo').bind('click', function() {
$('body').addClass('largo');
});
});
Al método bind() primero se le pasa una acción que en este caso es “click” y luego la función que cambiará la fuente de todo el contenido div “contenedor” por medio de la clase largo. Al darle clic en el botón azul el resultado es el siguiente:
