dotBLOG

Crear botones con CSS

Muchas veces nos vemos limitados con el diseño de los botones standards del HTML los cuales varian dependiendo del Sistema Operativo que el usuario corra, pero gracias a esta técnica mediante CSS ahora todos los visitantes van a ver el mismo botón el cual es 100% adaptable al formato de tu web.

Lo primero que tenemos que hacer es definir un estilo, dentro de los tags <headers> o añadirlo a tu hoja de estilos, dependiendo como hayas creado el sitio.

CSS

span.bouton
{
	background-color: #eee;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: sans-serif;
	font-size: smaller;
	cursor: pointer; /* me gusta que tenga la manito */
	cursor: hand; /* FUCK IE6 */
	color: #555
}
 
span.bouton:active
{
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

(more…)

Creado en CSS, Recursos Web | Sin Comentarios »

Badges y moños para San Valentin

El material perfecto, para armar algo original para el 14 de febrero, están en formato EPS. (more…)

Creado en Internet, Recursos Web | Sin Comentarios »

Crash IE

CRASH IE es un sitio que muestra una vulnerabilidad de los navegadores Internet Explorer, incluyendo las versiones 6 y 7. Si ingresas a la web con alguno de los navegadores de Microsoft, tu browser va a quedar freezado por el solo hecho de cargar la web. El sitio utiliza una simple linea de código para matarte el navegador

El objetivo del sitio es demostrar que el navegador no es seguro, y ofrecerte alguna otra alternativa para que puedas explorar la web sin problemas, como por ejemplo usando el Firefox, o el Opera …

El sitio es Crash IE

Creado en Internet, Rarezas, Recursos Web | Sin Comentarios »

Pie de página fijo con CSS

Voy a detallar como hay que hacer para lograr crear un pie de página (footer) completamente fijo y adherido al fondo de la página web sin importar cuan larga sea. Lo primero que tenemos que hacer, es crear o abrir una web existente y agregar dos campos divs:

<div id="footer">
<p>Contenido del footer</p>;
</div>

(more…)

Creado en CSS, Recursos Web | 1 Comentario »

IconFinder buscador de íconos

Iconfinder es un motor de búsqueda que se especializa unicamente en buscar iconos. Con solo ingresar una palabra (posee un sistema de Autocompletar para ayudarnos) realiza la búsqueda de los iconos mostrandolos en una grilla junto a unos links de información acerca de la licencia de utilización de los mismos. (more…)

Creado en Internet, Recursos Web | Sin Comentarios »

pForm Generador de formularios

Continuando con los generadores de formularios, les presento pForm. Un generador de código de formulario completamente gratuito. Cuenta con 25 estilos diferentes de formatos y colores, por lo que siempre vas a encontrar uno que se adapte al diseño de tu página web. Una vez seleccionado el diseño del formulario, procedemos a agregar los campos que necesitemos, por ejemplo una campo para el nombre, otro para el apellido, otro para el email, un campo mas grande para el mensaje… la generación del formulario se realiza con AJAX. (more…)

Creado en CSS, Recursos Web | Sin Comentarios »

Form Style Generator

Form Style Generator es un servicio web 2.0 que te permite generar de manera sencilla estilos para formularios webs. Tiene la capacidad de generar estilos para el fondo del formulario, bordes, formatos de texto y colores, etiquetas y hasta la opción de habilitar formatos condicionales cuando se activa un elemento del form con el evento hover. (more…)

Creado en CSS, Internet, Recursos Web | Sin Comentarios »

YAML Framework CSS y XHTML

YAML es un framework de CSS y XHTML que permite crear modernos y flexibles diseños de plantillas para páginas webs. Posee una estructura muy versatil y es muy sencillo de utilizar, por lo que no te vas a tener que preocupar a la hora de programar. Todos los componentes de YAML se encuentran documentados, posee una gran estabilidad en la mayoría de los browsers ya que cumple con los estandares de diseño y fué testeado en la práctica desde sitios pequeños hasta en grandes comunidades. YAML es la solución perfecta a la hora de arrancar con un nuevo proyecto. (more…)

Creado en Internet, Recursos Web | Sin Comentarios »

PHP Site Compressor

PHP Site Compressor es una clase de Php que te permite comprimir los encabezados de las páginas webs y hacerlas mucho más rápidas, ya que los datos que viajan desde el servidor hasta la PC del cliente son menos pesados. La clase también está optimizada para realizar menos pedidos HTTP, agrega una línea de expiración de contenido, comprime los contenidos usando GZip y reduce los archivos Javascript, CSS y HTML.

Mejora la velocidad del sitio en un 500%, lo que no es poca cosa si tu sitio tiene muchas visitas. Para utilizarlo, hay que agregar estas lineas al principio de cada archivo:

require_once('class.compressor.php');
 
$compressor = new compressor('css,javascript,page');

Y al final del archivo, hay que agregar:

$compressor -> finish();

Ahora tu sitio ya tiene que cargar mucho más rápido, hace la prueba!

Los requerimientos para poder utilizar esta clase es un servidor que corra PHP4, y para poder reducir los archivos JS, CSS y HTML se requiere PHP5. (more…)

Creado en IT, Internet, PHP, Recursos Web | Sin Comentarios »

POBS PHP Obfuscator

POBS o PHP OfbuScator, es un script que permite “ensuciar” el código fuente de los archivos en PHP. La técnica del script es reemplazar todas las variables, funciones y constantes por cadenas aleatorias generadas mediante la función MD5 (pero de 8 caracteres, no de 32 sino haría muy pesado el archivo ofbuscado). La utilidad de este script es proteger (o hacer menos legible) alguna creación tuya, ya que cambia el nombre de casi todo lo que encuentra en el código. (more…)

Creado en PHP, Recursos Web, Software | Sin Comentarios »

Glossy Gallery

Glossy Gallery es una galería de imagenes creada en Adobe Flash y administrable mediante un archivo de configuración XML. Es gratuita y podés usarla dentro de tu sitio web, blog o cualquier otro lado donde necesites mostrar imágenes con estilo. Muestra las fotos en un mural y a medida que se hace clic en alguna de ellas, se expande ocupando toda la galería, todo con un efecto de easing muy llamativo. (more…)

Creado en Recursos Web | Sin Comentarios »