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

[kenet]

1: IMAGENES


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 (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)





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..

[kenet]

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.

Code Select Expand

/* 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.

Code Select Expand

/* 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.

Code Select Expand

/* 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%;

[zutzu]

Gran trabajo kenet como ya te lo había dicho, sera de gran ayuda.
saludos!.

[DoctorMalboro]

A ver si aprendo a diseñar themes...

[4Kstore]

No había visto esto y merece el agradecimiento.
Muchas gracias (!).
Saludos!

[kenet]

 muchas gracias amigos, a ver si lo actualizo en estos dias, por que e estado bastante ocupado.

[enik]

Muy buen aporte kenet servira de mucho para todos ,un punto de karma para voz

Bye.

[BLack eMo]

Vaya Kenet, sin duda un aporte inigualable, lo que no puedo ver son las imágenes sabes...

[^HeRaCLeS^]

lo que no puedo ver son las imágenes sabes...

Yo las veo sin Problemas.

[enik]

Las imagenes se miran muy claras.

[lean]

Tinypic bloquea al pais que no le es rentable a su negocio, por lo que hay algunos que no pueden visualizar imagenes como por ejemplo argentina.
Fijate entrando mediante un proxy y seguramente las veras:
http://www.pagewash.com/

[enik]

Cierto tinypic tiene bloqueda Argentina que otros paises estaran bloquedos 

[^HeRaCLeS^]

Yo soy 100% Argento y las veo mas que bien las imágenes 

[enik]

Entonces por que algunos Argentinos no las miran 

[lean]

Se, yo tambien. Pero hay dias que no se pueden ver. Ni idea que hacen los de photobucket y su tinypic.

[^HeRaCLeS^]

Entonces por que algunos Argentinos no las miran

Porque no estan a nuestro nivel!! 

[enik]

Jajaja deve de ser eso 

[Nanotec]

Grandísimo tutorial... probare a ver que tal!

[jeriko]

Te felicito y agradezco.

PD: Soy Argentino y veo perfectamente las imagenes.

[eche.30]

Hola a Kenet y demas participantes de este post!

Los molesto con lo siguiente: Mi intension es poner un banner en este theme (Curve) que se ajuste automaticamente a la resolucion de monitor de cada usuario (800x600; 1280x800; etc etc).

Digo esto porque intenté subirla desde la configuracion del theme "URL de la imagen del logo:   (déjalo en blanco para mostrar el nombre y el logo por defecto.)" y el resultado fue una imagen "montada" (como si "pisara" el encabezado). Trabajándola un poco con photoshop, se logró acomodar, pero el problema fue que al ver la pagina desde otra pc con otra resolucion, este logo se ve cortado. Es decir: no acompaña a la resolucion del foro, es como si estuviera siempre fija en tamaño.

Intenté comparar el "Index.template.php" de este Theme con otro (Core) que sí tiene un logo bien ubicado y flexible con las distintas resoluciones, pero no logro entender que parte es diferente

Aqui es donde necesito ayuda: como hago para agregar mi banner al Theme Curve?

Muchisimas gracias (Lamento no tener mayores conocimientos para poder aportar y no estar siempre "pidiendo")

Ezequiel

PD: Agregue mi pregunta en este post porque me pareció correlativo con la exelente explicacion que hizo Kenet