Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
[Tutorial] Como crear tu propio theme
Aeroxis   26 Sep, 2009, 4:55 am
#1
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 Wink

Atte. Aeroxis.
Ignnacio Ausente   26 Sep, 2009, 8:02 am
#2
Combiene que sea el tutorial completo pero igual gracias Wink
Aeroxis   26 Sep, 2009, 8:49 am
#3
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 Wink
Pero iré llenando este tutorial de mas información así que no dejéis de visitarlo.
Angelbg   12 Nov, 2009, 5:49 pm
#4
Disculpen por revivir pero tengo una pregunta:

(26 Sep, 2009, 4: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... Wink
Himura   12 Nov, 2009, 6:10 pm
#5
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
[Imagen: dibujoiq.jpg]
Aeroxis   13 Nov, 2009, 7:00 am
#6
El tfoot viene por defecto, puesto para que sea el mismo que el thead.
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.