Firefox Lovers theme - With Side Menu

[dwd2000]

Link to the theme


Firefox Lovers Theme - With Side Menu

First of all, I would like to thank Jeza ("SMF Arcade" fame) for doing something in 5 or 10 minutes, that I couldn't figure out in 3 days. 

A heavily modified default theme.
Yes, it looks a lot like "Firefox Lovers" theme.

• Moved main menu to left side
  
• Centred header logo - removed SMF logo
• Rounded corners (not seen with Internet Explorer)
  
• Smaller header
• Moved stuff from collapsible section to main header
• Removed collapsible section
• Removed link tree (from main page)
• Live clock (can be added, but won't be a valid edit)
• Scrolling News (can be added, but won't be a valid edit)
• Added borders to some stuff
• Replaced many images with colours (easier to modify to your liking via style.css)

As I said above, Internet Explorer (IE) will not show the rounded corners.
Please don't complain to me - complain to Microsoft instead.

Demo can be seen HERE

=======================================================================

Blah blah stuff:

I am more of a tweaker than a coder, so it is quite an accomplishment for me to actually submit something other than an avatar pack.

This theme is one way of giving something back to the SMF community for their support.

Thanks and enjoy.

[bullbreedluverz]

lol its starting to look like my forum theme........... few more updates and you will be releasing my theme lol

[dwd2000]

HERE'S THE EDITS:

CLOCK AND SCROLLING NEWS:

Remember that these edits (live clock and scrolling news) will cause the theme to not validate properly.
The validation does not accept the <marquee> tag and the form for the clock is missing an "action".
Use at your own risk.

index.template.php

Find:

Code Select Expand

if (!empty($settings['enable_news']))
echo '
<li><h3>', $txt['news'], ':</h3></li>
<li>', $context['random_news_line'], '</li>
<li>

</li>', '</ul>';


Replace with:

Code Select Expand

if (!empty($settings['enable_news']))
echo '
<li><h3>', $txt['news'], ':</h3></li>
<li><marquee>', $context['random_news_line'], '</marquee></li>
<li><form name="clock" onsubmit="0">
<input type="text" name="face" size="12" value="" style="background-color: transparent; border: 0px;"/>
</form></li>', '</ul>';

CHANGING "NEWS" TO "RANDOM QUOTE"

You can use the "News" as a "Random Quote" by adding the quotes you want instead of news in the "News and Newsletters" section and changing the language file.

index.english.php

Find:

Code Select Expand

$txt['news'] = 'News';

Replace with:

Code Select Expand

$txt['news'] = 'Random Quote';

Instead of "Random Quote", you can use "Quote of the Moment", or anything you like.
Don't forget to "Enable News" and disable the "News Fader".

ADDING A BACKGROUND IMAGE:

style.css

Find:

Code Select Expand

/* set a fontsize that will look the same in all browsers. */
body
{
background: black;
margin: 0;
padding: 12px 0 4px 0;
font: 95%/90% Verdana, Helvetica, sans-serif;
/* If you want a background image - remove the comments and
add the name of the image - after "background/" and before the " ) ".
Please note what folder to put your background images into. */
    /* background-image: url(images/background/   );  */
    /*  background-repeat: repeat;  */
    /* background-attachment : fixed; */
/* "fixed" will make the background image stay in one place, while everything else scrolls. */
}

The above code can be altered to add a background image to the theme.
You may need to comment out background: black; (add /* before and */ after)
Remove comments (/* and */) from the lines you want to use.
   /* background-image: url(images/background/   );  */ - Add the image name and note the folder to upload your image to
   /* background-repeat: repeat;  */ - You should just remove the comments from this line to allow small images to repeat.
   /* background-attachment : fixed; */ - Using this will force the background images to stay put while the rest of the page scrolls. Not recommended for slower servers.

Enjoy.

[dwd2000]

lol its starting to look like my forum theme........... few more updates and you will be releasing my theme lol

I don't think it'll get that far.
My main site has a lot of mods that use up menu space up top, with more to come.
I basically did this for that reason, and for others who may have the same problem.

I promise to look at your theme BEFORE making others. 

[bullbreedluverz]

lol aslong as the theme dont end up with a big bone as a logo then i think it should be ok lmao

[dwd2000]

lol aslong as the theme dont end up with a big bone as a logo then i think it should be ok lmao

No problem.
Yours looks like you put more work into it than I did.
The first time I saw it, I was thinking the side was a portal, not built in.

[bullbreedluverz]

nah i dont really like portals, its all built in - took me about a month to build that theme as theres 6 colour variations and i made all the images myself and coding it all was a night mare as it was my first multi-colour theme (might not of done it if i had known it would take that long lol)

but for your first ventures into making themes your doing good

[dwd2000]

nah i dont really like portals, its all built in - took me about a month to build that theme as theres 6 colour variations and i made all the images myself and coding it all was a night mare as it was my first multi-colour theme (might not of done it if i had known it would take that long lol)

but for your first ventures into making themes your doing good

I'm using Simple Portal on my main site, and was using it on my test sites, but the corners were still square, so I disabled it for the test sites. I haven't dug into it too much, but I think Simple Portal takes most of the coding from the default theme, rather than the current theme. My main site has no borders or backgrounds, except for the main background image. It's a Starcraft theme. (maybe it will be my next venture)

I saw the colour changer on your site. Nice idea and graphics.

...and thanks for the compliment. Not bad for an old man who just started with php and css less than a year ago.