Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: KahneFan on April 01, 2009, 05:13:57 PM

Title: Creating Themes Video
Post by: KahneFan on April 01, 2009, 05:13:57 PM
If it helps, I've put together a (very) brief intro to creating themes for SMF v2.0. This will get you started and help you finish up. The middle part of coding is all up to you and your skill...

Part I - Intro To Creating Themes
http://www.youtube.com/watch?v=869rhy0CVMs

PART II - Making Sure Your Theme is Compliant
http://www.youtube.com/watch?v=TxaQHVGka_E
Title: Re: Creating Themes Video
Post by: shadow82x on April 01, 2009, 07:03:35 PM
Gotta admit, thats a very nice tutorial. :)

Thanks for spending time making that. I'm sure many new themers will benefit from it.
Title: Re: Creating Themes Video
Post by: KahneFan on April 01, 2009, 07:14:01 PM
I'm thinking about making an add-on video in regards to making sure your design is compliant and how to use the FireFox Web Developers Toolbar tool... since without that, you're theme won't be approved.
Title: Re: Creating Themes Video
Post by: bullbreedluverz on April 01, 2009, 07:25:04 PM
nice 1 KF that will be helpfull for people - the compliance tutorial will be good, i have a nightmare with it lol
Title: Re: Creating Themes Video
Post by: phpMyTony on April 02, 2009, 02:43:22 PM
Wow, I never expected your voice to be like that ( I didn't know what to expect it to be like :P ). Cool vid, thanks!
Title: Re: Creating Themes Video
Post by: Drumstick on April 03, 2009, 10:31:20 AM
Thanks! I still use SMF 1.1.8 but maybe I can learn something from this :P. Thanks!
Title: Re: Creating Themes Video
Post by: Gary on April 03, 2009, 11:08:07 AM
It's pretty decent. But just to point out a couple of things that I personally recommend, is that you do not work remotely, incase your server goes down for any reason, you can still work on your theme without interruption but that's just me.

Also, a large preview image isn't really required, though of course it is beneficial. Also, unless you're going to be editing BoardIndex.template.php, there's no need to include it. We do actually check to see if templates have been edited over the default, and if they have not, we will ask you to remove unedited template files.

Other than that, it is pretty decent and for most part will work fine when editing 1.1 except there wont be list items and the css directory doesnt exist among other things. :P
Title: Re: Creating Themes Video
Post by: KahneFan on April 03, 2009, 03:22:20 PM
Quote from: Gazmanafc on April 03, 2009, 11:08:07 AM
It's pretty decent. But just to point out a couple of things that I personally recommend, is that you do not work remotely, incase your server goes down for any reason, you can still work on your theme without interruption but that's just me.

My $.02, most people who need a video like this, probably don't have the ability to set up a desktop version of SMF to test locally. Including myself, which is why I just suggest to use a test site outside of your main site. Plus, tbh, I've (heard) it's better to test live anyway, so you can see a true version of what the site will look like. It's my understanding that what a local version produces may not be the same as what a live version produces. And if you have any type of a decent host, down time should not be an issue.

Quote from: Gazmanafc on April 03, 2009, 11:08:07 AM
Also, a large preview image isn't really required, though of course it is beneficial. Also, unless you're going to be editing BoardIndex.template.php, there's no need to include it. We do actually check to see if templates have been edited over the default, and if they have not, we will ask you to remove unedited template files.

I will make a revised version of this video at some point which excludes this step, since you're right, it's not needed. However, for now, I have notated the video with comment bubbles.

Quote from: Gazmanafc on April 03, 2009, 11:08:07 AM
Other than that, it is pretty decent and for most part will work fine when editing 1.1 except there wont be list items and the css directory doesnt exist among other things. :P

I do have a 1.1.x forum that I can try to create a video with if there is a feeling that it would be beneficial.

In regards to your point #2, I will pull that part out and probably make a part II to this video in regards to what to do to edit extra templates. Any other points which I should include in an "advanced" editing video?
Title: Re: Creating Themes Video
Post by: Drumstick on April 03, 2009, 03:37:46 PM
QuoteI do have a 1.1.x forum that I can try to create a video with if there is a feeling that it would be beneficial.

That would be awesome!
Title: Re: Creating Themes Video
Post by: Gary on April 03, 2009, 03:57:57 PM
KahneFan - There's no real need to edit anything, more often than not people actually do edit BoardIndex.template.php I was simply saying that if you have no intention on editing it, why bother including it. :P

Also as for the local vs. remote thing, there's no difference in presentation. If you were to put the same data onto both a localhost and a remote server, graphically, they'd be the same. To establish a localhost, is actually pretty simple, since you can find free packages out there like XAMPP to install everything you need to get it running, Apache, PHP, MySQL and phpMyAdmin in one go without any configuring.
Title: Re: Creating Themes Video
Post by: KahneFan on April 03, 2009, 04:20:27 PM
I'll have to check those out, thanks!!

(That might have to be included for the advanced video :D)
Title: Re: Creating Themes Video
Post by: - Lawrence - on April 08, 2009, 06:12:58 PM
Ah man that was a useful video, I may actually attempt to make a theme now :).

