Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: sniperelite on November 19, 2008, 01:56:15 PM

Title: How can I make My Own Theme
Post by: sniperelite on November 19, 2008, 01:56:15 PM
Hi, Ive recently downloaded the smf 1.7 or what ever, and wanted to know how i can make my totally origional theme. I have dream weaver but when i open any of the php files they are all blank. So how can i make my own custom theme?
Title: Re: How can I make My Own Theme
Post by: Antechinus on November 19, 2008, 03:55:55 PM
First thing you'll need to do is to learn basic php and css. You'll also want half a dozen browsers installed and really for custom design work a local host is worth having.

For file editing grab this: http://notepad-plus.sourceforge.net/uk/about.php
Title: Re: How can I make My Own Theme
Post by: sniperelite on November 19, 2008, 04:19:15 PM
Ok, I know some basic php and css. and what is notepad+. Is it like dream weaver? So how would I get started.
Title: Re: How can I make My Own Theme
Post by: Antechinus on November 19, 2008, 04:24:57 PM
Notepad++ is a file editor. As per:

For file editing grab this: http://notepad-plus.sourceforge.net/uk/about.php

 :P

You would get started by grabbing the template files from a theme and starting to move blocks of code around. You'll love it. Parse errors totally rock. Other thing to do is to knock up an image of what you want the finished result to look like, then check out the templates for a theme which has a similar structure.
Title: Re: How can I make My Own Theme
Post by: TheDisturbedOne on November 20, 2008, 03:46:44 PM
Parse errors totally rock.
hahaha.
Got my deal of those!
Title: Re: How can I make My Own Theme
Post by: sniperelite on November 20, 2008, 04:41:05 PM
Ok, so everything is in code can e moved around. How would I add a custom Header like a pic or somehting.
Title: Re: How can I make My Own Theme
Post by: Antechinus on November 20, 2008, 05:15:39 PM
There are a stack of ways you can code that depending on what effect you're trying to achieve. Really you should start analysing the structure and coding of themes that you like. That is the best way to start getting somewhere. Download some good themes and pull them apart. Play with them and break them, then figure out how to fix them. Do it. You know you want to.
Title: Re: How can I make My Own Theme
Post by: bullbreedluverz on November 20, 2008, 05:17:41 PM
You'll love it. Parse errors totally rock.

pmsl parse errors are my best friend, well i see them so much they should be lmao
Title: Re: How can I make My Own Theme
Post by: sniperelite on November 20, 2008, 05:28:35 PM
THanks alot guys, ima dl a theme and disect it and learn. youve all been helpful thanks alot.
Title: Re: How can I make My Own Theme
Post by: Gazmanafc on November 21, 2008, 04:59:29 AM
You're probably better off messing with a copy of the default theme, that's what most themes are built from.
Title: Re: How can I make My Own Theme
Post by: sniperelite on November 21, 2008, 03:55:06 PM
ok thanks.
Title: Re: How can I make My Own Theme
Post by: sniperelite on November 23, 2008, 12:55:54 AM
Ok....im such a noob...when i open any file in dream  weaver that ends in php for the default theme it comes up blank. I dont know where to start im so confused....
Title: Re: How can I make My Own Theme
Post by: Antechinus on November 23, 2008, 01:19:08 AM
Don't use Dreamweaver. Use Notepad++.
Title: Re: How can I make My Own Theme
Post by: sniperelite on November 23, 2008, 03:08:28 AM
ok. ill try that. um what files from the notepad site do i need?
Title: Re: How can I make My Own Theme
Post by: Antechinus on November 23, 2008, 03:55:49 AM
Hmm. He's got more files there than the last time I looked.

Go to this page: http://sourceforge.net/project/showfiles.php?group_id=95717&package_id=102072

and grab the one called     npp.5.1.1.Installer.exe
Title: Re: How can I make My Own Theme
Post by: TheDisturbedOne on November 23, 2008, 01:21:29 PM
Any alternatives for Mac users ;)
Title: Re: How can I make My Own Theme
Post by: Gazmanafc on November 24, 2008, 04:55:59 AM
Just do a Google search for "Free Text Editors" and you'll be sure to find one you like.

By the way, you CAN use Dreamweaver if you want, just use Code View instead of Design View.