Estás viendo los artículos de ZonaMasters – Recursos para webmasters correspondientes a la categoría
Vovlemos con más plantillas para blogger gratis. Aquí os dejo una selección de 10 plantillas:
Home Carpenter | Download | Demo
Brown Stitch | Download | Demo
Escrito por rankhispano | 
5 de Marzo de 2010 | 
1 comentario
CSS y Diseño Web.
Si estás interesado en buscar ofertas de empleo en España sobre desarrollo web, desde Archivados.es tiene una sección de buscador de empleo, estas son algunos de los ejemplo de búsqueda:
Visto en Buscador de anuncios clasificados (Que20) y
en Buscador de coches de segunda mano (CochesAdictos)
Escrito por Niko | 8 de Septiembre de 2009 | 1 comentario
CSS y MySQL y Recursos Webmasters.
Aquí os dejo algunos sitios donde podrás conseguir plantillas para los blogs alojados en blogspot:
Temas para Blogger:
Otros artículos interesantes:
Plantillas CSS gratis
MeeCSS
Temas para Firefox
Temas para Windows 7
Escrito por Niko | 27 de Julio de 2009 | 1 comentario
CSS y Diseño Web.
Si tienes una web con un diseño web bastante cuidado y estás pensando en enviarlo a varias galerias CSS, ahora te lo ponen muy fácil, desde MeeCSS puedes hacer el alta en más de cien galerías y de una manera muy rápida y cómoda, tardando muchisimo menos que haciendo visitando cada galeria CSS para enviar tu sitio web.
Visita MeeCSS
Visto en Criteriondg
Otros artículos interesantes:
Escrito por Niko | 27 de Julio de 2009 | 2 comentarios
CSS y General.
Un ejemplo muy sencillo para precargar imágenes, muy útil cuando usemos el efecto roll over utilizando CSS, es creando una capa en el que cargaremos imagenes de background que no se llegan a mostrar.
Ejemplo del CSS:
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(path/to/image1.png);
background-image: url(path/to/image2.png);
background-image: url(path/to/image3.png);
background-image: url(path/to/image4.png);
background-image: url();
}
Ejemplo del HTML:
<div id="preloadedImages"></div>
Visto en SentidoWeb
Escrito por Niko | 22 de Julio de 2009 | 1 comentario
CSS.
Siguiendo el tutorial de menu CSS, podremos crear desplegables usando solo CSS, aunque para que funcione correctamente en todos los navegadores (internet explorer como siempre dando la nota) deberemos insertar el siguiente código:
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<!--[if gte IE 5.5]>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#navmenu-h li,#navmenu-v li").hover(
function() { $(this).addClass("iehover"); },
function() { $(this).removeClass("iehover"); }
);});
</script>
<![endif]-->
Aquí os dejamos un ejemplo
<ul id="navmenu"> <li><a href="#">Root nav item</a> <ul> <li><a href="#">Sub nav item</a></li> </ul> </li> </ul>
Mira más menu de ejemplo.
Puedes ver también:
Visto en Anieto2k
Escrito por Niko | 10 de Julio de 2009 | 1 comentario
CSS y Diseño Web.
Reset CSS es una técnica para resetear todos los valores del CSS que vienen por defecto en los navegadores (margenes, aliniaciones…). La web de desarrolladores de Yahoo, podemos ver el siguiente ejemplo con el que conseguiremos resetar todos los valores.
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
Un reset básico sería el siguiente:
* {
margin:0;
padding:0;
}
Visita Yahoo! UI Library: Reset CSS
Escrito por Niko | 10 de Julio de 2009 | 0 comentarios
CSS y Diseño Web.
En el ordenador es común ver los colores tienen asociado un valor hexadecimal (puede tomar 16 valores cada cifra desde 0..9A..F), estos valores representan la cantida de rojo, azul y verde (RGB) dos cifras hexadecimales para cada uno, la mezcla de esos tres colores primarrios se puede sacar una gran variedad de colores.
Realmente es cómodo podemos controlar con exactitud los colores de nuestra web sean tales como los hemos preparado en photoshop (este te da el valor hexadecimal con la herramienta de cuenta gotas)
Aquí os dejo una tabla con algunos colores y su valor en hexadecimal.
|
Color
|
Hexadecimal
|
|
#FFFFFF
|
|
|
|
#000000
|
|
#000080
|
|
|
#0000FF
|
|
|
#008000
|
|
|
#008080
|
|
|
#00FF00
|
|
|
#00FFFF
|
|
|
#800000
|
|
|
#800080
|
|
|
#808000
|
|
|
#808080
|
|
|
#C0C0C0
|
|
|
#FF0000
|
|
|
#FF00FF
|
|
|
#FFFF00
|
Escrito por Niko | 10 de Julio de 2009 | 4 comentarios
CSS y Diseño Web.
A estas alturas el efecto de lightBox es bastante conocido (existe hasta para videos Videobox). El plugin que os muestro en el post se puede decir que es de los más conocidos, aunque existe alternativas como jQuery.popeye, Zoomy…
Como usar el plugin:
Para comenzar necesitamos tener el javascript de jQuery y después descargar el plugin. Debemos incluir en la cabecera dos ficheros javascript:
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
También debemos incluir el fichero CSS:
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />
Incluimos las etiquetas HTML para enlazar una imagen, por ejemplo:
<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>
Y por último incluimos el siguiente javascript que es el que activará el lightBox:
<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>
Visita lightBox plugin
Ver una Demo
Escrito por Niko | 10 de Julio de 2009 | 0 comentarios
CSS y Diseño Web y JavaScript.
Si quieres una implementación elegante para realizar un scroll en una capa div, puedes hacerlo con la librería desarrollada en DYN-WEB, que te permite desplazamiento onmouseover, onmousedown, onmousewheel, o deslizamiento onclick, desplazamiento vertical u horizontalmente , las barras de desplazamiento pueden ser creadas usando los gráficos que elijas y muchas más opciones.
Descargar div con scroll
Escrito por Niko | 28 de Junio de 2009 | 0 comentarios
CSS y Diseño Web y JavaScript.
