Simple Machines Community Forum

Red it Random

---

By : Ricky.

A Red colored dark theme with Glossy yet clean futuristic looks. Supported by beautiful random background feature which allows you to set various background  from list of beautiful background through Theme Admin Page. Theme also lets you to set random background so that on every page load, your user will see a new background.

Features

---

• Ability to set various trendy backgrounds
• Allows you to set random background rotation automatically
• Red Glossy theme yet with clean layout
• A Dark theme
• Fixed Width
• Drop Down menu with transparency
• Utilizing CSS3 supported by all modern browser
• Allows you to add custom copyright in footer

How to set Random or Static Backgrounds

---

Theme : Red it Random comes with ability to change background images, for that when you have selected this..

For Static Background:
Goto --> Admin --> Configuration --> Current Theme
and choose your background from the list apart of "Random Background" .


For Random Background:
Goto --> Admin --> Configuration --> Current Theme
and choose "Random Background" from drop down menu .


Here is the screen shot of Admin :

(https://www.simplemachines.org/community/index.php?action=dlattach;topic=451792.0;attach=186251;image)

Don't forget to save settings to see the results.


Updates:
9/12/2011 - Made menu arrangements so that you can have multi-line buttons without breaking layout.
9/13/2011 - Fixed some icon issues.
6/10/2012 - Fixed minor issue with text editor
9/27/2012 - Fixed minor issue with catbg.

Great theme Ricky.  ;)

installed but the width was way off...had to scroll.

I have not installed it but check Admin/Current Theme and see if you can change the width there. If not look in index.css for "div#wrapper" settings.

;)

hmm..

Its fixed width theme.. either something broke up or you have low resolution. What's your resolution. I guess, if you have less than 1200px resolution, you may see a scrollbar..!


PS: It doesn't have width settings in Admin as its fixed width theme.. and I prefer fixed width theme because its good to start if your forum is new , empty.. you don't need lots of stuff to fill it that way.

Whoa! Nice theme!  ;)

Thank you ARG and Bluedevil for your compliments, still I am learning stuff around SMF !

can You make something for forums with more than default amount of buttons?

becouse it looks like this when You have more. I changed the index.css value in dropmenu height from 39 to 78 but the texture is bad

link to screen shot:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg585.imageshack.us%2Fimg585%2F6635%2Fredit.png&hash=9b5fbd61c95395b3b121da85b59ffd05ba40a4b7)

Since its a fixed with theme, there could be two solutions :
1. Either reduce size of ech button but looking at your screenshot, you have so many buttons, it won't help alot.
2. Group button in dropdown menu.. like, profile button can have PM menu in it along with HELP button.  Also, Admin and moderate button is not available to normal user, so you don't have to worry about them. 

Let me know if you can manage with grouping , or else I am thinking to make things so that people can have multi-line theme items.

i don't know how to group buttons :(

and multiline would be super!

im counting on it becouse this theme is great!

Grouping can be done via Subs.php , its easy , you can request that in SMF support with your SUBs.php ..

Regarding Multiline, I can do that only by tomorrow evening. Its Sunday today !

will wait in tension :)

have a nice Sunday!

I have updated the theme, now multiline buttons won't break layout. However, I had another idea to completely change how menu are built but that will take time. Meanwhile I hope you will find it  good.

Btw, thank you for liking this theme.

super!

thank You very much!!

I can't see my unread topic icon, It' always RED.

Maybe off.png is wrong?

@GoKorat
It is very much possible that while custom icons were created for the theme, somehow they are not properly packaged. I will look into it and update theme and let you know here.

Update:
I fixed icon issue. You can download fixed theme from theme site.

Like the others really enjoying the look of the theme http://www.bestcafes.com.au/forum/index.php (http://www.bestcafes.com.au/forum/index.php) is where I am using it. Still a work in progress.

Question you might be able to help me sort out is centring the top row of the pulldown menus rather than having them as a left justify? Having trouble following the css and trying to get it to work so any help would be very welcome.

I am glad you liked the theme and I also liked they way you have customized it as per your site's need.
What I can see that you want to center the menu bar. It is possible, but being a fixed width forum, you don't have space to do that.

See this thread : http://www.simplemachines.org/community/index.php?topic=328766.0

