How Do You Use A Custom Userfield for Subheading and Selected Tab?

[DRE]

I know how to create a customer user field but how do I add html color code b60000 one time only to the following 3 sections?

Style Properties/Building Blocks/Subheading/Background
Style Properties/Header and Navigation/Selected Tab/Background
Style Properties/Selected Tab Link/Hover State/Background

Selected Tab Background can be found in navigation.css

but I can't find the other two.

I know how to put them in an if condition but I don't know how to wrap them so that they show in the 3 areas above.

<xen:if is="{$visitor.customFields.background3}"> style="background: #{$visitor.customFields.background3};"</xen:if>

 

[IFeelYourPain13]

Support is done only by the thread, in case others have similar questions.

 

[DRE]

i couldnt find the thread. k hold on

 

[Jake Bunce]

CSS can't be made conditional, but class names can. So in your HTML templates you would use code like this to conditionally name classes:

<div class="<xen:if is="{$visitor.customFields.backgroundclass}">{$visitor.customFields.backgroundclass}</xen:if>">

</div>

Then define that class in EXTRA.css.

 

[DRE]

CSS can't be made conditional, but class names can. So in your HTML templates you would use code like this to conditionally name classes:

<div class="<xen:if is="{$visitor.customFields.backgroundclass}">{$visitor.customFields.backgroundclass}</xen:if>">
 
</div>

Then define that class in EXTRA.css.

So basically, I have to come up with a list of colors I'd want to use for the custom user field backgroundclass? For example, I create a Drop Down Selection User Field and have the following options:

Value: 3red
Title: Red
Value: 3blue
Title: Blue

The drop down box would show Red and Blue. The value is the name of the class defined in EXTRA.css right?

For example:

EXTRA.css

.3red
{
background-color: red;
}
.3blue
{
background-color: blue;
}

 

[Jake Bunce]

Correct.

 

[DRE]

Not working. Hmm.

 

[Jake Bunce]

First make sure the class name is showing in the page source. If that is correct then load the style sheet and make sure the class definitions are there. If that is correct then it's probably a problem with your CSS.

 

[DRE]

Yeah I think there's a problem with my css.

 

[DRE]

I see the class definition in page source but not css.

 

[Jake Bunce]

It should be in the stylesheet (css.php).

 

[DRE]

It should be in the stylesheet (css.php).

It works. I was missing a zero.

 

[DRE]

K Finally got it working. Now I just have to find where to put it.

 

[DRE]

CSS can't be made conditional, but class names can. So in your HTML templates you would use code like this to conditionally name classes:

<div class="<xen:if is="{$visitor.customFields.backgroundclass}">{$visitor.customFields.backgroundclass}</xen:if>">
 
</div>

Then define that class in EXTRA.css.

Can a custom userfield go inside extra.css?

 

[DRE]

CSS can't be made conditional, but class names can. So in your HTML templates you would use code like this to conditionally name classes:

<div class="<xen:if is="{$visitor.customFields.backgroundclass}">{$visitor.customFields.backgroundclass}</xen:if>">
 
</div>

Then define that class in EXTRA.css.

BTW I do see a conditional inside a CSS. I saw it in Anthony Parson's userbar addon.

I just need to put a custom userfield inside one.

For example:

/* Shift Visitor Links to Moderator Bar */
 
<xen:if is="@xfofUserbar">
#moderatorBar .adminLink
{
    float:left !important;
}
</xen:if>

@xfofUserbar is a custom style property.

How do I make a custom user style property with custom userfields?

 

[Jake Bunce]

BTW I do see a conditional inside a CSS. I saw it in Anthony Parson's userbar addon.

I just need to put a custom userfield inside one.

For example:

/* Shift Visitor Links to Moderator Bar */
 
<xen:if is="@xfofUserbar">
#moderatorBar .adminLink
{
    float:left !important;
}
</xen:if>

@xfofUserbar is a custom style property.

How do I make a custom user style property with custom userfields?

That's a style property which is different. A style property doesn't change for each user. It's consistent across the forum.

 

[DRE]

kayyy