Hola usuarios de MyBB-Es! Soy Aeroxis,
y vengo a enseñaros a crear vuestro propio theme, ya que muchos andan pidiendo que quieren tener un theme exclusivo, y muchas cosas así, pues aquí esta al solución.
Que necesitamos:
Un Designer*(Alguien que sepa crear las imagenes en Photoshop, o cualquier otro programa)
Tiempo*
Cerebro
El signo * significa, que es obligatorio, los que no lo lleven, son opcionales
Primero tenemos que ir a Plantillas y Estilos/Estilos:
Aquí dentro podemos hacer 2 cosas.
Primera, hacer nuestro theme modificando el Default.(Es más facil)
Segunda, crear nuestros propios templates.
En esta guía enseño ha hacerlo modificando el default, si alguien se atreve ha hacerlo creando el suyo, pues por mi vale.
Vamos a Plantillas y Estilos/Estilos/Default:
Nos metemos en
Global.css:
Ahora veréis una barra que te deja elegir las zonas que quieres ir, ahora viene lo importante averiguar cada parte que cambia,
solo pondré las mas necesarias:
body: Aquí cambias el fondo de la web, como aquí el fondo verde y negro.
#container: aquí elijes el fondo del foro, lo que se ve aquí de verde y negro
no, el que yo digo es el blanco. Si quieres poner una imagen de fondo, tienes que subirla a htdocs/images llamada container.gif, y en Fondo escribes: url(images/container.gif)
.tborder: Esto es el borde, de lo que pone en esta web, por ejemplo en el foro de MyBB 1.4.x, el borde de lo verde que pone MyBB 1.4.x, y elijes el color poniendo en la sección Color, el código Hexadecimal.
.thead: Esto es, por ejemplo el Foro MyBB 1.4.x, el color verde, esto es. Para cambiarlo por cualquier imagen, la subes a images con el nombre thead_bg.gif, y en fondo escribes: url(images/thead_bg.gif) no-repeat.
.tcat: Esto es, por ejemplo abajo de MyBB 1.4.x, pone foro, nuevo tema, autor, fecha, etc. Aqui esta en negro, pues en fondo elijes la iamgen que quieres poner subiéndola a images con el nombre tcat.gif, y escribes en fondo: url(images/tcat.gif)
.tfoot: Esto aquí en MyBB-ES no hay, pero en un Afresh es en donde pone: Theme created by Justin S., subes la imagen a images o usas la misma que el thead, si la subes a images tienes que subirla tfoot.gif, y escribir en fondo url(images/tfoot.gif)
Bueno y esto es lo mas importante para crear un theme, ya las demás partes las descubrís solos, o a lo mejor creo otro tutorial explicandolo mejor
Atte. Aeroxis.