Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
fixed top, top_info?; and other shiz..
Topic Started: Aug 16 2011, 02:54 AM (1,802 Views)
Tony
Member Avatar
If found, please report missing.

Hmm. It should actually run off of:
Code:
 
select {
background-color: #xxxxxx;
}
Does it not for you? Do you have anything else over-ruling it?
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
no results bro, my 'select' field has no background settings, and when I put one in there, nothing happens..

so I scanned the entire css with 'fff' lookn for something that might be related, and only came up with 'span.collapse,span.uncollapse', but that's not it either
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Okay, have a look for:
Code:
 
input,select,textarea,button,a.btn_fake {
..and note any background colour you have in there. Then have a look for:
Code:
 
select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
}
..or similar. Make sure that both select and option have the same background colour.
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
still nothn bro :/

Posted Image Posted Image Posted Image
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Oh, you're using images. You never said. xD

To do that, you will need to remove the margin from option, and then bulk it out with padding. Or simply use a colour. :P
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
ok, thx Tony.. tried color but it also overwrites the window seen when the drop is closed

so removing margins and adding padding it is then.. or opting to leave it white LOL
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Kotton
Aug 25 2011, 10:44 AM
..tried color but it also overwrites the window seen when the drop is closed..
Do you mean the select background? :)

This is because you add colour to select, which also covers the background of the drop menu. You can colour option separately if you wish, and remove the margin to prevent the gaps. I would also recommend styling optgroup too, as the auto-tool menu's will look a little odd. :)
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
if I color option alone, it only covers the text areas - but I'd like to have the background the same color/transparency as the already collapsed window

thx for the heads up on the optgroup bro :)


how would I give my content and h2/h4 boxes feathered/rounded corners?
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Quote:
 
if I color option alone, it only covers the text areas - but I'd like to have the background the same color/transparency as the already collapsed window
Removing the margin on option should fix this.
Quote:
 
how would I give my content and h2/h4 boxes feathered/rounded corners?
Add this in to your board template:
Code:
 
<script type="text/javascript">
$(function() {
$('h2').corner("top Npx");
});
</script>
..where N is the size of the curve. The larger the number, the bigger the curve. You will likely also need to modify both .cat_head and .category, to remove borders.
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
no go on the removal of the margin

so it's have all of our themes with rounded corners, or none at all? ..well that sucks lol
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Quote:
 
no go on the removal of the margin
In what way? :ermm:
Quote:
 
so it's have all of our themes with rounded corners, or none at all? ..well that sucks lol
Stick it in the theme template instead. :P
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
k, slappd it in the theme's layout, works, but the corners are now white.. any resolution to this (to take on it's native bg properties)

optgroup; I was thinkn that might be the way to get the drop down bg's to cooperate, but I don't have anything like that in my css.. should I add it?

when I removed the margin, all it did was close the gap between the option's drop down text - it did nothing to implement the needed bg :(
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Quote:
 
k, slappd it in the theme's layout, works, but the corners are now white.. any resolution to this (to take on it's native bg properties)
The canvas tag will become transparent, effectively inheriting the background colour of it's grandparent. I'm guessing as you have transparency everywhere, the canvas returns white (which is predefined in the script) instead. I don't know what can be done about this, as I'm no expert with JavaScript. :(

Maybe someone on our resources board can assist: http://resources.zetaboards.com/index/
Quote:
 
optgroup; I was thinkn that might be the way to get the drop down bg's to cooperate, but I don't have anything like that in my css.. should I add it?
Yes. Anything not in your style sheet already can simply be added. :)
Quote:
 
when I removed the margin, all it did was close the gap between the option's drop down text - it did nothing to implement the needed bg :(
And you added background colour to option? It should also inherit from select and, in theory, optgroup.
Online Profile Quote Post Goto Top
 
Kotton
Member Avatar
★ Career Criminal ★
[ *  * ]
thanks for that Tony, I posted @zResources and the 'cure' is to instead use the newer css3 abilities of

Code:
 
border-radius: 5px;


and no matter what I do with the select, option or optgroup parameters, seems it won't use my bg image.. could it be defined somewhere else that I'm overlooking?
Offline Profile Quote Post Goto Top
 
Tony
Member Avatar
If found, please report missing.

Can you post your style sheet, and I can have a better look at it. :)
Online Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply