Previous Thread
Next Thread
Print Thread
Rate Thread
#315785 09/23/2007 1:45 PM
Joined: Sep 2007
Posts: 5
Lurker
Lurker
Offline
Joined: Sep 2007
Posts: 5
Hi, I tried to change my stylesheet and I was partly succesfull.

I just can't seem to find where the colors of the buttons in the picture below are defined.

I want to chaneg to colors of the buttons only.

Can someone give me some pointers please?

[Linked Image]

Last edited by mikey81; 09/23/2007 1:46 PM.
Sponsored Links
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
As stated over at central; these gradients are controlled by the "tdheader" class in the stylesheet editor.

You can use various tools in firefox (such as the colorpicker) which will display the class(es) for specific areas.


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts
Joined: Nov 2003
Posts: 482
Enthusiast
Enthusiast
Offline
Joined: Nov 2003
Posts: 482
Originally Posted by mikey81
I want to chaneg to colors of the buttons only.

Can someone give me some pointers please?


sure i can. here's what you do.

i'll give an example where you change just the 'Forum Options' button.

open up /templates/default/postlist.tpl

find:
Code
<table width="100%" class="t_standard">
<tr>
<td class="tdheader" style="cursor: pointer" id="options_control" onclick="showHideMenu('options_control','options_popup')">
{$lang.FORUM_OPTIONS} <img style="vertical-align: middle" src="{$config.BASE_URL}/images/{$style_array.general}/toggle_open.gif" alt="" />
</td></tr>
</table>

note where it says 'class="tdheader"' .. that's the style that is shared by all. since you want to be specific for just buttons, you can use the 'Cascade' in Css and add another class like so:
Code
<table width="100%" class="t_standard">
<tr>
<td class="tdheader muhaha" style="cursor: pointer" id="options_control" onclick="showHideMenu('options_control','options_popup')">
{$lang.FORUM_OPTIONS} <img style="vertical-align: middle" src="{$config.BASE_URL}/images/{$style_array.general}/toggle_open.gif" alt="" />
</td></tr>
</table>

now all you have to do is go to your styles editor and edit the style in questions.

go down to the Extra CSS section and paste this in it:
Code
.muhaha {
background: hotpink;
color: #000;
}

for example. now when the browser renders that button, it cascades to the second class, which overrides the tdheader for background and color.

obviousely you aren't going with hotpink, but i use that as an example. also, you probably aren't going to use 'muhaha' either, but more likely a descriptive name like '.my-buttons'

you can do this for other parts of that template to style the other buttons as well.

now as for the pager stuff, it's a different story and once you get this first part, i can show you how to do your pager wink

Joined: Sep 2007
Posts: 5
Lurker
Lurker
Offline
Joined: Sep 2007
Posts: 5
Thx!

I have changed the file in your example and did the same with the pagecalculator. It now looks perfect.

Mike


Link Copied to Clipboard
Donate Today!
Donate via PayPal

Donate to UBBDev today to help aid in Operational, Server and Script Maintenance, and Development costs.

Please also see our parent organization VNC Web Services if you're in the need of a new UBB.threads Install or Upgrade, Site/Server Migrations, or Security and Coding Services.
Recommended Hosts
We have personally worked with and recommend the following Web Hosts:
Stable Host
bluehost
InterServer
Visit us on Facebook
Member Spotlight
JAISP
JAISP
PA
Posts: 449
Joined: February 2008
Forum Statistics
Forums63
Topics37,573
Posts293,925
Members13,849
Most Online5,166
Sep 15th, 2019
Today's Statistics
Currently Online
Topics Created
Posts Made
Users Online
Birthdays
Top Posters
AllenAyres 21,079
JoshPet 10,369
LK 7,394
Lord Dexter 6,708
Gizmo 5,833
Greg Hard 4,625
Top Posters(30 Days)
Top Likes Received
isaac 82
Gizmo 20
Brett 7
WebGuy 2
Morgan 2
Top Likes Received (30 Days)
None yet
The UBB.Developers Network (UBB.Dev/Threads.Dev) is ©2000-2024 VNC Web Services

 
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20221218)