Simple Machines Community Forum

I would like to present you my first try on theme creation: Matrix Theme for SMF. It's a classical Matrix theme, green on black. It has the news fader placed on top right (the fade time can be set in the admin panel). I would like to thank A.M.A and Alperuzi for their ideas. Here it is:

Download:

http://turkish.doom9.org/smf/matrix.tar.gz
http://turkish.doom9.org/smf/matrixfont.zip (The Font Used In The Logo)

Demo:

http://forum.turkish.doom9.org/index.php?theme=6;language=english

Samples:

• BoardIndex (http://turkish.doom9.org/smf/indexmatrix.png)
• MessageIndex (http://turkish.doom9.org/smf/messageindexmatrix.png)
• Display (http://turkish.doom9.org/smf/displaymatrix.png)
• Post (http://turkish.doom9.org/smf/postmatrix.png)

Mods:

Experience Bar for Matrix - click here (http://www.oi-forums.com/files/MatrixExperienceBar.zip) (Thanks to OIDanTheManIO)

Notes:

1. Turkish buttons are coming soon...
2. There has to be more than one news item for the fader to work...
3. If you don't like the animated new post icon (on.gif) you can replace it with this: (on2.gif)...
4. The buttons are derived versions of the default buttons... (thanks babylonking)

Great theme :)
but if you matrix-ize the icons of topics, it would be perfect ;)

Elegant theme! I like this combination of black and green, it gives a very good contrast and makes it easy to read.

looks great

thanks for sharing ;)

Thank you for you good comments, Saleh I will look into that...  :)

Looking great forsakenlad!
Well done .. love the on/off icons suit the theme perfectly and nice touch with the news fader on the right.

thanks  forsakenlad

Nice theme.  I'm uploading now.

-Dan The Man

A.M.A, GiciK-GrafiC&DesigN and OIDanTheManIO thank you for your good comments...  :)

Looking great ;)

Amazing, been waiting for one actually.

Trekkie, man your avatar so great. Please give me :P

Midgard and Trekkie101, thank you ;) for your compliments...

Thanks a lot for this theme; the members like it very much :)

Thank you allfripou, glad that your members liked it  ;)

love your theme!  looks great :D

Dude excellent theme.. :) I have installed it and looks fantastic..Thanx for your hard work and for sharing this..What a great community we have here.. :)

Eg&nwowatcher thanks guys!  :D

I want to get rid of the upper part of my forum. The area that has :
    Hey, Jason, you have 0 messages, 0 are new.
Total time logged in: 1 days, 10 hours and 53 minutes.
Show unread posts since last visit.
Show new replies to your posts.
May 24, 2005, 09:38:35 PM

I want this to be at the bottom of the page.

Here is what my page looks like. http://michiganminis.com/forum/index.php?action=forum Can anyone help me?

topics merged

anyway you can post the psd files i need an icon that says chat and also i want to be able to change the smf  name to my own

Very nice work!

Quote from: MichiganMinis on May 24, 2005, 07:39:29 PM
I want to get rid of the upper part of my forum. The area that has :
    Hey, Jason, you have 0 messages, 0 are new.
Total time logged in: 1 days, 10 hours and 53 minutes.
Show unread posts since last visit.
Show new replies to your posts.
May 24, 2005, 09:38:35 PM

I want this to be at the bottom of the page.

Here is what my page looks like. http://michiganminis.com/forum/index.php?action=forum Can anyone help me?

To get rid of this part remove (index.template.php):

<tr id="upshrinkHeader">
<td valign="top">
<div class="headerbodies">
<table width="100%" cellpadding="0" cellspacing="4" border="0"><tr>';

if (!empty($context['user']['avatar']))
echo '<td valign="middle">', $context['user']['avatar']['image'], '</td>';

echo '<td width="70%" align="left" valign="top" class="smalltext" style="font-family: verdana, arial, sans-serif;">';

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
', $txt['hello_member'], ' <b>', $context['user']['name'], '</b>';

// Only tell them about their messages if they can read their messages!
if ($context['allow_pm'])
echo ', ', $txt[152], ' <a href="', $scripturl, '?action=pm">', $context['user']['messages'], ' ', $context['user']['messages'] != 1 ? $txt[153] : $txt[471], '</a>', $txt['newmessages4'], ' ', $context['user']['unread_messages'], ' ', $context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1'];
echo '.';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '<br />
<b>', $txt[616], '</b>';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '<br />
', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=regcenter">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'];

// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
<br />', $txt['totalTimeLogged1'];

// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];

// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];

// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'];
}

echo '<br />
<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a><br />
<a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />
', $context['current_time'];
}
// Otherwise they're a guest - so politely ask them to register or login.
else
{
echo '
', $txt['welcome_guest'], '<br />
', $context['current_time'], '<br />

<form action="', $scripturl, '?action=login2" method="post" style="margin: 3px 1ex 1px 0; text-align:right;">
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="302400">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
', $txt['smf52'], '
</form>';
}

echo '
</td>
                                                <td width="30%" align="right" class="smalltext" style="font-family: verdana, arial, sans-serif;">
                                                <div id="smfFadeScroller" style="width: 95%; padding: 0px; color: #000000;"><b>', $context['news_lines'][0], '</b></div>
<script language="JavaScript1.2" type="text/javascript"><!--
// The fading delay (in ms.)
var smfFadeDelay = ', empty($settings['newsfader_time']) ? 5000 : $settings['newsfader_time'], ';
// Fade from... what text color?  To which background color?
var smfFadeFrom = {"r": 0, "g": 153, "b": 0}, smfFadeTo = {"r": 0, "g": 0, "b": 0};
// Surround each item with... anything special?
var smfFadeBefore = "<b>", smfFadeAfter = "</b>";

// List all the lines of the news for display.
var smfFadeContent = new Array(
"', implode('",
"', $context['fader_news_lines']), '"
);
// --></script>
<script language="JavaScript1.2" type="text/javascript" src="', $settings['default_theme_url'], '/fader.js"></script>
                                                </td></tr></table>
</div>';



// If we're on a certain board, limit it to this board ;).
if (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

echo '
</form>

</td>';

// Show a random news item? (or you could pick one from news_lines...)

        // Prepare all the javascript settings.



echo '

To make this part go into a place you want all you have to do is to copy and paste this code somewhere in the index.template.

Quote from: eddie43302 on May 30, 2005, 07:38:30 PM
anyway you can post the psd files i need an icon that says chat and also i want to be able to change the smf  name to my own

I don't have PSD files for the buttons. They are edited versions of the default ones if you can post here the chat button I can matrixize it. And about the logo, all you have to do is to delete the text and enter your own. I have added the font to the first post....

@charlottezweb

Thank you :) Glad that you have liked it...

I was personally going to create a matrix theme myself, although this is a great starting base i could use.
Would it be ok if i enhance it, create new buttons, header, etc?
I will relese it to the public when done, and ofcourse, credit will be given. :)

Yes of course, you can do whatever you want with it as long as the created content is used for SMF, and credit is given ;)

how in the heck do i modify it to where the logo says my forum name instead of simple machines name?dont know how to edit png files.

Just post here the text that you want to convert into a logo and I will make it like the original logo. And also post here the default chat so I can modify it ;)

i want it to say     Sig-nation.com and the chat button i guess ill attach the original smf one that what you want right?

Yeah these were the things I wanted, will create them now...  ;)

Yeah, can you add chat support, so allt he chat stuff shows up?

are you done making them yet?

Here you are, very sorry for the delay:

The Logo (you must rename it so it shows mylogo.png before uploading it):



The Icon:

thank you man

No problem, glad you've liked it ;)

I've edited the "Experience Bar" mod to work with this theme.  Enjoy :).

www.oi-forums.com/files/MatrixExperienceBar.zip

-Dan The Man

Thanks OIDanTheManIO, I apperciate your efforts ;) I have added the file to the first message in this topic :)

Quote from: forsakenlad on June 08, 2005, 11:22:09 AM
Thanks OIDanTheManIO, I apperciate your efforts ;) I have added the file to the first message in this topic :)

No problem :).

-Dan The Man

This is what I get when I try to load the mod.

Quotenstalling this package will perform the following actions:
   Type    Action    Description
1.    Extract File    ./Themes/default/images/bar_empty.gif    
2.    Extract File    ./Themes/default/images/bar_fill.gif    
3.    Extract File    ./Themes/default/images/bar_full.gif    
4.    Extract File    ./Themes/default/images/bar_down.gif    
5.    Extract File    ./Themes/default/images/bar_up.gif    
6.    Extract File    ./Themes/default/images/bar_left.gif    
7.    Extract File    ./Themes/default/images/bar_right.gif    
8.    Execute Modification    Sources/Display.php    Success
9.    Execute Modification    Sources/ModSettings.php    Success
10.    Execute Modification    Themes/matrix/Display.template.php    File not found
11.    Execute Modification    Themes/matrix/languages/Modifications.english.php    File not found
12.    Execute Modification    Themes/matrix/languages/Modifications.italian.php    File not found
13.    Execute Modification    Themes/matrix/languages/Modifications.german.php    File not found

