Advertisement:
NameCheap

Author Topic: How can I make My Own Theme  (Read 4460 times)

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
How can I make My Own Theme
« 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?

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,985
  • Master of BBC Abuse
Re: How can I make My Own Theme
« Reply #1 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
Mods - Manky Old Themes - Apocalypse theme (WIP)

Quote
(11:43:45 AM) Antechinus: of course, it's also possible that I'm an arrogant know it all bastard
(11:43:59 AM) Eliana Tamerin: you are :P
(11:44:21 AM) Antechinus: hmmph

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
Re: How can I make My Own Theme
« Reply #2 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.

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,985
  • Master of BBC Abuse
Re: How can I make My Own Theme
« Reply #3 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.
Mods - Manky Old Themes - Apocalypse theme (WIP)

Quote
(11:43:45 AM) Antechinus: of course, it's also possible that I'm an arrogant know it all bastard
(11:43:59 AM) Eliana Tamerin: you are :P
(11:44:21 AM) Antechinus: hmmph

Offline TheDisturbedOne

  • SMF Hero
  • ******
  • Posts: 1,700
    • Disturbed Message Board
Re: How can I make My Own Theme
« Reply #4 on: November 20, 2008, 03:46:44 PM »
Parse errors totally rock.
hahaha.
Got my deal of those!

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
Re: How can I make My Own Theme
« Reply #5 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.

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,985
  • Master of BBC Abuse
Re: How can I make My Own Theme
« Reply #6 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.
Mods - Manky Old Themes - Apocalypse theme (WIP)

Quote
(11:43:45 AM) Antechinus: of course, it's also possible that I'm an arrogant know it all bastard
(11:43:59 AM) Eliana Tamerin: you are :P
(11:44:21 AM) Antechinus: hmmph

bullbreedluverz

  • Guest
Re: How can I make My Own Theme
« Reply #7 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

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
Re: How can I make My Own Theme
« Reply #8 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.

Offline Gary

  • Lead Customizer
  • SMF Super Hero
  • *
  • Posts: 16,075
  • Gender: Male
  • So this is the luck of the draw...
    • garygadsdon on LinkedIn
    • @Gazmanafc on Twitter
    • The Bongo Comics Fan Forum
Re: How can I make My Own Theme
« Reply #9 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.
Gary M. Gadsdon
Lead Customiser
Do NOT PM me unless I say so
Look here are three little dreamers,
ready to impress everyone
Listen up, cos it's not over
Our time has just begun!

The War of the Simpsons
Bongo Comics Fan Forum
Youtube Let's Plays
^ Current Game: Lightning Returns & Metal Gear Solid 2

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
Re: How can I make My Own Theme
« Reply #10 on: November 21, 2008, 03:55:06 PM »
ok thanks.

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
Re: How can I make My Own Theme
« Reply #11 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....

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,985
  • Master of BBC Abuse
Re: How can I make My Own Theme
« Reply #12 on: November 23, 2008, 01:19:08 AM »
Don't use Dreamweaver. Use Notepad++.
Mods - Manky Old Themes - Apocalypse theme (WIP)

Quote
(11:43:45 AM) Antechinus: of course, it's also possible that I'm an arrogant know it all bastard
(11:43:59 AM) Eliana Tamerin: you are :P
(11:44:21 AM) Antechinus: hmmph

Offline sniperelite

  • Newbie
  • *
  • Posts: 7
Re: How can I make My Own Theme
« Reply #13 on: November 23, 2008, 03:08:28 AM »
ok. ill try that. um what files from the notepad site do i need?

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,985
  • Master of BBC Abuse
Re: How can I make My Own Theme
« Reply #14 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
Mods - Manky Old Themes - Apocalypse theme (WIP)

Quote
(11:43:45 AM) Antechinus: of course, it's also possible that I'm an arrogant know it all bastard
(11:43:59 AM) Eliana Tamerin: you are :P
(11:44:21 AM) Antechinus: hmmph

Offline TheDisturbedOne

  • SMF Hero
  • ******
  • Posts: 1,700
    • Disturbed Message Board
Re: How can I make My Own Theme
« Reply #15 on: November 23, 2008, 01:21:29 PM »
Any alternatives for Mac users ;)

Offline Gary

  • Lead Customizer
  • SMF Super Hero
  • *
  • Posts: 16,075
  • Gender: Male
  • So this is the luck of the draw...
    • garygadsdon on LinkedIn
    • @Gazmanafc on Twitter
    • The Bongo Comics Fan Forum
Re: How can I make My Own Theme
« Reply #16 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.
Gary M. Gadsdon
Lead Customiser
Do NOT PM me unless I say so
Look here are three little dreamers,
ready to impress everyone
Listen up, cos it's not over
Our time has just begun!

The War of the Simpsons
Bongo Comics Fan Forum
Youtube Let's Plays
^ Current Game: Lightning Returns & Metal Gear Solid 2