MyBB Community Forums

Evening all,

Just curious on how you develop your themes? Is there a base grid / PSD with the default layout for the homepage and other pages or is there some other way..?

Cheers

Here are some helpful links on creating your own theme. Also, you need CSS and HTML knowledge. Java is a bonus.

Video (Part 1): http://www.youtube.com/watch?v=IAXQsxaag0Y
Video (Part 2): http://www.youtube.com/watch?v=IRNQpW-W9c0
Video (Part 3): http://www.youtube.com/watch?v=yBslTeq3bIc
Guide: http://docs.mybb.com/Admin_CP_Themes.html

(2013-08-12, 08:34 PM)Arbaz Wrote: [ -> ]Here are some helpful links on creating your own theme. Also, you need CSS and HTML knowledge. Java is a bonus.

Video (Part 1): http://www.youtube.com/watch?v=IAXQsxaag0Y
Video (Part 2): http://www.youtube.com/watch?v=IRNQpW-W9c0
Video (Part 3): http://www.youtube.com/watch?v=yBslTeq3bIc
Guide: http://docs.mybb.com/Admin_CP_Themes.html

No offense but judging by you saying "Java", you actually have no idea how to create a theme, just able to copy and paste a couple of less than useful links.

I asked to see if there was a grid or PSD, not a tutorial nor a guide for admin cp themes.

There isn't really an official grid or PSD that has all the default elements. If I create the theme through Photoshop, I personally like to set the width to some percentage of the canvas so I know what the width will be on my computer.

Just as an example, if I set the canvas at 1600px width, I'll multiply it by .85 for 85% width to get a 1360px width canvas.

Well if I am designing a MyBB theme in photoshop, I normally just open a blank document and get stuck in from scratch. More recently for my designs, I use a width of 1170px, the width of the Twitter Bootstrap framework. You can download a photoshpo file of the grid system here http://benstewart.net/2012/06/bootstrap-...templates/. For all the elements and text, I generally just add it myself. Sometimes I may start with an old PSD design, but when I think about it I honestly don't know how much time this saves me.