Pownce: No public Pownce messages.

Agrega tu enlace

Crear un theme para WordPress I Publicada el Martes 31 de Octubre de 2006 a las 3:54 am por Infected-FX

Ajustes a la CSS II

Bueno ya tenemos más elementos que agregar a nuestra CSS como la navegación y el calendario, así es que manos a la obra.

Ya que tenemos abierto nuestro archivo style.css vamos a la línea 142 y añadimos a parte que corresponde a nuestra fecha de cada post:

CSS:
  1. .published {
  2.     display:block;
  3.     text-align: center;
  4.     float:right;
  5.     background-color:#FFF;
  6.     width:46px;
  7.     border:1px solid #EEE;
  8.     color:#666;
  9.     }
  10.  
  11. .pub-month{
  12.     padding:3px 0px;
  13.     }
  14.    
  15. .pub-month {
  16.     display:block;
  17.     font-size: .9em;
  18.     margin:0;
  19.     background-color:#DCE9F6;
  20.     color:#000;
  21.     }
  22.    
  23. .pub-date {
  24.     display:block;
  25.     font-size:1.4em;
  26.     font-weight:bold;
  27.     }

 

Ahora seguimos con la navegación justo debajo de lo que pusimos para la fecha ponemos esta parte:

CSS:
  1. .navigation {
  2.     display: block;
  3.     text-align: center;
  4.     margin-top: 10px;
  5.     margin-bottom: 60px;
  6.     }
  7.    
  8. .alignright {
  9.     float: right;
  10.     }
  11.  
  12. .alignleft {
  13.     float: left
  14.     }

 

Bueno por ahora es todo, en estos días les traigo la siguiente parte para continuar con la creación de un theme básico para wordpress.

Descargar Archivo

Incluye los siguientes archivos:

  • style.css
  • header.php
  • index.php

Páginas: 1 2 3 4 5 6 7

Otras entradas relacionadas


5 Trackbacks a este post

  1. Tenemos nuevo diseño
    Febrero 27, 2007 a las 10:15 pm
  2. [Tutoriales] ¿Cómo crear un theme para Wordpress desde cero?
    Agosto 18, 2007 a las 11:57 am
  3. Crear Themes Para Wordpress Desde Cero
    Agosto 18, 2007 a las 05:21 pm
  4. Blog and Web
    Noviembre 26, 2007 a las 03:36 am
  5. Crear theme para wordpress | Blog Social
    Septiembre 22, 2008 a las 09:11 pm

6 comentarios

  1. Eden
    Octubre 31, 2006 a las 6:34 pm

    eres fantastico bro!!

    gran utilidad la de este tuto!!

  2. HostMx Alon
    Octubre 31, 2006 a las 10:44 pm

    ahorita no tengo mucho tiempo, pero yo era de los principales interesados en este tuto, gracias ifx luego lo checho :D

  3. lucas
    Mayo 24, 2007 a las 1:08 pm

    muy bueno el tutorial amigo!!!

  4. lucas
    Agosto 2, 2007 a las 10:12 am

    REALMENTE EXELENTE!

  5. ..::N3r1::..
    Noviembre 28, 2007 a las 11:28 am

    yo nose si soy yo el idiota pero porque no aprende a escribir el que hizo esta entrada??
    es imposible leerlo..
    Chau

  6. Motif
    Septiembre 17, 2008 a las 10:48 pm

    No se por que pero no puedo descargarme los archivos.. me dice que la pagina no existe =(

Agregar comentario

*

*

XHTML: Puedes usar los siguientes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Aumentar ↓ | Disminuir ↑

Sindica este sitio usando RSS

Recuerda que si quieres mantenerte informado y recibir nuestras actualizaciones agrega nuestro feed a tu lector favorito y podrás darle seguimiento a nuestro sitio.