Quote from: MichiganMinis on June 08, 2005, 12:44:47 PM
This is what I get when I try to load the mod.

Quotenstalling this package will perform the following actions:
   Type    Action    Description
1.    Extract File    ./Themes/default/images/bar_empty.gif    
2.    Extract File    ./Themes/default/images/bar_fill.gif    
3.    Extract File    ./Themes/default/images/bar_full.gif    
4.    Extract File    ./Themes/default/images/bar_down.gif    
5.    Extract File    ./Themes/default/images/bar_up.gif    
6.    Extract File    ./Themes/default/images/bar_left.gif    
7.    Extract File    ./Themes/default/images/bar_right.gif    
8.    Execute Modification    Sources/Display.php    Success
9.    Execute Modification    Sources/ModSettings.php    Success
10.    Execute Modification    Themes/matrix/Display.template.php    File not found
11.    Execute Modification    Themes/matrix/languages/Modifications.english.php    File not found
12.    Execute Modification    Themes/matrix/languages/Modifications.italian.php    File not found
13.    Execute Modification    Themes/matrix/languages/Modifications.german.php    File not found

That sould not be happening.  Give me one minute to figure out what's up.

-Dan The Man

I'm sorry it took so long.  I ran into a lot of problems with this mod.  Here are the instructions as well as a link to the updated file.

1) Copy Display.template.php over from Themes/default/ and put it in Themes/matrix/.
2) Copy Modifications.[language].php over from Themes/default/languages/ and put it in Themes/matrix/languages/.
3) Download the Bar of Experience Bar for the Matrix Theme (http://www.oi-forums.com/files/MatrixExperienceBar.zip).
4) Go into Admin > Edit Features and Options > Layout and Options and check the box next to "Enable The Bar of Experience".

Enjoy :).

-Dan The Man

Yeah, the bar itself still does not show up.

Quote from: MichiganMinis on June 08, 2005, 05:45:46 PM
Yeah, the bar itself still does not show up.

That's wierd, it worked when I did it.  Does the bar itself show up though?

-Dan The Man

You get the precentage, you see the bar show up when its loading. But there is no bar when the page is done loading.

Look at my board to see what I mean.

Quote from: MichiganMinis on June 08, 2005, 06:39:56 PM
You get the precentage, you see the bar show up when its loading. But there is no bar when the page is done loading.

Look at my board to see what I mean.

Put these images in your Themes/matrix/images/ directory.

-Dan The Man

Love the Theme. It's my new Default!

Great that you hvae liked it, thanks, if you need a logo just put the text here and I will make you one, if you can't yourself ;)

I think this also gpes with the theme.

The links don't work now >:(

I have just checked and the links work fine for me ;)

it let me download it but i couldn't open it (winzip).  maybe i'm  a tard  :P

You don't have to open it you can install it from the administration panel and just choosing the zip file from the theme installation ;)

thanks, i downloaded ultimate zip and it let me unzip it. very good work.  i'll keep that in mind for next time.   :D

I am happy to know you resolved the issue ;)

Wow this is sweet.

Could I please get a logo called  Cybertoad.com
this theme is perfect for my designs but a logo would be sweet.

Thank You

Cozmo

Allright, will do one soon ;)

This theme ROCKS!!  Could you do a logo for me? Here's the text:  BlackHatForum.com

I can't believe how perfect it fits, thank you so much!!

Respectfully,
EJ Lear

Here are the logos, make sure you rename them to mylogo.png before uploading them to your images folder ;)

Awesome theme.  It's now my default too.  Great job - thanks!!!

Is this theme compatible with SMF 1.1 RC1?  And if so, can I get a logo called "F3 Kids.com" please?

hii
thanks
great thema

guys...I really like this theme, how do you change the logo that says "simple machines forum" and I also need a button for "GALLERY" please help...

I also like this theme

how about a update to 1.1.4? :P

Could i please get a logo that says: TechWikiForums


Thank you,
Kyle

Well I've lost the PSD :) However I will do complete redesign when I have the time.