Previous topic | Next topic

Topic Starter	Topic: Question for Turb, Raw or whoever else knows about phpBB
inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 12:03 PM                  I'm setting up a phpBB forum, I would really appricate if you could tell what I need to edit in order to remove the 2 pixel border around the ugly buttons. I want to have similar 1 border buttons you have here, just a different color. Thanks.
Top

Fender Jesus of Suburbia Joined: 14 Jan 2001 Posts: 12713	Posted: 03-04-2005 12:35 PM                    Depends on what style you have installed. There's probably a css style sheet. For example, this is mine: http://forums.fender.net/templates/subB ... bBlack.css Find your css, then look at the source HTML and figure out what css style is being applied to that element and change it.
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 12:35 PM                  Alright thanks
Top

Fender Jesus of Suburbia Joined: 14 Jan 2001 Posts: 12713	Posted: 03-04-2005 12:39 PM                    If the style is based on subSilver, then the style applied to the Go button is liteoption. Change the css line that looks like this input.liteoption{background-color:#000000;color:#FFFFCC;font-weight:normal} To something like this (this is the q3w css) /* None-bold submit button */ input.liteoption { font-family: Verdana, Arial, Helvetica, sans-serif; background-color : #000000; color : #FFFFFF; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; font-weight : bold; font-size: 12px; /* padding: 1px 1px; */ }
Top

Fender Jesus of Suburbia Joined: 14 Jan 2001 Posts: 12713	Posted: 03-04-2005 12:40 PM                    Actually this is even better: /* None-bold submit button */ input.liteoption { font-family: Verdana, Arial, Helvetica, sans-serif; background-color : #000000; color : #FFFFFF; border: 1px solid white; font-weight : bold; font-size: 12px; }
Top

Fender Jesus of Suburbia Joined: 14 Jan 2001 Posts: 12713	Posted: 03-04-2005 12:41 PM                    Just noticed I use the same style as q3w.
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 12:49 PM                  It has something do with firefox rendering the css diferent because in ie I don't get such ugly thick borders around buttons and text areas. I've tried changing the css but it doesn't seem to effect it, i'm going to mess around some more.
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 12:51 PM                  I also noticed a file called formIE, /* Fancy form styles for IE */ input, textarea, select { border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; } input { text-indent : 2px; } input.button { border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; } .postbody { line-height: 18px} Does this work for firefox? I'm guessing no, but I'll try it.
Top

Fender Jesus of Suburbia Joined: 14 Jan 2001 Posts: 12713	Posted: 03-04-2005 12:55 PM                    The borders look the same to me in FF and IE here on q3w. Maybe clear your browser's cache?
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 12:58 PM                  Yes on q3w, but not on my forum Last edited by inphlict on 03-04-2005 02:36 PM, edited 1 time in total.
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 01:01 PM                  I think I know why I can't change anything NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2 theme administration centre. When you have finalised your style you could cut the final CSS code and place it in an external file, deleting this section to save bandwidth. That's in my source, I guess I need to edit index.php?
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 01:04 PM                  I think this explains it http://www.phpbb.com/kb/article.php?article_id=127
Top

Fender Jesus of Suburbia Joined: 14 Jan 2001 Posts: 12713	Posted: 03-04-2005 01:07 PM                    Your inline style is still the default: /* None-bold submit button */ input.liteoption { background-color : #FAFAFA; font-weight : normal; } Find that and change to /* None-bold submit button */ input.liteoption { background-color : #FAFAFA; font-weight : normal; border: 1px; }
Top

inphlict eminent Joined: 12 Jul 2002 Posts: 9004	Posted: 03-04-2005 01:17 PM                  I just messed up, but I at least I know what to do now.
Top

Quake3World.com | Forum Index | General Discussion