Though, all you need to do is give main_menu a fixed width and then give it margin:0 auto; to make it center.

Thanks for the couple of tips and the link. Still not sure I want them in the centre yet but I wanted to have a look at it running that way.

Your theme has made a really good starter for where I have now got the forum to. Also not seen by guests is a tweaked version on the nchat mod under the menu and a bunch of other more subtle stuff.

Had a few of the members whinging and moaning about the Red but I am winning them over  ;)

Well, ya red may not be a winner at first but later it turns into identity. It definitely gives a unique appearance to your site!

Hi there, first thanks for great loking theme. now i have a questin :)

Where can i change color of font in Info center on this theme, i have put in photo instead of default webbrick-2.png and i need to change font color so the text wil be vissible.

THNX for help

In your index.css (found under theme's css folder)

Find following


.roundframe
{
padding: 20px;
background: url("../images/theme/webbrick-2.png") repeat-x scroll 0 0 #D34040;
-moz-border-radius:15px;
border-radius: 15px;
-webkit-border-radius: 15px;
    margin: -25px auto auto;
}
.roundframe a:link, .roundframe a:visited, .roundframe a:active
{
color: #FFF;
}


Replace it :

{
padding: 20px;
background: url("../images/theme/webbrick-2.png") repeat-x scroll 0 0 #D34040;
-moz-border-radius:15px;
border-radius: 15px;
-webkit-border-radius: 15px;
    margin: -25px auto auto;
         color:#ccc;
}
.roundframe a:link, .roundframe a:visited, .roundframe a:active
{
color: #FFF;
}

In above code, change color part to anything you want.

Fantastic, thnx ;)

One question please...

Where can i change default color of font from this dark blue to another one ?? I have made this and now i cant find it :( :-[

Can you show me screenshot.. which dark blue ?

Main font of entire forum, board titles etc... Child boards are in darkred but all others are dark blue, almost black but not black

Hi there,

I have a problem with using this theme with Simpleportal, on the portal page the block headers seem to be missing - because of this it is hard to see the font. I'd like them red the same with the rest of the forum, is there a way of getting this to work properly.
Many thanks in advance

-SC

@Boxer
Whats link to your site, I need to see your site.

@Sir Charles
Can you show us link to your site ?

Hi Ricky,

japcarforum.com is the site in question.

Many thanks,

SC

In index.css for this theme. .
search for :
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
}
Replace with :

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
   background: #c40000;
}

Where can i change size of posting area??? Or make it bigger or add scroll, its to small and when posting text goes to invisible part of field....

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg198.imageshack.us%2Fimg198%2F4352%2Falfista.jpg&hash=ff4e64db4ed6ffbb3c147a03ad03e4ad1dcf6385)

Quote from: Boxer2 on November 25, 2011, 03:51:09 PM
Where can i change size of posting area??? Or make it bigger or add scroll, its to small and when posting text goes to invisible part of field....

I fixed this on mine in the CSS a while back so I will find it and post up here  :)

Found it search for

input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #000;
background:#fff;
border: 1px solid #7f9db9;
padding: 2px;
overflow:hidden;
}


Replace with

input, button, select, textarea
{
font: 95%/115% verdana, Helvetica, sans-serif;
color: #000;
background:#fff;
border: 1px solid #7f9db9;
padding: 2px;
overflow:visible;
}


Probably be best to change if there is a new version of this theme too  :)

Thnx it helps..

Now i have another question...

How to swap places of signature and report field? I want to get signature on the end of post where now is reporting field and reporting field to bottom on place of signature

Here is a photo

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.pohrani.com%2Ff%2F2L%2F1d%2F2H2fkvY3%2Fsig-1.jpg&hash=59289f799410fb958b4fb5491612427d08db351a)

Nothing to do with the theme so best asked as a separate topic if you can't find it in a search. My best guess would be have a look at the Display.template.php if you want to finding out where to do it.  :)

How can i add custom button for portal in menu???

I Have found in subs.php menu

