SimplePortal

Customization => Themes and Graphics => Topic started by: tfs on May 07, 2009, 08:57:48 PM

Title: Style Options examples?
Post by: tfs on May 07, 2009, 08:57:48 PM
What are some examples of values I'd place in the Style Options?  They're free text fields and the help gives no indication of the valid entries.

The only one that is obvious is the No Title option.  The others don't seem to be as obvious to me.

Default Title Class:
Custom Title Class:
Custom Title Style:

No Title:
No Body:    

Default Body Class:
Custom Body Class:
Custom Body Style:
Title: Re: Style Options examples?
Post by: Blue on May 07, 2009, 10:22:06 PM
For "Custom" is only if you know some coding, so don't worry about them.

Default Title Class and Default Body Class have some options to choose. Consider them like colors to choose ;)

No title = only body
No body = only title or nothing. The content gives the impression to be in the portal background.

Here are some examples:

Only body with color 2
(http://img216.imageshack.us/img216/4775/windowsbg2.th.png) (http://img216.imageshack.us/my.php?image=windowsbg2.png)

Body and Title
(http://img147.imageshack.us/img147/4351/titleu.th.png) (http://img147.imageshack.us/my.php?image=titleu.png)

Only Body with color 1
(http://img399.imageshack.us/img399/6826/notilebutwithbody.th.png) (http://img399.imageshack.us/my.php?image=notilebutwithbody.png)

No Title nor Body
(http://img411.imageshack.us/img411/1060/nobodyandnotitle.th.png) (http://img411.imageshack.us/my.php?image=nobodyandnotitle.png)

Title: Re: Style Options examples?
Post by: [SiNaN] on May 11, 2009, 04:59:11 AM
tfs, do you still require assistance with this?
Title: Re: Style Options examples?
Post by: tfs on May 11, 2009, 12:58:40 PM
tfs, do you still require assistance with this?

Actually it was very helpful, thanks.  Except for the....

"For "Custom" is only if you know some coding, so don't worry about them."

...part.  Though I suspect what that really means is that the responder didn't have a list handy, and the values that are legitimate in those fields are often variable, based on things that are defined in other places.

Thanks,

TFS
Title: Re: Style Options examples?
Post by: Blue on May 11, 2009, 04:44:49 PM
I didn't tell you what custom coding means because I didn't knew to well what it was.

I think you need to know CSS and yes, the values should be there to guide members a bit.
Title: Re: Style Options examples?
Post by: [SiNaN] on May 13, 2009, 01:53:47 AM
If you click on the question marks in the area, you'll get answers for most of your questions.
Title: Re: Style Options examples?
Post by: tfs on May 13, 2009, 02:23:35 AM
If you click on the question marks in the area, you'll get answers for most of your questions.

The help for the entire Style Options box consists of the following...

===CUT===
These options allow you to specify CSS styling for each blocks.

Close window
===CUT===

That covers two pick lists, two check boxes and four free-form text fields.  Kinda sparse.
Title: Re: Style Options examples?
Post by: [SiNaN] on May 13, 2009, 02:31:06 AM
Okay, that's a bug a then.

For Custom Title/Body Class fields, you can use custom classes seperated with a space. Example: postarea keyinfo

For Custom Title/Body Style fields, you can use custom inline style seperated with a semi-colon as usual. Example: text-align: center; background: #FF00FF;
Title: Re: Style Options examples?
Post by: Chas on November 13, 2009, 04:38:29 AM
This "bug" is still in place in 2.3.1

How can I make the class apply to only PART of the text? I have entered

header2 in the custom body class field and

Code: [Select]
color: blue; font-size: 18px; margin: 0; padding: 0;
In the custom body style field but it seems to affect ALL the text in the body despite the tags used like

Code: [Select]
<header2 style="text-align: center;">Welcome to Fifty Plus Forum!</header2>
in the top of the body text and the centering is lost also

Have also tried just using

Code: [Select]
<header2>Welcome to Fifty Plus Forum!</header2>
with the same result.
Title: Re: Style Options examples?
Post by: [SiNaN] on November 30, 2009, 11:19:44 AM
How can I make the class apply to only PART of the text?

You need to apply the style only to that part of the text. Example:

Code: [Select]
Hello I'm a content.<span style="color: #FF0000;">I'm the only red here.</span>
I have entered

header2 in the custom body class field and

That means you already created a CSS class named "header2" and you are setting that class for the whole block content.

Code: [Select]
color: blue; font-size: 18px; margin: 0; padding: 0;
In the custom body style field but it seems to affect ALL the text in the body despite the tags used like

Code: [Select]
<header2 style="text-align: center;">Welcome to Fifty Plus Forum!</header2>
in the top of the body text and the centering is lost also

Have also tried just using

Code: [Select]
<header2>Welcome to Fifty Plus Forum!</header2>
with the same result.

That is expected. Firstly, every style field there affects all either title or body of the block. If you want to style only a part of the text, you need to do that like in the example I gave above, in the content itself. Custom class doesn't mean that it creates a new HTML tag, but attaches the already created CSS class to the block body.

What you want to do is probably just this:

Code: [Select]
<div style="width: 100%; text-align: center; color: blue; font-size: 18px;">Welcome to Fifty Plus Forum!</div>
as the HTML block content.
Title: Re: Style Options examples?
Post by: Chas on December 03, 2009, 04:44:33 AM
Thanks for the explanation Sinan,

It was my misunderstanding that you could create a style and then apply that to part of the block with the tags, like making a mini CSS with the Body Class Field. Now I understand that the Body class field affects ALL of the text in the body of the block it is clear.

Chas
SimplePortal 2.3.8 © 2008-2024, SimplePortal