Firefox Lovers theme

[dwd2000]

Link to the theme


Firefox Lovers Theme

A heavily modified default theme.

• Rounded corners (not seen with Internet Explorer)
• Centred header logo - removed SMF logo
• Centred and moved main menu to header
• 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]

oh well poor internet explorer users............. 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.

EDIT:

Minor "Calendar" modification needed due to the border sizes. The months on the left are overlapping the current month on the right.

Calendar.template.php

Find:

Code Select Expand

<div style="align: center;', $context['browser']['is_ie'] ? 'float: right; ' : 'margin-left: 220px; ', '">
', $context['view_week'] ? template_show_week_grid('main') : template_show_month_grid('main'), '
</div>

Replace with:

Code Select Expand

<div style="align: center;', $context['browser']['is_ie'] ? 'float: right; ' : 'margin-left: 250px; ', '">
', $context['view_week'] ? template_show_week_grid('main') : template_show_month_grid('main'), '
</div>

OR: just change 'margin-left: 220px; to 'margin-left: 250px;

Enjoy.

[dwd2000]

oh well poor internet explorer users............. lol

...until IE catches up anyway. Until then, this will just be a novelty.

[bullbreedluverz]

i have similar moz/webkit borders/corners running throughout my new theme for my forum http://bullbreedluverz.com/themetest/index.php - ive been using them on themes for little bit now (although not on the boards before)

it is a nice touch to remove the hard corners and make a smoother looking style so your theme gets the thumbs up as far as im concerned

as for IE catching up........ lol believe it when i see it

[dwd2000]

i have similar moz/webkit borders/corners running throughout my new theme for my forum http://bullbreedluverz.com/themetest/index.php - ive been using them on themes for little bit now (although not on the boards before)

Looks nice. I don't use background images though. I just find using colours is easier for me to change things. I'm assuming others may like that fact too.

it is a nice touch to remove the hard corners and make a smoother looking style so your theme gets the thumbs up as far as im concerned

Thanks.

as for IE catching up........ lol believe it when i see it

I didn't say it was going to be soon. 

[bullbreedluverz]

lot people prefer minimal image themes to improve load time especially if they have slow servers

[dwd2000]

lot people prefer minimal image themes to improve load time especially if they have slow servers

...and/or lots of members.

[dwd2000]

If you have installed this theme AND MADE ALTERATIONS ...

"Quote" the last reply of this message only to list your site.

Let everyone see what can be done.

Just use the "REPLY" link/button to reply to the normal thread. (re: Firefox Lovers theme)

[dwd2000]

If you have installed this theme AND MADE ALTERATIONS ...

"Quote" the last reply of this message only to list your site.

Let everyone see what can be done.

Just use the "REPLY" link/button to reply to the normal thread. (re: Firefox Lovers theme)

My main site uses a variation of this theme, with "transparent" backgrounds and "0px" borders, and a Starcraft background image.
http://www.friends-alumni.com