[Tutorial] Como crear tu propio theme [Tutorial] Como crear tu propio theme


[Tutorial] Como crear tu propio theme
Sin conexión Aeroxis
Mensaje: #1
[Tutorial] Como crear tu propio theme
Escritor Friki
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,448
Registro en: Sep 2008
Reputación: 34
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 Smiley-wink

Atte. Aeroxis.


26-09-2009 06:55 AM
Visita su sitio web Encuentra todos sus mensajes
Ausente Ignnacio
Mensaje: #2
RE: [Tutorial] Como crear tu propio theme
Escritor Friki
******

Avatar de Ignnacio

Info del foro de este user
Mensajes: 1,195
Registro en: Jan 2009
Reputación: 60
Combiene que sea el tutorial completo pero igual gracias Smiley-wink


26-09-2009 10:02 AM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Aeroxis
Mensaje: #3
RE: [Tutorial] Como crear tu propio theme
Escritor Friki
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,448
Registro en: Sep 2008
Reputación: 34
Si lees mi tema pone, que esto es un tutorial Básico, para crear lo básico, dentro de poco llegará el Avanzado, para crearlo a la perfección Smiley-wink
Pero iré llenando este tutorial de mas información así que no dejéis de visitarlo.


26-09-2009 10:49 AM
Visita su sitio web Encuentra todos sus mensajes
Ausente Angelbg
Mensaje: #4
RE: [Tutorial] Como crear tu propio theme
Miembro Senior
******

Avatar de Angelbg

Mensajes: 255
Registro en: Aug 2009
Reputación: 12
Disculpen por revivir pero tengo una pregunta:

(26-09-2009 06:55 AM)Aeroxis escribió:  body: Esto es el cuerpo de tu foro, aquí cambias la imagen de el cuerpo de tu foro, osea la estructura.

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

Oe, si me podrías explicar esas dos un poco más por favor?
No le he entendido muy bien... Smiley-wink


12-11-2009 07:49 PM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Himura
Mensaje: #5
RE: [Tutorial] Como crear tu propio theme
Administrador
*******
Administradores

Avatar de Himura

Info del foro de este user
Mensajes: 1,408
Registro en: Jul 2009
Reputación: 172
body es el cuerpo el fondo del foro lo que aca vemos verde y negro
.tfoot es "la barra de al final" jejeje, una captura mejor


使用ザ 検索, ばか

12-11-2009 08:10 PM
Visita su sitio web Encuentra todos sus mensajes
Sin conexión Aeroxis
Mensaje: #6
RE: [Tutorial] Como crear tu propio theme
Escritor Friki
******

Avatar de Aeroxis

Info del foro de este user
Mensajes: 1,448
Registro en: Sep 2008
Reputación: 34
El tfoot viene por defecto, puesto para que sea el mismo que el thead.


13-11-2009 09:00 AM
Visita su sitio web Encuentra todos sus mensajes




Usuario(s) navegando en este tema: 1 invitado(s)
Hora: 24-05-2013, 11:51 AM