Crear su theme para su web con spirate

Holas amigos    vengo a hacerles un tuto que ya casi ni hago post y vengo a traerles como hacer un theme

Primero
Requerimientos :
-Tener imaginacion.

-Saves que theme vas a ha acer.
-No tener conocmientos  
deves de saver cual theme editar; por lo general siempre se edita el theme default, pero si quieres editar otro theme deves de pedirle permiso al que lo creo   ( de base ) Bueno empezamos con el tutorial  

Imagenes e iconos a editar ( opcional )

Primero Agarramos nuestro theme default y le modificamos las imagenes ya pueden ser estas :
El ojo como de T!, el corazon de favoritos, Captura :

Esos icos lo modifique yo bueno..
Carpeta icos : es donde estan como los de la imagen de arriva, si es privado o no enfin son todos los iconos del theme ( opcional editarlo )

Capeta buttons : generalmente si quieren pueden editarlas son como va a salir el boton de quote en los comentarios ( opcional editarlo )

Carpeta post : Esta carpeta es la que contiene las imagenes de que salen a un lado del post ( por ejemplo la de windows ) ( opcional editarlo )

Carpeta rangos : esta carpeta contiene las medallas cuando se va avanzando de rango puedes editarlo con los que quieras ( opcional editarlo )

Avatar : este es el avatar default de tu theme ( opcional editarlo )

Bueno para hacerlo mas facil todas las imagenes son opcionales aca estan las que editamos generalmente :

logo.png - este es el logo de tu web ( el que sale en el teme default como ( small pirate 2.3 )

btn-buscar.gif - este es el boton de buscar ( el que esta en el bloque "buscador" )

editor-fondo.jpg - este es la imagen del fondo para darle el color al fondo que se quiera dar

mensajetopbg2.gif - este es el color de la barra del menu donde estan los icos ( esta esta de azul )


menu_right_corner.gif - este es el borde de la parte derecha del menu

cita-title.gif - Fondo del borde de los bloques

Fondo-login.gif - esta es la imagen que aparese cuando le picas a "iniciar secion"

login.png - esta es la imagen que contiene lo que dice "iniciar secion"



Editando el css

El css es Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

Bueno El "maincontainer" viene siendo el borde de los bordes Captura :

¿Ven la linea roja? ese viene siendo el maincontainer

El "box_title" viene siendo el titulo de los Bloques por ejemplo Buscador Posts, etc.. Captura :


El "mensaje-top" es la barra amarilla Captura :


El "bg-cuerpo" Es la sombra de la barra amarilla Captura :


El "menu-top" Como su nombre lo dice es el menu Captura :


Los "menu_izq, menu_der, menu_centr" Son Los menus Captura :


a:link: color y estilo del link
a:visited: color y estilo del link visto
a:hover: color y estilo del link cuando el cursor del mause esta sobre el

Bueno eso es todo espero que les aya servido ah y si no saven para que puse las images todo lo del css ES LO QUE VAMOS A CAMBIAR DE COLOR!!! bueno gracias por vistar mi tuto