News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

2.0 Sunset

Started by chadon, April 17, 2008, 03:28:10 PM

Previous topic - Next topic

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:
.top h1 {    color: #F0FFF0;


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

.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:

body {background : #000000;}

and replace it with:

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:

.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:
<td valign="middle" height="261" align="left">

and add a value or a percentage for the width like this:

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

and:
<td valign="middle" align="right">
can become:
<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:

<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:

<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

debiwebi

Hopefully this is the right place to ask a question, I see it's been a couple of years since anyone has posted here.

I've been using 2.0 Sunset for almost a year now and still really love it. I redid the graphics for the navigation, but am now thinking I'd like to just go with plain text rather than graphics for the main navigation, because I may want to add a mod (or two) that could affect those links.  http://speakingofseth.com/

Is this something you can tell me how to do? I'm not a coder, but can fumble my way around enough to get by.

Thanks.

Some mornings it just isn't worth
chewing through the leather straps.
~Emo

Unlimited Own Posts Editing Time

chadon

Hi

All depends what you want to do. If you only want to delete the background image, you have to edit the file Themes/sunset-2-0-1-5/style.css

Find the following code:

.top
{
background-color: #FFFFFF;
background-image: url(images/titlebg.jpg);
background-repeat: no-repeat;
}


and replace with:

.top
{
background-color: #FFFFFF;
background-repeat: no-repeat;
}


You will also need to change the white background #FFFFFF with the color of your choice.
http://www.w3schools.com/html/html_colors.asp

Let me know if you need more help.

debiwebi

Quote from: ForumMustang.com on November 24, 2015, 11:05:28 PM
All depends what you want to do. If you only want to delete the background image, you have to edit the file Themes/sunset-2-0-1-5/style.css

Okay, thanks, I didn't know if there was someplace other than the style sheet that I needed to change. I didn't want to end up with pesky missing image symbols. I will give that a try this week and if I run into problems I'll definitely give you a shout.

Thanks so much for your prompt response!
Some mornings it just isn't worth
chewing through the leather straps.
~Emo

Unlimited Own Posts Editing Time

debiwebi

Oops, I guess we misunderstood each other.

I would like to not have images for the main navigation links: the links for home, help, search, log in, register (see attachment).

I just want them to be text links. Is there a way I can do that? If the change will affect all the other links throughout the forum, that's fine too.
Some mornings it just isn't worth
chewing through the leather straps.
~Emo

Unlimited Own Posts Editing Time

chadon

Ho, I see. Like with any other theme, you will have to go in the admin section in "themes and layout" and "theme settings", click on the Sunset 2.0 name and uncheck the "Show buttons as images instead of text" box.

debiwebi

That simple, huh? There's so much to know about SMF. Thanks so much for the speedy reply!  :)
Some mornings it just isn't worth
chewing through the leather straps.
~Emo

Unlimited Own Posts Editing Time

gaswigg

Hi im going to jump this ahead 3 years but Love the theme but im having a problem with installing a mod called Adk Personal Icons Forums. It wants to replace 3 lines of type in the BoardIndex.template.php and the MessageIndex.template.php it then tells you to search for this line of code and I have searched and searched for them lines of code and come up with nothing can you help below are the 6 lines of code to be replaced and what to replace but I can't find the lines of code to be replaced Please help this mod is great and works well on the default theme's and one other question will your theme work with PHP 7.0 and higher or just up to 5.6. please remember im not a coder so but I can work thru it some. Thanks bunches

<file name="$themedir/BoardIndex.template.php">
   <operation>
      <search position="replace"><![CDATA[
                     <img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
]]></search>
      <add><![CDATA[
                     <img id="AdkPif_'.$board['id'].'" src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="*" title="*" />';
]]></add>
   </operation>
   <operation>
      <search position="replace"><![CDATA[
                     <img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
]]></search>
      <add><![CDATA[
                     <img id="AdkPif_'.$board['id'].'" src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
]]></add>
   </operation>
   <operation>
      <search position="replace"><![CDATA[
                     <img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';
]]></search>
      <add><![CDATA[
                     <img id="AdkPif_'.$board['id'].'" src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="*" title="*" />';
]]></add>
   </operation>
</file>
<file name="$themedir/MessageIndex.template.php">
   <operation>
      <search position="replace"><![CDATA[
                     <img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
]]></search>
      <add><![CDATA[
                     <img id="AdkPif_'.$board['id'].'" src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="*" title="*" />';
]]></add>
   </operation>
   <operation>
      <search position="replace"><![CDATA[
                     <img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
]]></search>
      <add><![CDATA[
                     <img id="AdkPif_'.$board['id'].'" src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
]]></add>
   </operation>
   <operation>
      <search position="replace"><![CDATA[
                     <img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';
]]></search>
      <add><![CDATA[
                     <img id="AdkPif_'.$board['id'].'" src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="*" title="*" />';
]]></add>

chadon

Hi, I am sorry but it has been years since I used this theme or updated it and it seems that the mod you are talking about is the same. You should probably get rid if the theme or the mod or both.
https://www.simplemachines.org/community/index.php?topic=463251.0

As for PHP 7.0 I have not tried it but I doubt it would be a problem. If the theme doesn't work, it would rather come from its html code with newer browsers than its php code with newer php versions.

Kindred

Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Advertisement: