SMF Support > SMF 2.0.x Support

Decrease Radius

(1/2) > >>

ManOfBliss:
How do we decrease the effect of the radius of the corners?

floridaflatlander:
Get firefoxes firebug and use it to tell you whats what. It will give you line numbers, names of styles and inline styles if any.

I just used it to show me my style to that is at line #967 on index.css and the style is

.windowbg span.topslice {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -30px transparent;
    display: block;
    padding-left: 20px;
}


PS you may need four styles, the one above for the left and another one for the right and others for the bottom. I think.

ManOfBliss:
Yeah, I have Firebug. I've also pinpointed that.

Although, I still don't know how to decrease the radius. That's why I asked.

Arantor:
It's an image, you'll have to edit main_block.png.

floridaflatlander:

--- Quote from: Arantor on June 03, 2012, 09:09:52 AM ---It's an image, you'll have to edit main_block.png.

--- End quote ---

Yeah ManOfBliss you may not be able todo much with that.

On ie9, firefox, chrome etc you could use border-radius: XX; but in ie7 and maybe 8 it will have square edges.

If you go that route you'll have to remove the images for all four corners. SMF uses images for the corners for ie7 and such (i think).

PS. I just looked out for curiosty and 24% of the visitors to my site use ie6, 7, & 8. and this number gets smaller all the time. Just some info for whether it would be worth it or not for you to make new images and not use border-radius:

Navigation

[0] Message Index

[#] Next page