SimplePortal

Customization => Themes and Graphics => Topic started by: far2wired on February 13, 2011, 08:26:59 AM

Title: Lost rounded corners
Post by: far2wired on February 13, 2011, 08:26:59 AM

I am running SP 2.3.3 and SMF 2.0 RC4.

I'm using Lilac Curve theme though portal pages have rounded corners the forum and administration pages doesn't. I've double checked css folders for portal.css and the same file is in default and the Lilac Curve.

Image attached.

Any help greatly appreciated.

Title: Re: Lost rounded corners
Post by: AngelinaBelle on February 13, 2011, 03:25:42 PM

Copy portal.css to the css directory of each of your themes.
That should fix the problem.

Title: Re: Lost rounded corners
Post by: far2wired on February 14, 2011, 03:38:48 AM

Yep, triple checked, portal.css is in each of the themes.

I only added the LilacCurveV2 theme so only have core and the default.

Hmm, I've just tried changing the theme back to SMF Default Curve, and the corners return. So something must be up with the LilacCurveV2 theme. It was ok before I installed simple portal though... This was the theme the board was on when I installed SP.

I've found in index.css for the theme .catbg is pointing to a background image main_block.png which has rounded corners (as attached).

How confusing....

Title: Re: Lost rounded corners
Post by: Chas on February 14, 2011, 04:46:51 AM

Ooops, didn't read back well enough, copying portal.css to the Theme's CSS directory cures my problem too.

Title: Re: Lost rounded corners
Post by: eyeseven on February 14, 2011, 04:57:17 AM

same problem here, i just copy my theme main_block.png and over write the core theme main_blog.png

Title: Re: Lost rounded corners
Post by: far2wired on February 14, 2011, 05:07:40 AM

Quote from: eyeseven on February 14, 2011, 04:57:17 AM

same problem here, i just copy my theme main_block.png and over write the core theme main_blog.png

So did this fix the issue?

For me I copy main_block.png from the LilacCurveV2 theme to the core theme?

Title: Re: Lost rounded corners
Post by: AngelinaBelle on February 14, 2011, 07:29:23 AM

Do not copy stuff from your custom theme into the default theme.
 
Usually, the advice I gave above works. It has failed to work where the rounded parts of the bars are actually transparent in the corners.
 
In this case, a customization of the SimplePortal code is required for compatability with this custom theme and its non-standard transparent corners.
 
Something like what I proposed:
http://simpleportal.net/index.php?topic=7540.msg42650#msg42650 (http://simpleportal.net/index.php?topic=7540.msg42650#msg42650)
 
 
 
 
 

Title: Re: Lost rounded corners
Post by: far2wired on February 14, 2011, 10:55:10 AM

Ah! "Light bulb"!  ;D

Thank you yes, that helped. My Lilac Curve theme is apparently RC2.

I did add the div cat_bg to begin with and it did fix the forum titles but I ended up with a double curve around the portal blocks.

Adding these to index.css in the css folder restored my curves!

Code: [Select]

div.cat_bar
{
background: #99abbf url(../images/theme/main_block.png) no-repeat 0 -160px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_bar
{
background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -200px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_barIC
{
background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin-bottom: 1px;
}
div.title_barIC h4.titlebg
{
background: url(../images/theme/main_block.png) no-repeat 100% -120px;
}

Self documenting as I know I'll forget this if/when I reinstall!  :thumbsup: