Warning: The author of this contribution does not provide support for it anymore.

Super Mario

How to lock into "blue" mode - Super Mario

How to lock into "blue" mode

by ladylow » Mon Apr 18, 2011 6:18 am

I see that Supermario has 3 settings (red blue and green), but I wanted to make the blue setting the default or only setting available. I also want to do this with the size of the text (make the larger size the default). How can I do this?


Also, I added my own image where the previous "php" (site_logo) was on the header, but its not placed where the other one is.. it just is floating. How can I get the image to sit ontop of the mario header already on there like the "php" was?
See my forum at "Teefard.com" to see what I'm talking about! Any help would be appreciated.. my members aren't happy about the random unfinished changes!

Thanks
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by ladylow » Mon Apr 18, 2011 2:12 pm

Could anyone help?
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by _Vinny_ » Mon Apr 18, 2011 2:36 pm

I see that Supermario has 3 settings (red blue and green), but I wanted to make the blue setting the default or only setting available. I also want to do this with the size of the text (make the larger size the default). How can I do this?

Sorry, but by default is the color red. To leave forever in blue, just select it and saves the session in the browser.

Also, I added my own image where the previous "php" (site_logo) was on the header, but its not placed where the other one is.. it just is floating. How can I get the image to sit ontop of the mario header already on there like the "php" was?
See my forum at "Teefard.com" to see what I'm talking about! Any help would be appreciated.. my members aren't happy about the random unfinished changes!

This happens because your logo is too big, try a little lower.
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 8799
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: How to lock into "blue" mode

by ladylow » Mon Apr 18, 2011 5:29 pm

I mean, is there a way to get rid of the option to turn the page red or green? and just make it blue?

I reduced the size of the image, but its still doing that overlap thing. Would making the size of the forum wider help? Or is there a code I can enter to "dock" the image on the left side instead of the center?

Thanks for your response Vinny!
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by _Vinny_ » Mon Apr 18, 2011 6:13 pm

I mean, is there a way to get rid of the option to turn the page red or green? and just make it blue?

Do you want to blue as standard or remove the colors red and green for just the blue? Maybe I can modify for you.

I reduced the size of the image, but its still doing that overlap thing. Would making the size of the forum wider help? Or is there a code I can enter to "dock" the image on the left side instead of the center?

Open: styles/super_mario/theme/common.css
Find:

Code: Select all

#site-description {
   float: left;
   margin-left: 100px;
}

Replace with:

Code: Select all

#site-description {
   float: left;
   margin-left: 30px;
}
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 8799
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: How to lock into "blue" mode

by Chri69 » Wed Jun 01, 2011 5:35 pm

I'm interested of this discussion, because i will impost blue as default color? What css file need i modify??
Chri69
Registered User
Posts: 2
Joined: Wed Jun 01, 2011 5:31 pm
Contact:

Re: How to lock into "blue" mode

by _Vinny_ » Fri Jun 03, 2011 2:24 pm

This procedure will leave the default blue color in the style.

First, copy the contents of:
From: styles/super_mario/theme/images/blue/
To: styles/super_mario/theme/images/
In total there are 9 images.

------------------

Send this file to: styles/super_mario/theme/
red.zip
(1.2 KiB) Downloaded 219 times

Unzip the file, which will generate a css file, so it should be sent.

----------------------------------

Open: styles/super_mario/template/overall_header.html
Find:

Code: Select all

<link href="{T_THEME_PATH}/blue.css" rel="alternate stylesheet" type="text/css" title="blue-theme" media="screen" />

Replace with:

Code: Select all

<link href="{T_THEME_PATH}/red.css" rel="alternate stylesheet" type="text/css" title="red-theme" media="screen" />


----------------------------------

Open: styles/super_mario/theme/colours.css
Find:

Code: Select all

h3 {
   border-bottom-color: #DB450A;
   color: #000000;
}

hr {
   border-color: #FFFFFF;
   border-top-color: #DB450A;
}