Thanks.
Title: Re: Creating Themes Video
Post by: Antechinus on April 08, 2009, 06:46:44 PM
Definitely put the local testing option in the next video. Anyone who is capable of installing and using SMF is also capable of installing and using a local host package. They really are very simple to set up and save a lot of time and effort when testing themes and mods, or even when verifying database backups. This is particularly true for people on slower and/or unreliable connections.

In my opinion the best one is Vertrigo, with XAMPP being the next best. Both of these come with a good interface and good documentation in several languages.

http://vertrigo.sourceforge.net/?lang=eng

http://www.apachefriends.org/en/index.html
Title: Re: Creating Themes Video
Post by: KahneFan on April 16, 2009, 11:55:26 PM
OK, I'm trying out Vertrigo. Seems pretty cool so far... except I haven't gotten very far. I figured out the PhpMyAdmin name/pass, so I'm ready to setup my forum. I have the server running, but when I go to open index.php of my forum folder, I just get the php page, it's not parsed. Do I need to view it differently?

Also, a few things I thought about between web vs local...

- I mod/theme from 2, sometimes 3 computers/notebooks, so a web interface is VERY handy for this.

- While editing there are times I like to come here (or iPost) and ask "What do you think about..." Or, "How should I adjust...", again, a web interface is much more handy for this. Granted, I could begin editing locally, then load to the web when I have questions, but it's easier to just start on the W instead of having to move later.

- (1&2 together), if help is needed with a mod/theme, with a web interface you can simply give a helper a login and they're ready to roll. With local, they have to have one of these programs, know how to use it, and have a copy of the forum as well.
Title: Re: Creating Themes Video
Post by: Antechinus on April 17, 2009, 05:31:44 PM
You need to create a database in phpMyAdmin and then load the SMF files into a folder under the Vertrigo www folder, then run install.php like any other SMF installation.

I use one computer for all my design work and am too bloody arrogant to ask for feedback while it's WIP. :D
I'm also on a 512/256 sat link that sometimes lives up to its promised speed. Doing all my design and testing on a local makes a lot of sense for me. I also have online test sites for final checking or if I hit a coding problem and want feedback.
Title: Re: Creating Themes Video
Post by: KahneFan on April 17, 2009, 05:43:44 PM
6 of 1, half dozen of the other :D

