Creating Themes for SMF 2.0 - Introduction

[Siirist]

thanks did have news about
Creating Themes for SMF 2.0 - 02 Professional Theme Design (In Progress)
Creating Themes for SMF 2.0 - 03 Packaging Your Theme For Release (In Progress)
still wait...

Um, is this going to happen?  It's been almost seven (7) years.   

Eren Yaşarkurt -> Last Active: June 25, 2015, 08:54:34 AM   

Siirist

[Illori]

i really doubt it at this point.

i think you could have figured that out without bumping this old topic.

[Siirist]

It was my hope that by bumping, someone else with the knowledge and experience would "pick up the ball".

[Irisado]

Topic split.  Please refrain from reviving such old topics in the future.  If you wish to raise an old better, just start a new topic and quote from the old one if you need to.

[Diego Andrés]

The problem is that you should start with the default theme, but later you need ANOTHER guide (if you're very lost) to understand how to get rid of curve style.
That's the thing about smf 2.0

[Siirist]

Well, this is my first go at a theme, so I simply tried to follow the instructions that were posted by Eren Yaşarkurt, ie,

• Creating the actual theme based on Curve (something to start with that should work)
• Customizing the design (changing the looks by modifying the CSS files)
        A) modify "Themes/{your-theme}/css" folder (I modified index.php, used Dog because it is a dog training forum
            and change repeat-x; to repeat; so that it would go side to side and top to bottom)
        B) Replacing the body background - I replaced the backdrop.png with dog.jpg (a free dog wallpaper from a
            "FreeVector" site. I kept adjusting height and width of the jpg until it fit properly.
• Changing the overall look of the forum by changing main_block.png; change font type, size, and color; already had
        a logo in place; I chose NOT to change other pages of the forum using the "index.templates.php",
        "Boardindex.template.php", "Messageindex.template.php", or "Display.template.php"

I read on and saw that he was building "Clarity" theme and it was available as a zip file. I downloaded it, extracted it, and liked the images so I uploaded the zip file and installed it (there was nothing saying I should not use it).
That is when I changed the backdrop.png to dog.jpg and I modified the image so that the copyright was shown.

Here is where I am at this point Our Dog Training Forum = asanctuary.net/forum1/

I didn't think I should read through the other 87 posts to find out how to make the main part of the forum just a touch wider as you can see.

It should be simple.

I looked at the div id="wrapper" in the index.template.php (because it says 'forum_width'

Code Select Expand


function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header"><div class="frame">
<div id="top_section">
<h1 class="forumtitle">
<a href="', $scripturl, '">', empty($settings['header_logo_url']) ? $context['forum_name'] : '<img src="' . $settings['header_logo_url'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</h1>';

and didn't see a way to modify it.

I also looked in the index.php ". . . when a forum width is set. . . "

Code Select Expand


/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
}

I tried replacing "auto" with anything else, but it causes forum to go to extreme right.

So there you have my attempt at trying to build a template.

By The Way, this was the last post prior to mine,

Eren Yaşarkurt
Dear Eren! Could you please update your beautiful Clarity template for the SMF 2.0.11?

May All Have a Safe and Happy Weekend,
Siirist

[Deaks]

forum width is declared in the settings.template.php file, you can alter the width in Current Theme Settings, if you want to remove it well that is abit trickier, in all honesty Curve is ****** for making your first theme its good for variants but not a new theme, first thing most authors do is gut curve completley, or build on an existing theme they have or even start from scratch.

[Siirist]

forum width is declared in the settings.template.php file, you can alter the width in Current Theme Settings, if you want to remove it well that is a bit trickier, in all honesty Curve is ****** for making your first theme its good for variants but not a new theme, first thing most authors do is gut curve completely, or build on an existing theme they have or even start from scratch.

Thank you for your help.

So it seems from your words that I went down the wrong road.

There is no settings.template.php, I went to the Current Theme Settings and the only two available are:

• Modify the index template. (the main template) aka -> Edit Theme - index.template.php
• Modify the stylesheets. (colors, fonts, etc.) aka -> Edit Theme - css/index.css

Hmmm . . .

Be Well,
Siirist

[Deaks]

every theme has a settings.template.php, it has been a required file for a long time, I know I fought for it to be in every package that modifies the calls.  The file is in your themes folder, you do not need to modify it, however in current theme settings you will see a section that says forum width.  this is where it is modified to set a width, to remove the width wrapper you need to remove the forum width code from index.template.php ... all of it!

[Siirist]

Hey Bryan,

Thank you for your continued support. 

Perhaps that is why this theme was never approved, as it is not listed in:
Themes for your version of SMF
    SMF 1.1.21
    SMF 2.0.11

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
To be clear, I obtained the theme from the original post:

This guide is intended for people who have no knowledge in CSS/HTML or PHP whatsoever.
http://www.simplemachines.org/community/index.php?topic=349582.80[no follow]

If this is not okay, I need to know, so that I can un-install it and create my own (yeah right  )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

I was going to attach a screenshot of Admin > Current Theme (which when clicked on shows Themes and Layout Settings)

Because "something is missing" - - there is A LOT of white space on the page.   

When I was previewing the screenshot before posting it here, low and behold I saw:
"Forum width: Set the forum width. Examples: 950px, 80%, 1240px."

I must have been blind to have missed it.   

Hence, the forum width issue is now solved.

Thank you again.

Sincere,
Siirist