Topic: 2.0 Sunset

[justjim]

Chadon

Very nice theme.
Could you direct me to the right section in the style.css sheet (or other file) to change the font color in the header? I.E. where is says "Welcome, guest login, etc.

Thank you

[chadon]

Hi Justjim and thank you for the compliment.

Near the end of the style.css file you will see the code needed for everything in the header under ".top".

The page and forum title is within this code:

Code: [Select]

.top h1 {    color: #F0FFF0;

and the "welcome, guest login, etc" is below the previous code:

Code: [Select]

.top p {    color: #C0C0C0;

[eafshar]

Hi!  this is by far the best template i have found so far.. could yo please help me change the background color and add a repeating image instead. i am refering to the background image of all the pages which is currently black.  And also where the link to the sunset image is located for when i want to change it.

many MANY THANKS!

[chadon]

Hi Eafshar, thank you for the compliment.

To modify the background you can modify the style.css file located in the sunset folder.

At the begining of the file find the following code:

Code: [Select]

body {background : #000000;}
and replace it with:

Code: [Select]

body
 {
 background-image:url('images/name-of-image.jpg');
 background-color:#000000;
 }
You will have to replace name-of-image.jpg by the name of the file by the one you want to use and upload this file in the /themes/sunset/images folder of your forum.
The background color #000000 is for a black color but you can replace it with a valid hml color code and find it in websites like the following ones:
http://www.google.com/search?q=html+color+codes

To replace the sunset image in the header you will have to name the file you want to use "titlebg.jpg" and place it in the images folder of the sunset theme or replace titlebg.jpg with the name of your image in the following code located at the end of the style.css file:

Code: [Select]

.top
{
    background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
}
I haven't tested the codes I'm giving you so if you have any trouble, let me know and I will look deeper into this. 

[eafshar]

Thank you Chadon!

i used

body
{
   background-image: url('images/pattern_1.jpg');
   background-repeat: repeat;
}

and

deleted the .topr background as i wanted to have the same background as the rest of the site.

It is working very well!  However i am also interested in changing the width of the top banner
check hxxp:consciousnesscentre.ca/forum/ [nonactive] .   please direct me as to where the width of the top banner is controled.  Thank you!

[chadon]

It's looking good. 

The width of the banner can be changed in index.template.php file.

Find:

Code: [Select]

<td valign="middle" height="261" align="left">
and add a value or a percentage for the width like this:

Code: [Select]

<td valign="middle" height="261"  width="70%" align="left">
and:

Code: [Select]

<td valign="middle" align="right">can become:

Code: [Select]

<td valign="middle"   width="30%" align="right">

[eafshar]

i actually want to change the height  (sorry for saying width, i wasn't thinking)  and make the top banner narrower. i tried to reduce the value for height from 261 but it didnt work. 

[chadon]

There is no value set for the height of the image, the 261 value is the height of the header.

The easiest way would be to modify the height of the image with a software like, Photoshop or Gimp or you can modify the index.template.php file to find:

Code: [Select]

<img src="', $settings['header_logo_url'], '" style="margin: 4px;" alt="', $context['page_title'] != "$context[forum_name] - Index" ? "$context[forum_name] - " : '', $context['page_title'], '" />
and replace it with:

Code: [Select]

<img src="', $settings['header_logo_url'], '" style="margin: 4px;" height="X" width="Y" alt="', $context['page_title'] != "$context[forum_name] - Index" ? "$context[forum_name] - " : '', $context['page_title'], '" />

[rlake]

I just wanted to say thanks for this theme. You did an awesome job on it and I think it will fit my site well.

I have a question for you. When I put my logo on it, I had a hard time reading the text. Well I edited it and changed the font color and made the font bigger. Now I want to shorten some of the text, since it is bigger, so it looks better. I got everything pretty much cut down to size but I am having a hard time with the part that tells you if you have PM's. I want to change where it says,"Hey, User , you have 9 messages, 0 are new" to "Hey User , you have 0 new messages". I edited the index.template.php file and got it down to where it now says, "Hey, User , you have 0 are new". My problem is that all the test is stored in global variables and I don't know where to find them at. The variable for "Hey," is $txt['hello_member'] and the variable for "are new" I think is stored in $txt['newmessages0'] and/or $txt['newmessages1'].

Thanks for any help you can give me.
rlake

[rlake]

Just as an update. I found what variable said what, and just replaced them with what I wanted.

Thanks again for the theme, it is very nice.
rlake