As long as I have my PhpMyAdmin name/pass, doesn't SMF usually create the db?
Title: Re: Creating Themes Video
Post by: Antechinus on April 17, 2009, 06:32:04 PM
No. You have to create it yourself. SMF will create the tables once the db is there.
Title: Re: Creating Themes Video
Post by: Gary on April 17, 2009, 07:47:45 PM
Actually, in some cases, SMF's installer can create the DB for you.
Title: Re: Creating Themes Video
Post by: Tiribulus on April 17, 2009, 11:34:42 PM
Quote from: Antechinus on April 08, 2009, 06:46:44 PM
Definitely put the local testing option in the next video. Anyone who is capable of installing and using SMF is also capable of installing and using a local host package. They really are very simple to set up and save a lot of time and effort when testing themes and mods, or even when verifying database backups. This is particularly true for people on slower and/or unreliable connections.

In my opinion the best one is Vertrigo, with XAMPP being the next best. Both of these come with a good interface and good documentation in several languages.

http://vertrigo.sourceforge.net/?lang=eng

http://www.apachefriends.org/en/index.html

Now he tells me :'( I went through a colossal hoop jumping spree setting this machine up from scratch. Oh well, it was good education anyway :)
Title: Re: Creating Themes Video
Post by: KahneFan on April 20, 2009, 04:38:25 PM
Part II (compliance) has been added above.
Title: Re: Creating Themes Video
Post by: KahneFan on May 11, 2009, 01:19:27 PM
For those that think my first video was too quiet, will you give me feedback on my second video? I can hear them fine on my machine, so I can't really test it.
Title: Re: Creating Themes Video
Post by: bullbreedluverz on May 11, 2009, 01:49:51 PM
neither of them seem quiet to me (but then i am running quite a decent sound system off my pc) but the part 2 is louder
Title: Re: Creating Themes Video
Post by: KahneFan on May 11, 2009, 03:53:05 PM
Same here. I can blare both of them (if I choose), so I'm not sure why people feel they are quiet. Either way, I'll try to make the next one at the same level as #2.

Thanks stikkki
Title: Re: Creating Themes Video
Post by: bullbreedluverz on May 11, 2009, 04:28:42 PM
maybe they need to turn their volumes up a bit lol


Title: Re: Creating Themes Video
Post by: TheDisturbedOne on July 24, 2009, 08:42:34 AM
Thanks for the video. The theme that you made was butt ugly though (I know it was an example though). :D
Title: Re: Creating Themes Video
Post by: KahneFan on July 29, 2009, 05:30:56 PM
Quote from: TheDisturbedOne on July 24, 2009, 08:42:34 AM
Thanks for the video. The theme that you made was butt ugly though (I know it was an example though). :D

Darn it! I was going to publish that theme!!! :P
Title: Re: Creating Themes Video
Post by: TheDisturbedOne on July 29, 2009, 06:05:19 PM
Runic's theme "Ugly" takes the cake already...
:P
Title: Re: Creating Themes Video
Post by: Gary on July 29, 2009, 09:28:57 PM
Don't forget 2Horrible.

We had a lot of laughs in Tucson about that one. :P
Title: Re: Creating Themes Video
Post by: Shark-Time on July 29, 2009, 09:31:19 PM
Thanks for the vids...
Title: Re: Creating Themes Video
Post by: Liam. on November 02, 2009, 01:05:05 PM
Could do with some more things, but brilliant start! Love it!
Title: Re: Creating Themes Video
Post by: KahneFan on November 02, 2009, 04:31:17 PM
Thanks :-)
Title: Re: Creating Themes Video
Post by: gazza.motswagole on January 12, 2010, 07:19:52 PM
I WANT TO CREATE MY OWN THEME TO LOOK JUST LIKE MY WEBSITE. I DONT KNOW HOW TO DO THIS. IS THERE ANYONE WILL TO HELP OR DO THIS AT AGREED FEE? PLEASE EMAIL ME IF YOU ARE INTERESTED. I JUST WANT TO CHANGE THE PAGE COLORS AND ADD MY LOGO TO THEME.
Title: Re: Creating Themes Video
Post by: Gary on January 13, 2010, 02:35:09 AM
Well, for one thing, not using all caps would be a good place to start.