Uutiset:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu
Advertisement:

Rounded corners

Aloittaja Dylert, marraskuu 02, 2013, 06:44:25 IP

« edellinen - seuraava »

Dylert

Hello! I have made frames around my posts with rounded corners. Unfortunately there is a gap in the corners which I want to avoid. My css code is:

#forumposts .windowbg, #forumposts .windowbg2
{
border: 2px solid #B1B1B1;
border-radius: 17px 17px 17px 17px;;
}


What can I do to avoid the gaps?
Pleasesee attachment.

Dylert

When adding a grey background color I found out that there is a white line on both the top and bottom of the post. Maybe the rounded corners will be ok if I get rid of that white line? But how?? :)

Please see attachment,

Hristo

#2
The dirty way (in index.css) - delete the background under:
.windowbg span.botslice
.windowbg span.botslice span
.windowbg span.topslice
.windowbg span.topslice span

The clean way - find and delete all the botslice and topslice related lines in index.css, then fix the paddings. Then open Display.template.php and delete all the botslice and topslice spans.

Edit: It was some time when I did it. Actually it was not only Display.template.php that needed cleaning, but also nearly all the *.template.php files, so if you do not feel confident doing that (also after that some mods will require manual install/uninstall), just use the dirty way it's safe.

Dylert

The dirty way worked perfect! :) Thanks a lot!

Advertisement: