Topic: Re: Simple catbg/titlebg fix?

[Fog]

I went to look for a PHP file that ABelle suggested and I couldn't find it on my C-Panel.

I went and extracted the zip file and found the PHP file under the smf1 folder.

So I looked for the smf1 folder in my C-Panel.

I can't find it...

Is it possible that not all the files are getting uploaded?

[AngelinaBelle]

I hope you won't mind I've split your topic out of the others.
Your problem is related to the catbg/cat_bar issue, but your theme is extra special.

You've got at least 4 main_block files, I think.  Which one do you want to use?

main_block will make purple block headers.
In your index.css, you use 80800.png for h3.catbg and for div.cat_bar

But you've also got main_block3 for h3.catbg in your index.css
And in index.css, you've also got, for h3.catbg span.left, main_block4.png

To make this work, you are going to have to
1) copy portal.css into your custom theme's css directory
2) pick which bar you want to use (block4, 808080, block3, or main_block)
3) define the h3.catbg and h3.catbg span.left to be consistant for this.

First step -- copy portal.css into your custom theme's css directory. This will not fix the problem.

[Fog]

No problem AngelinaBelle

I'm glad you took a peek at my site.  I like the idea of the main_block using a 2300X864 png but can't modify it enough to come up with the type of headers I'd like to use. So I make my own stuff but can't put it into a 2300X864 png.  this keeps me from using the -160px etc. that the curve theme uses.  This is where I'm wondering if everything is getting downloaded in the package.  I went to look for that Sub_Portal PHP like you suggested and I couldn't find it under the default theme or under sources in my C-Panel.  Should I have a SMF1 and SMF2 folder with that PHP file like I do when I extract the zip file into my documents?

I'm going to manually install them tonight and see if that helps.

Thanks for you input.

Fog

[ARG]

So I make my own stuff but can't put it into a 2300X864 png.  this keeps me from using the -160px etc. that the curve theme uses.  This is where I'm wondering if everything is

What issues are you having that you cannot "put it into a 2300X864 png"? Is it a graphic issue or css issue?


 

[Fog]

What issues are you having that you cannot "put it into a 2300X864 png"? Is it a graphic issue or css issue?


 

It's a graphics issue.  I don't have any software to create my own 2300X864 PNG unless I take the orginial main_block and use something like Picnik to modify it.  I'm not a graphics person what so ever but have learned a few tricks on making gradient bars and puting curved corners on them then naming them like main_block2 etc. and modifing the CSS.  This also means I don't use the -160 and so on in my CSS.  But for the life of me I can't get the portal blocks to have a curve on the left hand side as we all know.

Some where there has to be a main_block png file in the PHP or (catbg) because I changed all the CSS to different minus values (meaning I changed -160px to -260px) and I still have the left hand problem and it's still at -160px.

I'm going to manually install a couple of PHP files I don't see on my C-Panel to see if I can find anything.

[Chen Zhen]

Just for a test I would like you to put the following style attribute into Custom Title Style in the style options for a block:

Code: [Select]

border-radius: 6px 6px 6px 6px;

... & then tell me how the block title displays.

[Fog]

OK...BRB

[Fog]

It didn't do anything.  I have one theme I can try that on and see if it works.  I made a theme without the curves a while back that I can test it on if you want me to.  I see what you're after.

[Fog]

Am I suppose to see a SMF2 Folder in my C-Panel?

If so where should I be looking for it?

[Chen Zhen]

Am I suppose to see a SMF2 Folder in my C-Panel?

If so where should I be looking for it?

What I mean is using SP 2.3.4 default css (without you editing it) navigate in your SMF forum to edit a block.
Let's say User Info for example.. and while editing that block in the Admin in the bottom left enter the above code for the custom title style attribute.

Here is a screenshot of the effect although I do not have your theme to test:



or with this setting:

Code: [Select]

border-radius: 10px 10px 15px 15px;

 

[Fog]

You've got at least 4 main_block files, I think.  Which one do you want to use?

main_block will make purple block headers.
In your index.css, you use 80800.png for h3.catbg and for div.cat_bar

But you've also got main_block3 for h3.catbg in your index.css
And in index.css, you've also got, for h3.catbg span.left, main_block4.png

To make this work, you are going to have to
1) copy portal.css into your custom theme's css directory
2) pick which bar you want to use (block4, 808080, block3, or main_block)
3) define the h3.catbg and h3.catbg span.left to be consistant for this.

First step -- copy portal.css into your custom theme's css directory. This will not fix the problem.

Can I send you a copy of my CSS for the theme you see on my forum page?

I have no main_block png file in my CSS but yet on the blocks it shows my main_block png file

That Theme is over an year old and when I was using Simple Portal back then I still had the left hand side problem with the portal blocks and still do today.  I went to a stand alone portal at that point and when you guys updated within the past two weeks I wanted to see if the problem was gone and it isn't.

I enjoy SimplePortal more than the others because you guys make it simple.  Ill do what ever it takes to help.

[Fog]

Underdog...OK

Hang on...

[Fog]

Underdog...that didn't work, for me, in the custom title part of editing a block.

I would have thought if I had a custom title in my CSS named titlebg69 or catbg69. I would put in title69 or catbg69 into that field and click on save.

I'm not sure how that custom title field works when editing a block.

[Chen Zhen]

Underdog...that didn't work, for me, in the custom title part of editing a block.

I would have thought if I had a custom title in my CSS named titlebg69 or catbg69. I would put in title69 or catbg69 into that field and click on save.

I'm not sure how that custom title field works when editing a block.

The style attributes that I just gave you would be entered into the custom title style field.
Your custom css are called by entering it in the custom title class field.

[ARG]

Just for a test I would like you to put the following style attribute into Custom Title Style in the style options for a block:

Code: [Select]

border-radius: 6px 6px 6px 6px;

... & then tell me how the block title displays.

Just a heads up but something like this would be better as it is supported in most modern browsers. The code you posted may not function properly in older versions of IE.

Code: [Select]

-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
 

[Chen Zhen]

@Fog
Just to clarify the area to enter your attributes:

[Fog]

As I go through these cycles of updating my site and re-understanding CSS

I was wondering where to look for "class" and "style" just a few days ago.

I need to play around with that a bit more on how I can add to the class side of my CSS.

Question...

If one knows how to create a custom title (class or style) why wouldn't they add it to their CSS instead of the custom title field?

[Chen Zhen]

Just for a test I would like you to put the following style attribute into Custom Title Style in the style options for a block:

Code: [Select]

border-radius: 6px 6px 6px 6px;

... & then tell me how the block title displays.

Just a heads up but something like this would be better as it is supported in most modern browsers. The code you posted may not function properly in older versions of IE.

Code: [Select]

-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
 

ref. http://www.w3schools.com/cssref/css3_pr_border-radius.asp

Only introduced in IE9??

[Fog]

@Fog
Just to clarify the area to enter your attributes:

I'll try it Underdog...I see what you getting at

[ARG]

Just for a test I would like you to put the following style attribute into Custom Title Style in the style options for a block:

Code: [Select]

border-radius: 6px 6px 6px 6px;

... & then tell me how the block title displays.

Just a heads up but something like this would be better as it is supported in most modern browsers. The code you posted may not function properly in older versions of IE.

Code: [Select]

-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
 

ref. http://www.w3schools.com/cssref/css3_pr_border-radius.asp

Only introduced in IE9??

That is why I stated:

The code you posted may not function properly in older versions of IE.