Customizing SMF > SMF Coding Discussion

Funky dropdowns

<< < (3/4) > >>

ChalkCat:
LOL  ;)

K@:
K@ is sweet, innocent and chaste.

ChalkCat:

--- Quote from: K@ on May 09, 2012, 04:59:06 PM ---K@ is sweet, innocent and chaste.

--- End quote ---

Should that not be "chased"?  ;)

Arantor:
So who are you and what have you done with the real K@?

Antechinus:

--- Quote from: Sabrinova on May 09, 2012, 05:14:25 PM ---
--- Quote from: K@ on May 09, 2012, 04:59:06 PM ---K@ is sweet, innocent and chaste.

--- End quote ---

Should that not be "chased"?  ;)

--- End quote ---
No. He doesn't run. He loves it. You have been warned. :D
Anyway you can easily do some basic styling with css changes, but I have to emphasise "basic". That means you can round off the corners and apply a few other little tweaks, but you can't make any browser look the way the phone does them (barring jQuery madness as mentioned earlier).

As an example, here's some stuff I've been playing with for 2.1:


--- Code: ---/* Select elements look horrible with the extra padding, so leave them unpadded. */
select {
padding: 0;
}
/* Add some padding to the options instead. */
select option {
padding: 1px 4px;
}

input, input.input_file, select, textarea, textarea.editor {
font: 1em/1.4em "Verdana", "Arial", "Helvetica", sans-serif;
background: #fff;
outline:none !important;
border: 1px solid #bbb;
vertical-align: top;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05) inset;
}
input:hover, input.input_file:hover, select:hover, textarea:hover, textarea.editor:hover {
outline:none !important;
border: 1px solid #aaa;
}
textarea:hover, textarea.editor:hover {
background: #fbfbfb;
}
input:focus, input.input_file:focus, select:focus, textarea:focus, textarea.editor:focus {
outline:none !important;
border: 1px solid #aaa;
box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
}
--- End code ---

Navigation

[0] Message Index

[#] Next page

[*] Previous page