News:

SMF 2.1.6 has been released! Take it for a spin! Read more.

Main Menu

how would i make a simple smf theme?

Started by kL, October 26, 2006, 10:31:03 PM

Previous topic - Next topic

kL

i want to make a very simple smf theme which is based on my website. how would i go about starting this? and will it be complicated?
if i editted the default theme, which files would i have to edit to change the layout of each page, including the main board index, the page that shows a thread, the reply to thread page, all that stuff? the main things i want are to put my main sites menu and logo at the top and the footer of my site at the bottom of every smf page, and the make the forum very very simple, no info box, etc.

m3talc0re

As for getting rid of the info box, I'm not sure if there's an option to turn it off or not. If there isn't, I think you should wait to get rid of it until you are a little more familiar with SMF's template system. As for a simple theme like you said you wanted, go to:

Admin>Themes and Layout>
Scroll down to Install a New Theme
Create a new copy of default named: (name your theme here).
Click Install.
Copy all of it's theme files to your computer via ftp and open up index.template.php and edit it to add your header and footer. Then change up your css and images if you want and there you go.
The real hell is your life gone wrong.

kL

thank you but which files do i have to edit?

kL

for example, you see how this is at the top of EVERY page in the forum



is that all stored in one file or is it at the top of a bunch of different files  ::)

Daniel15

You're probably looking for the index.template.php file... That has the header and footer from each page. If you look through the file, you should be able to understand how it works :)
To integrate the forum into your site, check the Integrating the forum into your site post ;)
Daniel15, former Customisation team member, resigned due to lack of time. I still love everyone here :D.
Go to smfshop.com for SMFshop support, do NOT email or PM me!

m3talc0re

Yeah, Index.template.php is the file that kind of overlays the rest of the template files. It contains the overall header, footer, breadcrumb navigation, main tab navigation, etc...
The real hell is your life gone wrong.

kL

thanks guys :D but i have a little problem ive been trying to figure out for the last 2 hours  :(
i want to center the tables the categories and boards listings so they're in the center of the page (as they're only 92% of the width) and right now theyre stuck on the left, ive tried everything to center them but the only thing i could do is make it so the text inside them is centered too, which is not what i want, i think this is because the categories are inside DIVs. when i did this it made EVERYTHING centered, including topics and posts and everything  :o if the categories were tables it would be easy but i have no idea what to do :(


bloc

Just add a div at the top of BoardIndex.template and set it with style "text-align: center". Then add a new div after it with the desired width. This way it will include everything and be centered.

kL

wouldnt that align the text in the center and not the table and div which show the boards and categories  ???

kL

thank you i used text-align: left; in style.css and have sorted it out  :D


just one last problem i have (sorry!>:() ...




how do i make the tab thing more to the left on a, and on b how do i make the width of the post table the same as everything else? (its too large)

bloc

Thats the reason I suggested 2 divs..so both tables (menu and post) align inside that second div - which will have its set width. The first div just center the second.

Advertisement: