Simple Machines Community Forum

I am having a hard time finding were the code is for the areas with the arrows pointing.

1. Is the thin line border or what ever it is called, I would really like to just make all the area white.
2. is the 2 arrows pointing to the Font that I would like to be white.

Thanks for your help!

The title bar backgrounds are from /images/theme/main_block.png and specified in /css/index.css.  You can hunt around in index.css for the current font color, or just format inline in BoardIndex.template.php.  Look for ', $txt['forum_stats'], ' and ', $txt['online_users'], '.

1/ That's the roundframe class. It's called in other places in the default theme too. You seem to have removed the top and bottom spans already. How you go about removing the side borders depends on whether you want to remove the roundframe class everywhere, or just in the info centre.

2/ This, in index.css:

div.title_barIC
{
background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
background: url(../images/theme/main_block.png) no-repeat 100% -120px;
}

Change it to this:

div.title_barIC
{
background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
background: url(../images/theme/main_block.png) no-repeat 100% -120px;
color: #fff;
}

Thank you that fix the font problem. I would just to make the BG in the Info Center all white but keep the round edges, can this be done?

Not difficult. If you only want to change the info centre, without changing the roundframe class on any other pages, the best way would be to modify the BoardIndex.template.php file.

Find:

// Here's where the "Info Center" starts...
echo '
<span class="clear upperframe"><span></span></span>
<div class="roundframe"><div class="innerframe">

Replace:

// Here's where the "Info Center" starts...
echo '
<div class="roundframe" id="infocentre"><div class="innerframe">

Find:

echo '
</div>
</div></div>
<span class="lowerframe"><span></span></span>';

Replace:

echo '
</div>
</div></div>';

And in index.css use something like:

#infocentre
{
padding: 10px;
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
}

Tweak colours and paddings to suit. :)

Thanks worked like a charm. Found 2 more things I can not figure out, I have looked and looked and read and read and I can not find the code! Thanks for your time.

1. Banner padding
2. Statistics Center Font Color

Lainaus käyttäjältä: Antechinus - tammikuu 12, 2012, 02:12:51 AP
Not difficult. If you only want to change the info centre, without changing the roundframe class on any other pages, the best way would be to modify the BoardIndex.template.php file.

Which browser are you using? It should have some dev tools on it to enable you to get element names.

I use Chrome, FireFox, Safari... I am on a Mac.

I Just installed FireBug to simplify finding code, I just need a good FTP, I download the demo of Espresso because I love the way you can see everything, amazing,  but I can not get it to sync with Godaddy servers.

Lainaus käyttäjältä: Antechinus - tammikuu 12, 2012, 02:16:14 IP
Which browser are you using? It should have some dev tools on it to enable you to get element names.

I prefer the FF Web Developer add-on (you can get it for Chrome too) but Firebug is pretty good. Anyway you should be able to pick element names off the screen and then use the search function in your code editor. Makes things a lot easier. :)

Re the stats page: it's looking like you'll be wanting to change the text for the titlebg class for all areas of the theme.

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
color: #222;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #e3e9ef url(../images/theme/main_block.png) no-repeat -10px -380px;
}

Banner positioning is taken care of here:

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}

Thank you for your help again, it really makes things easier and helps me learn.

Lainaus käyttäjältä: Antechinus - tammikuu 12, 2012, 03:39:27 IP
I prefer the FF Web Developer add-on (you can get it for Chrome too) but Firebug is pretty good. Anyway you should be able to pick element names off the screen and then use the search function in your code editor. Makes things a lot easier. :)

Re the stats page: it's looking like you'll be wanting to change the text for the titlebg class for all areas of the theme.

Koodi [Valitse] Laajenna

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
{
color: #222;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
background: #e3e9ef url(../images/theme/main_block.png) no-repeat -10px -380px;
}

Banner positioning is taken care of here:

Koodi [Valitse] Laajenna

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
line-height: 45px;
font-size: 1.8em;
font-family: Geneva, verdana, sans-serif;
margin: 0;
padding: 0;
float: left;
}