Signature Styling

[Speed33]

Keith Rozett

Would be possible to add an image select to the signature styling in the visual editor?

[Ryan Roos]

Hi Speed33

Can you please explain in more detail what it is you are requesting? The team and I read your request multiple times and we can't work out what it is you are asking for.

Try telling us how the feature you're asking for would work and tell us in detail where the buttons would be located and what they do.

Thank you.

[Speed33]

Apr 8, 2013 7:07:41 GMT -8 Ryan Roos said:

Hi Speed33

Can you please explain in more detail what it is you are requesting? The team and I read your request multiple times and we can't work out what it is you are asking for.

Try telling us how the feature you're asking for would work and tell us in detail where the buttons would be located and what they do.

Thank you.

The horizontal rule that separates the reply container and the  signature container. In the visual editor, the only option is to change the color, width and the line type, IE: solid, ridge, groove. I am looking to add an image to the options as well. Like you can with the title bar and other features.
Hopefully this helps, sorry for not being more explicit in my first post.

Regards
Speed

[Stinky666]

Apr 8, 2013 8:13:21 GMT -8 Speed33 said:

Apr 8, 2013 7:07:41 GMT -8 Ryan Roos said:

Hi Speed33

Can you please explain in more detail what it is you are requesting? The team and I read your request multiple times and we can't work out what it is you are asking for.

Try telling us how the feature you're asking for would work and tell us in detail where the buttons would be located and what they do.

Thank you.

The horizontal rule that separates the reply container and the  signature container. In the visual editor, the only option is to change the color, width and the line type, IE: solid, ridge, groove. I am looking to add an image to the options as well. Like you can with the title bar and other features.
Hopefully this helps, sorry for not being more explicit in my first post.

Regards
Speed

This can easily be achieved in the Layout Templates.
Admin > Themes > Layout Templates > Thread > Post List
Scroll down to lines 35 - 37

{if $[post.created_by_user.signature]}
<div class="signature">$[post.created_by_user.signature]</div>
{/if}

replace with

{if $[post.created_by_user.signature]}
<img src="URL"><br />
<div class="signature">$[post.created_by_user.signature]</div>
{/if}

[Ryan Roos]

Ahhh, now we get what you want.

However that won't be changing. The element you are talking about is a border element. You can't set an image as a border.

That being said, @stinky666has shown you that you can edit your template to do anything you want. So while you can't do this in the Colors and Styles area you can do it by editing your template.

[Speed33]

Apr 8, 2013 8:43:51 GMT -8 Ryan Roos said:

Ahhh, now we get what you want.

However that won't be changing. The element you are talking about is a border element. You can't set an image as a border.

That being said, Stinky666 has shown you that you can edit your template to do anything you want. So while you can't do this in the Colors and Styles area you can do it by editing your template.

 Very well, but case in point, this element has it's own styling like the title bar and other areas except for being able to add an image. V4 had a code to be able to image style it, but if this ever comes to pass and can be done it would be nice.
 Reason being, a member of my board is code challenged and when it comes to styling the board having a simple edit in the visual editor would be better that the more advance method that stinky has offered. Maybe reconsider this for those that are less advanced with the coding that would be involved.

Thank you

[Speed33]

Apr 8, 2013 8:32:59 GMT -8 Stinky666 said:

Apr 8, 2013 8:13:21 GMT -8 Speed33 said:

The horizontal rule that separates the reply container and the  signature container. In the visual editor, the only option is to change the color, width and the line type, IE: solid, ridge, groove. I am looking to add an image to the options as well. Like you can with the title bar and other features.
Hopefully this helps, sorry for not being more explicit in my first post.

Regards
Speed

This can easily be achieved in the Layout Templates.
Admin > Themes > Layout Templates > Thread > Post List
Scroll down to lines 35 - 37

{if $[post.created_by_user.signature]}
<div class="signature">$[post.created_by_user.signature]</div>
{/if}

replace with

{if $[post.created_by_user.signature]}
<img src="URL"><br />
<div class="signature">$[post.created_by_user.signature]</div>
{/if}

Thank you for this alternative method, much appreciated!

[Ryan Roos]

Apr 8, 2013 9:04:22 GMT -8 Speed33 said:

Apr 8, 2013 8:43:51 GMT -8 Ryan Roos said:

Ahhh, now we get what you want.

However that won't be changing. The element you are talking about is a border element. You can't set an image as a border.

