• Home
  • Acerca…
  • Contacto
  • Fotos
Blue Orange Green Pink Purple

Entradas publicadas en la categoria ‘css’

Puede buscar a traves de todo el contenido y encontrar una pagina o entrada especifica:

Oct 10

Rediseño (otra vez)

Hola a todos, no he tenido mucho tiempo para escribir , irónicamente ahora que no estoy trabajando parece que ya no tengo tiempo para nada, pero estoy en el proceso de crear una empresa que se llama irrelevantSoft y eso me tiene bastante ocupado.

Bueno ahora si vamos a comenzar esto, la vez pasada les había dicho que iba a inventar el nuevo diseño a medida que lo fuera realizando, pero hoy por casualidad termine en el sitio de Woo Themes y encontré AntiSocial creado por Tim van Damme; y recorde al go que vi en CSS Tricks donde dice que una buena manera de mejorar en este cuento del diseño web es buscar un sitio web que nos guste y tratar de copiar el diseño lo mas parecido posible, y eso es lo que voy a hacer.

Ago 09

Rediseño – parte 1

Como les habia comentado, voy a cambiar el diseño del sitio, e intentarcrear un tutorial basico sobre como hacerlo, espero que les guste. Bueno normalmente deberia empezar a crear una imagen en algun programa como Photoshop o Fireworks para tener una idea de como se vera el diseño una vez terminado y para tener una guia de que es lo que se quiere hacer; en este caso no lo voy a hacer. Voy a ir contruyendo el sitio poco a poco y despues ver que tal queda. Para empezar, y ya que uso Wordpress , creamos dentro una carpeta con el nombre del tema ( para el caso la llame SitioAparte), dentro de la carpeta wp-content/themes. estructura-carpetas Dentro de la carpeta dle tema se crean el archivo index.php y style.css ( son los archivos necesarios para que Wordpress reconozca el tema), ademas de las carpetas para las imagenes y los archivos java que se vayan a utilizar. Abrimos el archivo index.php con cualquier editor de texto o el de su preferencia y comenzamos con las primera lineas y las mas importarntes.

<!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" xml:lang="es-es" lang="es-es" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="palabras, clave" />
<meta content="descripcion" name="description"/>
<meta content="titulo" name="DC.Title"/>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?>
» Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link rel="alternate" type="application/rss+xml"
title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback"
href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet"
href="<?php bloginfo('stylesheet_directory'); ?>/style.css" type="text/css" />
<link rel="shortcut icon"
href="<?php bloginfo('stylesheet_directory'); ?>/imagenes/favicon.gif" />
<meta http-equiv="Content-Language" content="es" />
</head>
<body>
</body>
</html>
May 10

Tutoriales sobre Diseño Web

Esta vez quiero mostrarles algunos de los mejores tutoriales (a mi parecer) sobre diseño web; estos incluyen manejo de aplicaciones, ilustraciones, CSS entre otras cosas.

Tutoriales de Adobe Fireworks por Smashing Magazine

Varios tutoriales y descargas para Fireworks.

Tutoriales de Adobe Fireworks

Mar 02

css naked day

Leyendo anieto2k me entero que el CSS Naked Day se llevara a cabo el 9 de abril, para aquellos que no sepan que es esto aca les va una pequeña explicacion.

El CSS Naked Day es el dia en que todas los sitios web (los que quieran) desactivan toda las hojas de estilo dejando lo mas importante, el contenido.

Para participar solo necesitan usar esta funcion en php


<?php
function is_naked_day($d) {
  $start = date('U', mktime(-12, 0, 0, 04, $d, date('Y')));
  $end = date('U', mktime(36, 0, 0, 04, $d, date('Y')));
  $z = date('Z') * -1;
  $now = time() + $z;
  if ( $now >= $start && $now <= $end ) {
    return true;
  }
  return false;
}
?>

y se usa insertando esta funcion entre las etiquetas HEAD


<?php
if ( is_naked_day(9) ) {
  echo '';
} else {
  echo '<link rel="stylesheet" type="text/css" href="styles.css" />';
}
?>

Y si no quieren modificar sus temas de wordpress pueden usar este plugin creado por Aja's

Ene 31

rediseño SitioAparte parte 1

Voy a comenzar el rediseño de SitioAparte y me gustaria colocar todo el proceso de el nuevo diseño a manera de tutorial, guia o como lo quieran llamar, tambien me gustaria que si alguien sabe alguna mejor manera de hacerlo o algun consejo o aclaracion o algun tipo de ayuda sera bienvenida.

Entradas más antiguas »

SitioAparte

  • Suscribirse
  • Buscar


  • Acerca
    SitioAparte.info es un blog de diseño, fotografia y muchisimas formas más de arte que voy encontrando o que recibo por correo.
  • Photo Stream
  • Categorias
      animacion anime arquitectura arte aside cine colombia convocatoria css curiosidades descargas diseño duda exposiciones fotografias gadgets galeria gente imagenes inspiracion libros musica pensamientos portafolio publicidad software teatro temas tutoriales videos web wordpress
  • Archivos
    • Febrero de 2010
    • Enero de 2010
    • Noviembre de 2009
    • Octubre de 2009
    • Septiembre de 2009
    • Agosto de 2009
    • Julio de 2009
    • Junio de 2009
    • Mayo de 2009
    • Abril de 2009
    • Marzo de 2009
    • Febrero de 2009
    • Enero de 2009
    • Diciembre de 2008
    • Noviembre de 2008
    • Octubre de 2008
    • Septiembre de 2008
    • Agosto de 2008
    • Julio de 2008
    • Junio de 2008
    • Mayo de 2008
    • Abril de 2008
    • Marzo de 2008
    • Febrero de 2008
    • Enero de 2008
    • Diciembre de 2007
    • Noviembre de 2007
    • Octubre de 2007



  • Home
  • Acerca…
  • Contacto
  • Fotos

© Copyright SitioAparte. Todos los derechos reservados.
Designed by FTL Wordpress Themes brought to you by Smashing Magazine
Traducido por SitioAparte

Volver al inicio