[Manual] edicion de theme curve (se ira actualizando)

1: IMÁGENES


Capeta images

En esta carpeta tenemos todos los iconos de nuestro theme como se puede ver, iconos de mesaje , de cumpleamos, karma, etc..








ahora comentare lo que trae cada carpeta y cual es su funcion

La imegenes principales las temos en la carpeta "theme" de nuestro tema.

A: Capeta theme



backdrop (fondo)

frame_repeat (fondo cuerpo del foro)

loadingbar [/size](no se suele cambiar)

main_block (fondo cuerpo de foro 2, barras de categorias, etc.... mas adelante lo iremos viendo)

menu_gfx (botones de menu mas desplegables)

quickbuttons (no se suele cambiar, pero se ve bien en la imagen que botones son)

quote (como su nombre lo dice, es la imagen que sale cuando aces un quote)

submit_bg(color de botones previsualinar, guardar, etc.. en la zona de crear un post)

El backdrop como podemos ver en la imagen de abajo, nos modificaria  una parte de el fondo de nuesto theme ya que la otra parte estaria en el css.( mas adelante lo explicare)



El frame_repeat seria una de las partes del cuerpo del foro. seria la parte indicada en la foto señalado en rojo. ya que el cuerpo del foro esta formado por 2 imagenes.



En el main_block temos muchas cosas que las ire señalando por partes.



1- Esta seria la segunda parte del cuerpo del foro, editando esta parte de la imagen. Cambiariais de color o de forma estas partes





2- Esta barra la ponemos encontrar en nuesta panel de administracion como se ve en la imagen, esta barra no se vera por user que no tengan puedan entrar a adminstracion pero se recomienda editarla si las demas las editastes.



3- Esta barra es de las categorias, la principal de foro. Asi que es una de las mas importantes, en estas imagenes pueden ver todo lo que se edita con ella y algo mas que esta en el panel de administracion.







4- Esta seria las subcategorias o centros de informacion. aqui pueden ver un ejemplo ( esta barra tambien cambia en administacion como las demas)



5- Esta imagen solo rellena la parte señalada, el fondo iria desde el ccs( se explicara mas adelante)


[/b]

6 y 7-estas imagenes seria para la zona de postreo, que igual que la de arriba utilza el ccs para el  fondo( se explicara mas adelante) cada una de ellas cambia una zona, como veran son de distinto color. cambiaria solo lo marcado en rojo.



En el menu_gfx modificaremos los botones del menu y el menu desplegacle.



1: aquo modificariamos el menu desplebable.




2,3,4: Esto serian los botones de menu, no ace falta que esplique que ace cada barra por que es de logica.





El submit_bg  mo bien decia antes, es el color   de botones previsualinar, guardar, etc.. en   la zona de crear un post.








B: Carpeta admi

aqui encontraremos los iconos de nuestro centro de administracion




C: Carpeta BBc

estos son las imagenes de los botones bbc de nuestra zona de posteo



D: carpeta buttons



E: carpeta english

esta seria la imagen de tema nuevo que aparece cuando algien respomde a un tema.


F: carpeta icons

estos serian iconos de foro, de las barras, etc..




G: carpeta post

estos serian los iconos que ponemos en el anuncio al crear un post.



H: carpeta topic

estos serian los iconos de tema bloqueado, cerrado, fijado, etc..

 :bien: gracias por el aporte  :bien:

mira tus mp

Muy bueno kenet! Cuando llegue a casa (estoy en programacion viendo sql  ¬¬)  me fijo aver que pasa.
Gracias por aportar amigo!

de nada amigo, y tampoco se que pasa con las imagenes. ya me contaras

Humm esta bueno el tutorial pero eso es lo basico y ps todo eso y alo se hacer deberias agregar nuevas cosas editar otracas etc etc. bueno esa es mi opinion noc tu xD

= gracias

Excelente tutorial ! Yo estaba buscando tutoriales así para la creación y/o modificación de themes  y ahora veo que te creas esto ! Espero que vallas actualizando rápido , no veo la hora de crear estilos. 

Saludos! 

muchas gracias, aqui teneis parte del css. a ver si lean lo puede editar y ponerl a continuacion del otro para que este mas ordenado.


2: CSS

Aqui solo pondre lo mas importante que  se modifica en el css al crear un theme, lo demas son peqeños retoques  que buscando un poco se encuentran y los modifica uno mismo.

como decia antes, muchas imagenes usan ccs para rellenar los colores de fondo. aqui lo ire explicando.

1- aqui  esplicava antes que los bordes de estas zonas ivas con imagen y ccs, si  ya tenemos cambiada la imagen, ahora cambiaremos el color en nuestro  css.

en esta zona de ccs cambiariamos el fondo de estas imagenes, estre otras.

Código: /* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
    padding: 0 10px;
    background: #f5f5f5;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;






2- aqui cambiariamos el color de las categorias de los foros y parte de texto, podemos ver cuales son el las imagenes.


Código: /* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
    color: #000;
    background-color: #e7eaef;
}
.windowbg2
{
    color: #000;
    background-color: #f0f4f7;
}
.windowbg3
{
    color: #000;
    background-color: #cacdd3;
}






3- Como decia antes, el fondo esta formado por una imagen y algo de ccs. en el codigo que vemos aqui lo podeis ver.
en esta xona tambien tenemos el ancho y alto del foro, que seria el padding.

Código: /* Set a fontsize that will look the same in all browsers. */
body
{
    background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
    font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
    margin: 0 auto;
    padding: 15px 5%;

Muchas gracias eh tratado de modificar themes y tuve problemas pero ya se como hacerlo muchas gracias..

excelente entrega, será algo muy útil!

Muy bueno capo.. se agradece

Exelente! 10 Puntos!