That being said, Stinky666 has shown you that you can edit your template to do anything you want. So while you can't do this in the Colors and Styles area you can do it by editing your template.

 Very well, but case in point, this element has it's own styling like the title bar and other areas except for being able to add an image. V4 had a code to be able to image style it, but if this ever comes to pass and can be done it would be nice.
 Reason being, a member of my board is code challenged and when it comes to styling the board having a simple edit in the visual editor would be better that the more advance method that stinky has offered. Maybe reconsider this for those that are less advanced with the coding that would be involved.

Thank you

A title bar is far different than a single border acting as a horizontal rule.

In fact the title bars themselves have border options. A border is just a single customizable element that is part of the greater whole. It's the equivalent of you asking for an option to paint the gasoline in your car. Just because you can paint the bigger thing (the car/the title bar) doesn't mean you can apply the same action to the smaller element. Gasoline isn't something you can paint. A border isn't something you can make an image. That's just the rules of the world/internet. And saying that we gave you the option to paint the bigger (the car/the title bar) doesn't mean we can just give you the same option for the smaller (the gasoline/the border). It just doesn't work that way.

Borders don't have image properties. That's not ProBoards. That's the internet. That's how things work. We don't control that. Sorry.

[Shrike]

Apr 8, 2013 11:09:27 GMT -8 Ryan Roos said:

Borders don't have image properties. That's not ProBoards. That's the internet. That's how things work. We don't control that. Sorry.

caniuse.com/#feat=border-image
Pleasedontthitme


As an aside, Speed33 and Stinky666, it might be worth using a background image (and some of the more uncommon background properties like background-position etc) on the signature div instead as that will scale better than using a fixed image, at least if you have a percentage width forum.

[Speed33]

Apr 8, 2013 11:09:27 GMT -8 Ryan Roos said:

Apr 8, 2013 9:04:22 GMT -8 Speed33 said:

 Very well, but case in point, this element has it's own styling like the title bar and other areas except for being able to add an image. V4 had a code to be able to image style it, but if this ever comes to pass and can be done it would be nice.
 Reason being, a member of my board is code challenged and when it comes to styling the board having a simple edit in the visual editor would be better that the more advance method that stinky has offered. Maybe reconsider this for those that are less advanced with the coding that would be involved.

Thank you

A title bar is far different than a single border acting as a horizontal rule.

In fact the title bars themselves have border options. A border is just a single customizable element that is part of the greater whole. It's the equivalent of you asking for an option to paint the gasoline in your car. Just because you can paint the bigger thing (the car/the title bar) doesn't mean you can apply the same action to the smaller element. Gasoline isn't something you can paint. A border isn't something you can make an image. That's just the rules of the world/internet. And saying that we gave you the option to paint the bigger (the car/the title bar) doesn't mean we can just give you the same option for the smaller (the gasoline/the border). It just doesn't work that way.

Borders don't have image properties. That's not ProBoards. That's the internet. That's how things work. We don't control that. Sorry.

Thats cool bro no need to be sorry. I may not have fully understood because V5 is so wide and has so much more variety than the previous versions I was under the impression that there might have been a viable option to be able to further style things such as the signature divider but what you stated makes it clear as to what it can and cant do and be done.

Thanks much

[Speed33]

Apr 8, 2013 11:36:58 GMT -8 Shrike said:

Apr 8, 2013 11:09:27 GMT -8 Ryan Roos said:

Borders don't have image properties. That's not ProBoards. That's the internet. That's how things work. We don't control that. Sorry.

caniuse.com/#feat=border-image
Pleasedontthitme


As an aside, Speed33 and Stinky666, it might be worth using a background image (and some of the more uncommon background properties like background-position etc) on the signature div instead as that will scale better than using a fixed image, at least if you have a percentage width forum.

Nice tutorial! And nice suggestion , the way you suggested shrike gives a wider range of capability.
I think also to include a repeat value as well if there could be an overall code to style the signature divider as you expressed.

[Ryan Roos]

Apr 8, 2013 11:36:58 GMT -8 Shrike said:

Apr 8, 2013 11:09:27 GMT -8 Ryan Roos said:

Borders don't have image properties. That's not ProBoards. That's the internet. That's how things work. We don't control that. Sorry.

caniuse.com/#feat=border-image
Pleasedontthitme

That's 67% support across the entire internet. Now skew that to our users and the number drops to less than half that. We aren't going to give an image option when 2/3 of the people won't see it working. That would lead to complaints and endless bug reports. We have enough people using old browsers and refusing to update as it is.

I get that I said it's not a thing. Yes, in the future it will be a thing. And in the future, when everyone updates browsers and stops using outdated stuff we can add an option. But until then... it's not a thing. Thanks Shrike