PDA

View Full Version : Miscellaneous Hacks - Change the fieldset color


Brian30fl
21 Feb 2008, 13:52
Okay after doing some css studying i found out own to change the default grey color around the fieldset borders so here is the code enjoy!

Goto AdminCp>Style & Templates>Style Manager
Edit the style you use and goto main css and add code in additional css at the end.

fieldset{border:1px solid #343635;padding:5px;-moz-border-radius:0px}


also note i added some extra code, you can always change the solid to dotted to have a dotted fieldset border look also i added some additional coding if you give moz-border-radius: to like 5px it will give a rounded corner type look hope this helps :):)

Magnumutz
21 Feb 2008, 19:43
You have GOT to be kidding me man... it's BASIC CSS... this is nothing special at all...
Sorry to get you down like this, but... it's nothing.

SwollenCranium
21 Feb 2008, 22:17
You have GOT to be kidding me man... it's BASIC CSS... this is nothing special at all...
Sorry to get you down like this, but... it's nothing.


How about you go into the article section and give us all a class on Basic CSS then ?

Or you could continue to tell people like him that what he knows is 'nothing'.

Brian30fl
21 Feb 2008, 22:50
You have GOT to be kidding me man... it's BASIC CSS... this is nothing special at all...
Sorry to get you down like this, but... it's nothing.


excuse me buddy but not a lot of people know this and this question has been asked over and over i simply wrote this to help people out. so if you dont got nothing nice to say dont post at all.

How about you go into the article section and gives us all a class on Basic CSS then ?

Or you could continue to tell people like him that what he knows is 'nothing'.
thanks for the support bud.. im not not even going to argue with him.

on a last note Magnumutz since your a great designer or whatever do a better job on designs i seen your site and im not impressed :(

you got to realize there are people that come here other then your average vb coder like new members who dont know much about vb coding this was for them.

NeuroLancer
21 Feb 2008, 23:54
You have GOT to be kidding me man... it's BASIC CSS... this is nothing special at all...
Sorry to get you down like this, but... it's nothing.

If you dont like it, dont use it. No need to put it down because it seems easy to you. You must consider not everyone has the same skill level, try to be understanding.

Thanks Brian30fl :)

SEOvB
22 Feb 2008, 22:33
Incase anyone wanted a little different filedset look, this is the code i've been using on our forums


fieldset{
color: #000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
padding:5px;
-moz-border-radius:0px;
}
legend {
color: #000;
}


And what it looks like:
76274

Brian30fl
23 Feb 2008, 12:39
Incase anyone wanted a little different filedset look, this is the code i've been using on our forums


fieldset{
color: #000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
padding:5px;
-moz-border-radius:0px;
}
legend {
color: #000;
}


And what it looks like:
76274


not bad looks good :)

theparentpack
12 May 2008, 12:00
I am just a Mom, who decided to start a couple of forums so I definitely would not have known this. Thanks so much, it really improved the look!

Brian30fl
12 May 2008, 18:06
your very welcome

echo2kk5
12 May 2008, 19:44
**Installed
Thanks for this..one thing though:
if you give moz-border-radius: to like 5px it will give a rounded corner type look
I'm not seeing any change when changing that setting from 0 to 5 or anything, it stays square... I'm using IE7.

Brian30fl
13 May 2008, 13:56
hmm i will have to test that. don think i have tested on ie. working on firefox though i will look into it tomorrow morning hectic work schedule just got in from a 15 hour shift. in the meantime try changing it to like 7-10 see if there is any change.


Edit:
im sorry forgot to mention the -moz extension is for mozilla browsers meaning netscape and firefox. here are some css changes to support differant browswers



-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */ meaning netscape and firefox or anything that uses the mozilla engine
border-radius: 10px; /* Everything else - such as ie6,ie7 */


let me know how it works.

fourat
17 May 2008, 06:02
thank you install

Brian30fl
17 May 2008, 13:41
you are very welcome

nothing4me
12 Jun 2008, 05:01
Incase anyone wanted a little different filedset look, this is the code i've been using on our forums


fieldset{
color: #000;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
padding:5px;
-moz-border-radius:0px;
}
legend {
color: #000;
}


And what it looks like:
76274I have to say... That's beautiful.

Brian30fl
12 Jun 2008, 21:43
yeah FRDS is pretty good and over the time here i picked up a few things from him >.<

K4GAP
13 Jun 2008, 17:35
You have GOT to be kidding me man... it's BASIC CSS... this is nothing special at all...
Sorry to get you down like this, but... it's nothing.

This response is why a lot of folk don't ask questions.

lostgirl815
05 Nov 2008, 00:38
Thanks so much, I've been going bonkers trying to figure out how to change this.

MundoVirtual
05 Nov 2008, 00:47
Obrigado pelo Mod

Brian30fl
23 Nov 2008, 04:58
Thanks so much, I've been going bonkers trying to figure out how to change this.

Yeah that is the reason i posted how to do this. can be a pain finding out how.

Adam21
23 Nov 2008, 05:34
Good job though its just css.The other good thing is people might come forward and share what they're using on their own forums too like FRDS,beautiful work too.

Rgds

mesdar
12 Dec 2008, 05:57
thank u Brian30fl

install

chick
14 May 2009, 01:51
I know this is way late but at least it will bump it up to help others.

Thank you so, so much. I have no idea how to do something like this and I am very glad I found it.

Dingo14
17 May 2009, 04:25
thanks for this nice one

powersilie
18 May 2009, 11:36
Thanks a lot, it looks great!!

Karin

powersilie
20 May 2009, 07:25
Edit:
im sorry forgot to mention the -moz extension is for mozilla browsers meaning netscape and firefox. here are some css changes to support differant browswers



-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */ meaning netscape and firefox or anything that uses the mozilla engine
border-radius: 10px; /* Everything else - such as ie6,ie7 */


let me know how it works.

Hallo!

You are right, in FF it works great, but not in IE. I'm sorry, but your code doesn't work for me in IE.
Some more ideas how we can do it?

thanks and bye
Karin

KevinGupta
29 Aug 2009, 13:00
You have GOT to be kidding me man... it's BASIC CSS... this is nothing special at all...
Sorry to get you down like this, but... it's nothing.

LOL I didn't know this man..?
Because you are a designer doesn't really mean that you know everything as well :)
This guy tried and posted something to helps us out :D

Cheers ..