Custom BB Code Question - 4.0.3

[Alisa Lindsay]

Good Day,

I have just installed 4.0.3 Publishing Suite on my test box while we prepare our site for the move from 3.8.5.

I am finding most things, with a few exceptions, work without issue.

However, I have three Custom BB Codes on my active site (Strikethrough, one for a generic quote style box, and one for a horizontal rule line)

Both the strikethrough and generic quote style box BB Code work with no issues on both custom and default styles. The HR (horizontal rule BB Code) works in the test box in the Admin CP...(enclosing screen shots of both)

However, the Custom BB Code for the horizontal rule does not work at all. I've tried every setting and change I can find or think of. I've attached a screen shot of the code (and yes, it is rather cobbled together as I could not find anywhere - or anyone - that could tell me how to do it properly). vB is the only forum software I've found that totally prohibits the use of the normal horizontal line code (which is usually [hr] for BBC and <hr> for HTML]

If there are simpler ways of accomplishing the horizontal line (other than using the "underline" on the keyboard which looks tacky), could you please let me know? We use the HR a lot to separate scenes in our chapters.

Thanks and Regards,

Alisa

PS: Repeat, this works with no issues on my 3.8.4 and 3.8.5 sites. I looked everywhere for other threads on this... please, please, please help.

[Lynne]

You might want to read up on the tag here - http://www.w3schools.com/tags/tag_hr.asp Every attribute you are using is deprecated.

You say it isn't working but don't say exactly what you mean. What exactly does it do when you use it? Is it putting anything in the source code?

[Boofo]

Alisa, have you tried just using <hr /> to make the line?

[Xencored]

Originally Posted by Boofo

Alisa, have you tried just using <hr /> to make the line?

Dont work mate tryed it

[Alisa Lindsay]

Lynn and Boofo,

Thank you for your quick reply. This one is kicking my rear...and I apologize for not being clearer in my original post.

I read the information on the link you gave me, Lynne (great site, I've bookmarked it for future reference)...

And I have tried every combination of the html and XHTML code I could think of...

What's not working....

The horizontal rule line does not show up on the post. I thought it was simply a matter of "color" and tried to fix that, no luck. When I turn HTML on for that forum, then using <hr /> inserts the line, but it only shows when I'm in edit mode. When I hit change it goes away.

Page Source seems to indicate that there is output from the code. Yet I am having a nightmare of a time trying to make it visible for posts in general.

I confess totally to being a code village idiot on a good day.

Currently I have HTML = ON for my usergroup (Administrators) but off in the forum itself. I"m unclear if the one setting overrides the other or not...so might partially be a setting issue.

I'm convinced it has something to do with the shading/no shading/colors of the custom skin (and my inability to get the code completely right). Although... it is also not appearing in the posts on the default skin either.

ANY suggestions, ideas, hints, helps, slaps upside my head for missing something obvious, are all quite welcome.

Regards,

Alisa

[Lynne]

Make your <hr> tag according to the info on that site, using the style tag and add in this:

<hr style="display:inline-block" />

hr tags are set to display:none and that is causing your problem.

[Boofo]

Alisa,

I'd be interested to see what you come up with if you get it working. I suck at html or I would help you. Lynne is the master at it.

[Alisa Lindsay]

Lynne,

Thanks to you I have the BB Code replacement for the HTML <hr /> tag working on my 4.0.3 test board. It took some trial and error and the BB Custom Code Manager still doesn't like it very much. However, the code output does work.

Here's how it was accomplished...

Title = Horizontal Rule
BB Code Tag Name = hr

Replacement Code

<hr style="height:3px;width:{param};noshade=noshade;display:inline-block" />

Example: [*hr]125%[/hr*] (without the *)

{param} is the line's width and can vary. I use % because it is easier for me to guesstimate how that will look inside the post.

So for a full width line, I would use [hr*]125%[*/hr] on my fluid width custom board. On fixed width boards, 100% will probably work as well.

On my 3.8 boards I was able to set two {param}. One for width and one for alignment. I was not able to make that work here.

*grins

It would be so much easier if we could just use the standard single [hr] BB Code tag for horizontal rule. I have attached screen shots of the results.

Please note...this is rough. I am NOT a coder of any kind or caliber. Oh...I did figure out how to get a border/horizontal line beneath the post title via additional CSS.

Thanks very much for all help! This little bit of code is vital for our writing board as it divides scenes in posts.

PS: Lynne, I don't guess there's a way to get the

hr tags are set to display:none

set to where they display without all the jumping through hoops issues? Can this be requested? I can't see that allowing the use of <hr /> would allow someone to destroy a board? Again, though, I admit to not being very savvy on coding. It would be nice to be able to use it without turning HTML on in the posting forums.

Thanks and Regards,

Alisa

[Lynne]

The other option was to set this in additional.css, but I'm not sure what else it might do (they set it to display:none for a reason, I would think):

.postbitlegacy hr,  .eventbit hr {display:inline-block;}

[Alisa Lindsay]

I understand, thank you so much. I will keep this last bit for future reference. If I get brave I might try it while we're still in test mode and not live.

Thank you for all your help,

Alisa

--------------- Added [DATE]1273588429[/DATE] at [TIME]1273588429[/TIME] ---------------

I have found one additional problem with Custom BB Code. When I put the buttons in for the regular forum editor, it throws the CMS editor out of whack by putting the "example" verbiage into the editor.

Example: On CMS Editor, instead of the HR button showing, it had the following
[HR*] wraps horizontal rule line around selected text [/HR*].

My solution for now...remove all the custom buttons and do the BB Code manually in posts.

I also updated the custom HR code to take out {param} so that now we get a 100% width line by inserting wherever we want the line to appear (without the asterisks).

<hr style="height:3px;width:100%;noshade=noshade;display:inline-block" />

This is all very rough and I'm sure there is a better, cleaner way to do this than what I've done...but so far it works in 4.0.3 on all of my styles, custom/default/fixed/fluid.