'home' => array(
            'title' => $txt['home'],
            'href' => $scripturl,
            'show' => true,
            'sub_buttons' => array(
            ),

And i want to add button that will go to www.alfa-corse.com/web

That is not related to Theme but anyways.. read this : http://wiki.simplemachines.org/smf/How_do_I_add_buttons_to_SMF_2.0

Ricky., first, love this theme. Have been using it for our gaming site and it's doing great.

However, I've noticed a lot of SMF database errors and slow loading times. My server provider seems to think it's the theme I'm using for SMF.

Quote from: GoDaddyUpon testing of the site and forum through internal and external proxy connections the site loaded without issue, however the forum took awhile to load. Through third party tools it appears there may be an issue with the theme of the forum that may be causing problems.

Any insight into what might be causing this?

Our address is:

http://louisvillednd.com/forum

That is nice to know that you liked this theme.

A SMF theme can't cause load issue, still I tested it on slow connection to see how it loads on slower connection (assuming server is fine) , even on slow connection your site loaded instantly.

At the moment, your site is doing fine.. no issue visible as such.

Quote from: Ricky. on December 20, 2011, 04:41:41 PM
That is nice to know that you liked this theme.

A SMF theme can't cause load issue, still I tested it on slow connection to see how it loads on slower connection (assuming server is fine) , even on slow connection your site loaded instantly.

At the moment, your site is doing fine.. no issue visible as such.

Yeah, most of the time it works great. Every now and then there is slow-down. I'm wondering if GoDaddy is just trying to pawn the issue off.

Quote from: Michael Pfaff on December 20, 2011, 04:43:49 PM
Yeah, most of the time it works great. Every now and then there is slow-down. I'm wondering if GoDaddy is just trying to pawn the issue off.

Its Godday, you should have mentioned that earlier.. lols..
And yes, you got it right, they always do that ie. to blame scripts for server faults.

Quote from: Ricky. on December 20, 2011, 04:47:22 PM

Quote from: Michael Pfaff on December 20, 2011, 04:43:49 PM
Yeah, most of the time it works great. Every now and then there is slow-down. I'm wondering if GoDaddy is just trying to pawn the issue off.

Its Godday, you should have mentioned that earlier.. lols..
And yes, you got it right, they always do that ie. to blame scripts for server faults.

Suggestions for a better host?

Go for anyone who is not a over seller, just keep distance from those who sell unlimited bandwidth / unlimited space. Those are good for new sites.

How to move simple search field and button from upper right side to lower, just a litle bit above main menu

FOrum index is  http://alfa-corse.com/forum/index.php

You can move it a little without disturbing other things,
Find :
#upper_section div.news {
    color: #DDDDDD;
    float: right;
    text-align: right;
    width: 50%;
}
Replace with :

#upper_section div.news {
    color: #DDDDDD;
    float: right;
    margin-top: 3.1em;
    text-align: right;
    width: 50%;
}

Ofcourse in index.css of theme.

thnx

Ricky, back again for some help.

I just installed the FAQ Mod by Suki and it's drawing style colors for the page from somewhere and I'm not sure how to change it. Basically, the background color for the FAQs are a dark red (similar to the color used in the info center background) and it's make the text nearly impossible to read.

My goal is to change the color for those backgrounds to be a grey to match the board index. But, I'm not sure how to fix it. I asked Suki in her mod thread, but she referred me to the CSS style in the theme:

Quote from: Suki on January 19, 2012, 03:46:09 PM
All the css is set at Sources/Faq.php  file, look for a function name "headers"  or something, I renamed the function and forgot the old name.

On that funciton you can change the style.

Each Faq uses generic SMF styles.

I'm wondering if you might be able to point me in the right direction or assist me with matching up her style function to the right function in Red It Random to make the text more legible.

My forum is: http://louisvillednd.com/forum/index.php

I've made the FAQ page visible for guests so you can see what I mean.

I just checked your page, there I see content1 as class being used, is it that you want to change "coming soon" to something more visible ?
THen in index.css of red it random theme, add at end of file:

.content1 {
color: #fff;
}

Let me know if that helps.

Quote from: Ricky. on January 20, 2012, 01:44:08 AM
I just checked your page, there I see content1 as class being used, is it that you want to change "coming soon" to something more visible ?
THen in index.css of red it random theme, add at end of file:

Code Select Expand


.content1 {
color: #fff;
}

Let me know if that helps.

That was my next option! Changing the text to white. That works! Thanks!

