How To Change Forum Post Colors & Post Image + A Copyright Color Question

[radioz]

I have looked at this a lot and cannot figure out where the css code is to change the main post headline colors (I may have the nomenclature all wrong!).  I would also like to know how to change the 'two notepaper sheets' (no new posts) to another image.  This graphic screen shot  shows both elements in question:



The orange colored line and the image to its left are what I am refering to.  Darkening the text a bit might be good too.  I haven't looked into that on my own yet though.  Many of the people in this hobby are older, so part of this isn't simply asthetics but rather readability.

Secondly, both forums that iave built use backgrounds that diminish or hide (effectively) the copywrite notice.  To change its color (which should probably be white in my cases) whould totally remove most of the links throughout the page (exceot fot the one noted above).  If you have any ideas, I am open.  Also, a way in the code to break the copyright color from the rest may be an idea so that this issue doesn't come up and so the color could be easily changed.

Here are the two examples:

http://www.transistorized.com:



http://www.antiquradio.net



The copyrights are present in both cases but in the lower one, you'd never notice it.  The first one is probably OK.

I just don't want to violate your reasonable rules in this regard.  There surely must be other sites with this issue.

Thanks!

Jon Hall

[Manux]

about the notepaper image in 1.1.12 is located in boardindex.template.php.
the images names are on.gif on2.gif off.gif.
It must be the same locatation

[Kasp]

i will try and help with the footer color.

The global footer color is located in the index.css

modify

#footer_section ul li.copyright
{
   display: block;
}

to show

#footer_section ul li.copyright
{
   display: block;
   color:#fff;
}

However this will only do the parts that are not links..

The links are controlled by the a.new [nofollow]_win class as from what i am reading above changing this is changing all the a.new [nofollow]_win class links on the page

You could get over this by adding the following to the index.css page

#footer_section ul li.copyright a.new [nofollow]_win:link, #footer_section ul li.copyright a.new [nofollow]_win:visited
{
   text-decoration: none;
   color:#fff;
}

Give that a try and i hope that it helps

[Gary]

The copyrights are present in both cases but in the lower one, you'd never notice it.  The first one is probably OK.

Actually, neither of those examples are okay. Making the Copyright hard to see, which in both cases, it'd say it is hard to see violates the license. You can keep that background, but I'd suggest changing the copyright text to white.

Code Select Expand


.copyright a
{
  color: #ffffff;
}


should be enough. Didn't test it though.

[radioz]

.copyright a
{
  color: #ffffff;
}

Where is this located?  In V.2 RC-4, the copyright seems to be directly attached to the general links style.  A search in the 'index.css' file does not find this code snippet.  I can make the copyright white only by 'loosing' most of the rest of the pages links.

This is unfortunate as it means, I think, that darker backgrounds are effectively 'banned'.  If there is a way to break off the copyright section, I'd love to know.

[Gary]

Where is this located?  In V.2 RC-4, the copyright seems to be directly attached to the general links style.  A search in the 'index.css' file does not find this code snippet.

It wont. It's entirely custom. You just stick it to the end of the file.

[radioz]

'Kasp' and '5 Gadsdon Rings' solutions are both right and complementary; yet!  Making the footer change AND addition from Kasp's post changes the 'Powered by SMF 2.0 RC4 | SMF © 2006–2010, Simple Machines LLC' line and the 'for' between 'SMFAds for Free Forums' white.  '5 Gadsdon Rings' '.copyright a'  changes the 'SMFAds' and 'Free Forums' links to white.  The 'XHTML RSS WAP2' remains blue though.  That would probably be desirable to correct too if there are some ideas.  This may require three different changes.  I am not sure.

Here are the current results:



and



I bolded this last one to help with visability.  I tried bright yellow, orange, and red colors (also bolded) but they looked bad and worked no better.  This is an attractive (in my opinion) and logical background but it is nasty to type anything on.  Is this good enough (with regard to the white portions)?

These both look a little better on-line.  The site addresses are:

http://www.transistorized.com

http://www.antiqueradio.net

(Wow!  This little thing is a job!)

[Gary]

The XHTML/RSS/WAP2 links can be taken out, they're not part of the copyright notice.

[radioz]

The XHTML/RSS/WAP2 links can be taken out, they're not part of the copyright notice.

The RSS may eventually have value.  I don't know about the other two (possible ignorance).  If there is a reasonable way to 'white' them, I guess that I'd like to do it since I've gone this far.

Thanks for the help in any and all events!

[Kasp]

i think should do it.

Code Select Expand


#footer_section a.new_win:link, #footer_section a.new_win:visited
{
color:#fff;
}


Also i think this will also mean you will not need the CSS i posted above and it would also be covered by this

[radioz]

i think should do it.

It did!  I removed the other code group (only the #footer_section ul li.copyright a.new_win:link, #footer_section ul li.copyright a.new_win:visited group) and replaced it with this more general one and everything in the footer is now white.  I also changed out the off.png, etc. images per info here.

I'd still be curious as to how to change the board titles from the SMF orange color to something else although I am not sure that I am going to do that.  I just can't figure out how which makes me curious! 

Thank you (and 5 Gadsdon Rings and Manux too)!

[Kasp]

No problem

as for the colour of the board titles. change the color specified in the CSS under

Code Select Expand


.table_list tbody.content td.info a.subject
{

}


[radioz]

Kasp and everyone else, Thanks for the help!  It all worked!

1 - Here is a summary for anyone needing to change the copyright block to a new color.  All code is in index.css.

Add these code groups at the end of the code or below like code groups:

.copyright a
{
  color: #ffffff;
}

OR (more general & probably the better choice)

#footer_section a
{
   color: #fff;
}

AND

#footer_section ul li.copyright
{
   display: block;
}
#footer_section a.new_win:link, #footer_section a.new_win:visited
{
color:#fff;
}

2 - To change the color of the board titles (muddy orange), find the line below and make changes as desired:

.table_list tbody.content td.info a.subject
{

}

3 - Change the new message icons:

about the notepaper image in 1.1.12 is located in boardindex.template.php.
the images names are on.gif on2.gif off.gif.
It must be the same location

For V.2, RC-4, these images are in the .png format.   They are located in the .../Themes/default/images FTP file.  The side images are off.png, on.png, and on2.png (no messages, some messages, lots of messages).  The related tiny icon images below the main forum are new_none.png and new_some.png.  Within reason, your images may be larger or smaller then the default ones, which is nice!

[Masterd]

Code Select Expand


.copyright a
{
  color: #ffffff;
}


should be enough. Didn't test it though.

This solution is better:

Code Select Expand

#footer_section a
{
   color: #fff;
}

[radioz]

#footer_section a
{
   color: #fff;
}

This works fine too!  I would guess that the general nature is a better idea.

Thanks all!

Jon Hall

http://www.transistorized.com
http://www.antiqueradio.com