News: Welcome to the TinyPortal Support site.

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

September 17, 2019, 05:27:41 AM

Login with username, password and session length

Recent

Members
  • Total Members: 3752
  • Latest: Alizee
Stats
  • Total Posts: 188890
  • Total Topics: 20752
  • Online Today: 69
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 0
Guests: 38
Total: 38

Author Topic: Footer Text Color Question  (Read 5935 times)

0 Members and 1 Guest are viewing this topic.

ronmsf2

  • Guest
Footer Text Color Question
« on: April 28, 2005, 05:57:36 PM »
I've been working on a color scheme based around Mercury theme, and I need to have the text in the footer a different color from the main body text.  I tried simply adding a color to the footer id in the css,

Code: [Select]
#footerarea
{
                  color: #dde;
  background-color: #003;
}

but that didn't work, so I tried adding a new class for the footer area, and adding that class to the text in index.template.php,

Code: ("css") [Select]
.footertext
{
  color: #dde
}
[code]

[code="php"]
<span class="smalltext footertext"><b>Mercury</b> design by <a href="http://www.tinyportal.co.uk" target="_blank">Bloc</a></span>

Which sort of works, but the two <span>'s I found didn't include all of the footer text.  Some of it seems to be called by a copyright function, theme_copyright().

Ideally there would be a simple way to change change all of the text in the tooter area to a color different from the rest of the board.  Any suggestions?

Thanks,
Ron


Bjørn

  • Guest
Re: Footer Text Color Question
« Reply #1 on: April 29, 2005, 04:14:26 AM »
Yes,try to make your new class like this instead:

Code: [Select]
.footertext , .footertext a:link , .footertext a:visited
{
        color: #dde
}
.footertext a:hover
{
        color: red;
}

And just surround both the copyright and the credits with this class.

ronmsf2

  • Guest
Re: Footer Text Color Question
« Reply #2 on: April 29, 2005, 10:36:57 AM »
Ah yes.. that does make sense.  So, I'm getting closer, but not there quite yet.  I added the css class as suggested,

Code: [Select]
.footertext , .footertext a:link , .footertext a:visited
{
        color: #dde
}
.footertext a:hover
{
        color: red;
}

and applied the class the the entire footer area by adding the footertext class to the footerarea div.  I'm not sure if that is what you meant be surrounding the copyright and credits with the class.

Code: [Select]
        <div id="footerarea" class="footertext" style="text-align: center; padding-bottom: 1ex;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">

The result looks like this,



the remaining text is there, but it still retained the color from the rest of the page,





ronmsf2

  • Guest
Re: Footer Text Color Question
« Reply #3 on: April 29, 2005, 12:52:50 PM »
Ahhh... got it.  Following the same line of thinking, I added td and span decendents to .footertext

Code: [Select]
.footertext , .footertext a:link , .footertext a:visited,
.footertext td, .footertext span
{
        color: #dde
}
.footertext a:hover
{
        color: red;
}

Almost there!!  Now I need to work on changing the text color for the icon descriptions...




ronmsf2

  • Guest
Re: Footer Text Color Question
« Reply #4 on: April 29, 2005, 02:27:35 PM »
Okay... this second part is a bit of a challenge, but it looks like all I would need to do is add a class id to the table that contains the images and text.  Someting like this,

<table class="footertext">

Hopefully I don't need to do this for every <td> tag within the table.

So, as a start, can someone tell me which php file is creating the table to contain the images and text for the topic icons located just above the copyright info?

Thanks!

ronmsf2

  • Guest
Re: Footer Text Color Question
« Reply #5 on: April 29, 2005, 03:46:08 PM »
Got it!!  Found the table in MessageIndex.Template.php in the default theme folder, so I copied that file to the Mercury theme folder and added the "footertext" class to the table tag, so now it looks like everything is there.



I do hate making this many changes though.  I'm afraid I will have missed something, or when a new version of SMF comes out, I'll have to go in and make changes by hand again.  At any rate, for the time being, this seems to work, and I'm happy with it. 

BTW, sorry for the long string of posts... seems kind of silly, but thought others might be interested in the process and the results...




Bjørn

  • Guest
Re: Footer Text Color Question
« Reply #6 on: April 29, 2005, 06:47:05 PM »
Indeed, they will be interested. ;)

I just learned a few things about CSS myself, and its amazing how you can expand it to get what you want.


ronmsf2

  • Guest
Re: Footer Text Color Question
« Reply #7 on: April 30, 2005, 01:37:40 AM »
I was amazed at how much easier it was to make modifications under SMF than phpbb!

Here is the site where I used the Mercury theme.. RML3 Forums.  I still have some tweaking to do, but I'm pretty happy with it.  Comments, good or bad, are welcome.

Thanks so much for making your themes available.  They're absolutely fantastic.

Bjørn

  • Guest
Re: Footer Text Color Question
« Reply #8 on: April 30, 2005, 02:27:13 AM »
Thank you.

The site looks good. :) I would perhaps lighten the background a tiny bit...just so black lines elsewhere show up some. But thats personal preference.

hivelord

  • Guest
Re: Footer Text Color Question
« Reply #9 on: April 30, 2005, 02:44:50 AM »
Which reminds me, I'd probably purchase themes should you release some as clean as and futuristic as Helios.

Love it.

Bjørn

  • Guest
Re: Footer Text Color Question
« Reply #10 on: April 30, 2005, 03:12:34 AM »
Well, I am glad you feel this way. :)

I am going to put out themes for purchase soon. They will have more additional stuff, like PSD files and some guidance for expanding them codewise. Probably even setting them up for the major mods - thats the most asked question after people install themes.."how can I change them to work with mod xy?".

:)

ronmsf2

  • Guest
Re: Footer Text Color Question
« Reply #11 on: April 30, 2005, 12:16:29 PM »
The site looks good. :) I would perhaps lighten the background a tiny bit...just so black lines elsewhere show up some. But thats personal preference.

Thanks.  I discovered this morning that I hadn't changed to path for the corner logo.  While playing with it last night I was using http://localhost... so it worked fine on one computer, but of course the logo wouldn't appear when viewed from any othe computer.  Fortunately that was a minor issue.

Thanks for the suggestion on the background color too.  I'm still tweaking colors a bit, so will consider your suggestion.  Since much of my site is related to astronomy I was looking for a dark theme to mimic the night sky... but I'll play around with it a bit.

Ron