Quote from: Ricky. on January 20, 2012, 01:44:08 AM
I just checked your page, there I see content1 as class being used, is it that you want to change "coming soon" to something more visible ?
THen in index.css of red it random theme, add at end of file:

Code Select Expand


.content1 {
color: #fff;
}

Let me know if that helps.

Darn. So I thought this worked, until I started adding more FAQs. The new FAQs continue to have black text for some reason...

Any ideas?

That can be controlled from mod however, you can remove my previous given code and now instead add in index.css at the end:

.faqs
{
    color:#fff;
}

Quote from: Ricky. on January 20, 2012, 09:50:03 AM
That can be controlled from mod however, you can remove my previous given code and now instead add in index.css at the end:

Code Select Expand


.faqs
{
    color:#fff;
}

That worked! Fantastic. Thanks!

pls i just downloaded this theme and i wish to change from my present theme (green theme 2) to this Red-it-random and its not loading fully , pls what could be the problem? i have already set my overall defaukt theme to this your theme but its not showing at all .i.e the red is not showing at all

Have you tried.. Reset Everyone to under Admin --> Configuration --> themes and layout --> Manage and Install ?

Also, see for guests can you see Red it Random, if so then for admin change theme preference from his profile.

 i have done both suggestion and its still thesame. i reset everyone to red-it-random and also did that for guess ,but its showing its has being install .i.e i can see it via football but its not showing any RED . counting on you .thx

Try login as normal user or any other user, see if then  you get Red it Random or not !

i just login as another user and its not showing the red colour but the footer is telling me i am using red-it-random

Are you sure theme path is correct at : Admin --> configuration --> current theme,
check there what path its showing, or show us screenshot (if you can).

finally i have being able to fix it.i really appreciate your effort for your quick response. i discovered when i visited the path,i check the file red-it-random that i uploading only to discovered that i uploaded a 0kb file. i quickly went to my cpanel file manager to upload it manually and the whole problem was fix. my forum www.havilah.info is now showing the red-it-random colour and its perfect.thx

lastly before i forget,i am presently using smf chat script at the top of my forum but because i have change my theme to red-it-random, i can only see the present chat page and if i attempt of check the old page,it will display but the RED clour will not allow me to read the content. anyway out?

You may consider us giving test account so that can see it.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.uppicturbo2.com%2Fi%2Fxn.png&hash=13da61377aaf48d772941e6ff2ec84cc5f6c8cf7)

Please help me.

How to edit this template.

Alright looks like I need to fix small issue regarding text box going out of bounds.

Regarding your smileys, you may have turned them off from
Admin --> Configuration --> Current theme
There you have drop down menu to disable or choose preferred smiley set.

Quote from: Ricky. on February 01, 2012, 04:21:50 AM
Alright looks like I need to fix small issue regarding text box going out of bounds.

Regarding your smileys, you may have turned them off from
Admin --> Configuration --> Current theme
There you have drop down menu to disable or choose preferred smiley set.

OK. Thank very much.

Ricky,

I'm wondering if you can help me out here. I'm trying to use an HTML header on my forum, which is using the Red It Random (awesome) theme.

When I require the html header in the theme, it seems to pull up, put it's pushing the older header down and mucking everything up.

Can you explain to me how to remove the old header for this theme, and just keep the login and menu information?

Here's my test site: http://michaelpfaff.com/smf/
The actual HTML header is here: http://michaelpfaff.com/wp-content/uploads/pixopoint-theme-integrator/chunk1.html

Here's the code I'm using in index.template.php:

require( '/home/content/62/8427762/html/michaelpfaff/wp-content/uploads/pixopoint-theme-integrator/chunk1.html' );

Right before:

// The main sub template above the content.
function template_html_above()
{
   global $context, $settings, $options, $scripturl, $txt, $modSettings;

For some reason, it's also adding the red curved background image to the HTML header I'm using... Not sure why it would do that. Maybe a css edit needs to happen?

Any help would be great!

Thanks!

Mike

Looks like you are trying to include your WP buttons in theme, you are including an html page, that is not the proper way, you should rather edit header part of red it random theme and include your buttons html code there along with required css.
It is because the way you are doing it is creating two <header section and hence you are seeing the problem.