Replace with:

Code: Select all

h3 {
   border-bottom-color: #2882CF;
   color: #000000;
}

hr {
   border-color: #FFFFFF;
   border-top-color: #2882CF;
}


Find:

Code: Select all

.headerbar {
   background: #A22D00 url("{T_THEME_PATH}/images/bgheader.jpg") no-repeat right bottom;
   color: #FFFFFF;
}

Replace with:

Code: Select all

.headerbar {
   background: #1E599B url("{T_THEME_PATH}/images/bgheader.jpg") no-repeat right bottom;
   color: #FFFFFF;
}


Find:

Code: Select all

.navbar {
   background: url("{T_THEME_PATH}/images/navbg.gif") repeat-x #E62C00;
}

Replace with:

Code: Select all

.navbar {
   background: url("{T_THEME_PATH}/images/navbg.gif") repeat-x #2882CF;
}


Find:

Code: Select all

.forabg {
   background-color: #A22D00;
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
   background-color: #DB450A;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

.panel {
   background-color: #EF9B95;
   color: #28313F;
}

Replace with:

Code: Select all

.forabg {
   background-color: #1E599B;
   background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
   background-color: #2F76C6;
   background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}

.panel {
   background-color: #79B8E4;
   color: #28313F;
}


Find:

Code: Select all

.bg1   { background-color: #FFBEAF; }
.bg2   { background-color: #FFCBBF;  }
.bg3   { background-color: #EF9B95; }

Replace with:

Code: Select all

.bg1   { background-color: #DFE2FF; }
.bg2   { background-color: #CFD3FF;  }
.bg3   { background-color: #79B8E4; }


Find:

Code: Select all

ul.forums {
   background-color: #FFF8F5;
   background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

Replace with:

Code: Select all

ul.forums {
   background-color: #FFF8F5;
   background-image: url("{T_THEME_PATH}/images/gradient.gif");
}


Find:

Code: Select all

ul.topiclist dd {
   border-left-color: #A22D00;
}

Replace with:

Code: Select all

ul.topiclist dd {
   border-left-color: #1E599B;
}


Find:

Code: Select all

li.row:hover {
   background-color: #EFE4E0;
}

li.row:hover dd {
   border-left-color: #D64309;
}

Replace with:

Code: Select all

li.row:hover {
   background-color: #DFEEFF;
}

li.row:hover dd {
   border-left-color: #A7C2DF;
}


Find:

Code: Select all

a:link   { color: #BF0030; }
a:visited   { color: #BF0030; }
a:hover   { color: #FF0046; }
a:active   { color: #BF0030; }

Replace with:

Code: Select all

a:link   { color: #336699; }
a:visited   { color: #336699; }
a:hover   { color: #4A9DEF; }
a:active   { color: #336699; }


Find:

Code: Select all

a.forumtitle {
   color: #BC2A4D;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
   color: #FF0046;
}

a.forumtitle:active {
   color: #BC2A4D;
}

Replace with:

Code: Select all

a.forumtitle {
   color: #0068CF;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
   color: #00407F;
}

a.forumtitle:active {
   color: #0068CF;
}


Find:

Code: Select all

a.topictitle {
   color: #BC2A4D;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
   color: #FF0046;
}

a.topictitle:active {
   color: #BC2A4D;
}

Replace with:

Code: Select all

a.topictitle {
   color: #0068CF;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
   color: #00407F;
}

a.topictitle:active {
   color: #0068CF;
}


Find:

Code: Select all

.postlink {
   color: #BD5D61;
   border-bottom-color: #BD5D61;
}

.postlink:visited {
   color: #BD5D61;
   border-bottom-color: #7F3F43;
}

.postlink:active {
   color: #BD5D61;
}

.postlink:hover {
   background-color: #F6D0DC;
   color: #730D1B;
}

Replace with:

Code: Select all

.postlink {
   color: #368AD2;
   border-bottom-color: #368AD2;
}

.postlink:visited {
   color: #5D8FBD;
   border-bottom-color: #666666;
}

.postlink:active {
   color: #368AD2;
}

.postlink:hover {
   background-color: #D0E4F6;
   color: #0D4473;
}


Find:

Code: Select all

.content h2, .panel h2 {
   color: #000000;
   border-bottom-color: #DB450A;
}

Replace with:

Code: Select all

.content h2, .panel h2 {
   color: #000000;
   border-bottom-color: #2882CF;
}


Find:

Code: Select all

.signature {
   border-top-color: #DB450A;
}

Replace with:

Code: Select all

.signature {
   border-top-color: #2882CF;
}


Find:

Code: Select all

#tabs .activetab a {
   border-bottom-color: #EC8B90;
}

Replace with:

Code: Select all

#tabs .activetab a {
   border-bottom-color: #CADCEB;
}


Find:

Code: Select all

div.rules {
   background-color: #ECD5D8;
   color: #BC2A4D;
}

p.rules {
   background-color: #ECD5D8;
   background-image: none;
}

Replace with:

Code: Select all

div.rules {
   background-color: #D5D7EC;
   color: #BC2A4D;
}

p.rules {
   background-color: #D5D7EC;
   background-image: none;
}


Find:

Code: Select all

#navigation a {
   color: #333;
   background-color: #D0BFB3;
   -moz-border-radius: 10px 0 0 10px;
   -webkit-border-radius: 10px 0 0 10px;
}

Replace with:

Code: Select all

#navigation a {
   color: #333;
   background-color: #AFDFFF;
   -moz-border-radius: 10px 0 0 10px;
   -webkit-border-radius: 10px 0 0 10px;
}


Find:

Code: Select all

#navigation a:hover {
   background-image: none;
   background-color: #BF570B;
   color: #FFFFFF;
}

Replace with:

Code: Select all

#navigation a:hover {
   background-image: none;
   background-color: #CFECFF;
   color: #1E599B;
}


Find:

Code: Select all

#navigation #active-subsection a {
   color: #D31141;
   background-color: #F9F9F9;
   background-image: none;
}

#navigation #active-subsection a:hover {
   color: #D31141;
}

Replace with:

Code: Select all

#navigation #active-subsection a {
   color: #1E599B;
   background-color: #F9F9F9;
   background-image: none;
}

#navigation #active-subsection a:hover {
   color: #2980DF;
}


Find:

Code: Select all

#cp-main h3, #cp-main hr, #cp-menu hr {
   border-color: #BF570B;
}

Replace with:

Code: Select all

#cp-main h3, #cp-main hr, #cp-menu hr {
   border-color: #0B6EBF;
}


Find:

Code: Select all

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #EFE4E0;
   color: #000;
}

Replace with:

Code: Select all

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
   background-color: #DFEEFF;
   color: #000;
}


----------------------------

Open: styles/super_mario/theme/topmenu.css
Find:

Code: Select all

.ddcolortabs a {
   float: left;
   color: #FFFFFF;
   background: #A22D00 url("{T_THEME_PATH}/images/color_tabs_left.gif") no-repeat left top;
   margin: 0 2px 0 0;
   padding: 0 0 1px 3px;
   text-decoration: none;
   letter-spacing: 1px;
}

Replace with:

Code: Select all

.ddcolortabs a {
   float: left;
   color: #FFFFFF;
   background: #1E599B url("{T_THEME_PATH}/images/color_tabs_left.gif") no-repeat left top;
   margin: 0 2px 0 0;
   padding: 0 0 1px 3px;
   text-decoration: none;
   letter-spacing: 1px;
}


Find:

Code: Select all

.ddcolortabs a:hover {
   background-color: #D64309;
   border-bottom: 1px solid #CCCCCC;
}

Replace with:

Code: Select all

.ddcolortabs a:hover {
   background-color: #2E71C3;
   border-bottom: 1px solid #CCCCCC;
}


Find:

Code: Select all

.ddcolortabs a:hover span {
   background-color: #D64309;
}

Replace with:

Code: Select all

.ddcolortabs a:hover span {
   background-color: #2E71C3;
}


------------------------------

Open: styles/super_mario/template/sm_styles_witch.html
Find:

Code: Select all

   <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('red-theme'); return false;">
      <img src="{T_THEME_PATH}/images/icon_red.png" alt="Red" />
   </a>
   
   <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('blue-theme'); return false;">
      <img src="{T_THEME_PATH}/images/icon_blue.png" alt="Blue" />
   </a>


Replace with:

Code: Select all

   <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('blue-theme'); return false;">
      <img src="{T_THEME_PATH}/images/icon_blue.png" alt="Blue" />
   </a>
   
   <a class="styleswitcher" href="#" onclick="setActiveStyleSheet('red-theme'); return false;">
      <img src="{T_THEME_PATH}/images/icon_red.png" alt="Red" />
   </a>


Refresh theme and templates of the style.

:arrow: These procedures were tested by me and worked perfectly.
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 8799
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: How to lock into "blue" mode

by Chri69 » Sat Jun 04, 2011 3:28 pm

Oh, thanks so much!!!!!!
Chri69
Registered User
Posts: 2
Joined: Wed Jun 01, 2011 5:31 pm
Contact:

Re: How to lock into "blue" mode

by ladylow » Fri Dec 02, 2011 3:30 pm

Thank you Vinny! Apparently I can't copy and paste correctly or something because when I did this, only half of the page changed from blue to red. I don't really understand why, but I'll keep going over what the instructions said to do and what I did to hopefully see what I did wrong.

I did notice that there were a few "replaces" that were the exact same as the "finds"... maybe an error? I'm not questioning your intelligence!!

www.teefard.com/forums
If you wouldn't mind taking a peek and letting me know maybe off the top of your head where I might have messed up, that would be great.

Thanks so much Vinny!
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by ladylow » Fri Dec 02, 2011 3:37 pm

Actually, there was only one code that was the same:
Find:Code: Select all.
headerbar { background: #A22D00 url("{T_THEME_PATH}/images/bgheader.jpg") no-repeat right bottom; color: #FFFFFF;}

Replace with:Code: Select all.

headerbar { background: #A22D00 url("{T_THEME_PATH}/images/bgheader.jpg") no-repeat right bottom; color: #FFFFFF;}
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by _Vinny_ » Fri Dec 02, 2011 5:10 pm

You did not copy the images.

_Vinny_ wrote:First, copy the contents of:
From: styles/super_mario/theme/images/blue/
To: styles/super_mario/theme/images/
In total there are 9 images.


Don't forget to refresh the theme of style: ACP > Styles tab > Theme > Super Mario - Refresh
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 8799
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: How to lock into "blue" mode

by ladylow » Fri Dec 02, 2011 6:17 pm

fixed...
Last edited by ladylow on Fri Dec 02, 2011 6:34 pm
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by ladylow » Fri Dec 02, 2011 6:30 pm

okay I re-did it and now have deleted my cookies and see all of it except for the header.
The header is still the red color, which I think is due to the identical code. I don't know what color its supposed to be. If you could give me the color #, I'll put it in there for the header. And the header bg image isn't popping up, so I'll keep fumbing around with that.
Thanks!
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact:

Re: How to lock into "blue" mode

by _Vinny_ » Fri Dec 02, 2011 7:11 pm

Upload the image again. The color is:

Code: Select all

.headerbar {
    
background#1E599B url("./images/blue/bgheader.jpg") no-repeat right bottom;
    
color#FFFFFF;
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 8799
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: How to lock into "blue" mode

by ladylow » Fri Dec 02, 2011 7:19 pm

Thank you!! Somehow my image was corrupt so I had to redownload the theme. Thank you for all your help Vinny!
ladylow
Registered User
Posts: 15
Joined: Fri Apr 01, 2011 3:28 am
Contact: