Question Change the Tabs Colors (cant read)

K

kap

New member

• Dec 14, 2010

• #1

Best Shoutbox Ever! So many options!!!

Only issue I am having is changing the Tabs Background color or Link color.

Its very hard to read

Thanks!

 

Fillip H.

Staff member

Owner

Developer

Customer

• Dec 15, 2010

• #2

The tabs works off of two CSS values and their respective stylevars:
.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt and .formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt2 in the dbtech_vbshout_colours.css CSS Template.

Hope that helps

 

M

mclarens

New member

• Jan 2, 2011

• #3

I have the same problem, but the "solution" above doest realy help me as i have not mutch experience with css /stylevars.. anyone who can post abit more info about how to fix this?

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 2, 2011

• #4

It's hard for us to tell you what colours you want to use, though

background-color is the CSS field used for setting background color

 

M

mclarens

New member

• Jan 3, 2011

• #5

No idea if i get trouble for linking stuff, but Here Is my forum , black / gray ish background. got told to go into dbtech_vbshout_colours.css , so i did and got this

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt {
background-color:{vb:stylevar postbit_background.backgroundColor};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_tabs.alt2 {
background:{vb:stylevar control_background};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
background:{vb:stylevar postbit_background};
}

.formcontrols .blockrow .dbtech_shouts .dbtech_vbshout_highlight {
background: {vb:stylevar highlight_background} !important;
}

Click to expand...

And i got no idea, what to set here so the tabs dont get white

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 3, 2011

• #6

background-color:#000000;

would result in a black background.

 

M

mclarens

New member

• Jan 3, 2011

• #7

yeah but where do i add it?

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 3, 2011

• #8

Instead of the vb:stylevar declarations above.

 

M

mclarens

New member

• Jan 3, 2011

• #9

Ahh sweet, worked. thanks alot

Do you know what file the text window is on so i can change that one aswell?

The text window where you write in that is

 

Last edited: Jan 3, 2011

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 3, 2011

• #10

The input area works off of two StyleVars:
input_background and control_focus_background. The first is before the user selected the input area, and the 2nd is while the user is typing.

 

M

mclarens

New member

• Jan 4, 2011

• #11

im so noob. cant realy find the file where that code is, have changed all on color css,

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 4, 2011

• #12

That's not in a file, it's in the StyleVars system, in the drop-down next to your style name that has the All Style Options as default text.

 

M

mclarens

New member

• Jan 4, 2011

• #13

Yeah i know, but cant fint it on that list / or any place it shows dbt on

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 4, 2011

• #14

When you search for that particular stylevar in the stylevar system, you will only find 1 result.

 

M

mclarens

New member

• Jan 4, 2011

• #15

ahhhh

Got it sorted now hehe
thanks alot for bearing with me hehe

 

RigelBetelguise

New member

• Jan 8, 2011

• #16

In my stylevars section I only have 2 options: dbtech_vbshout_blockhead_boarderWidth_active and the inactive one....Is there something I am missing?

 

Fillip H.

Staff member

Owner

Developer

Customer

• Jan 9, 2011

• #17

RigelBetelguise said:

In my stylevars section I only have 2 options: dbtech_vbshout_blockhead_boarderWidth_active and the inactive one....Is there something I am missing?

Click to expand...

Fillip H. said:

The input area works off of two StyleVars:
input_background and control_focus_background. The first is before the user selected the input area, and the 2nd is while the user is typing.

Click to expand...

That should help