Using multiple YABB tags

[Midnite]

Adding a single YABB tag to text or image is pretty easy (I hope you've all tried it in your posts!), but it gets a bit more involved when you want to apply more than one effect to the same text or image.  To add more effects, you need to add more tags to the existing tag, which is referred to as nesting tags.

For example, if you have text you want to italicize, you would wrap your text with an italics tag, like this:

Code: [Select]

[i]TEXT[/i]
But let's say you also want to bold and underline that same text.  To get those additional effects you'd add more tags:

Code: [Select]

[i][b][u]TEXT[/u][/b][/i]
The opening tags could have been entered in any order, but the closing tags were added in the exact opposite order, like this:

Code: [Select]

[tag1][tag2][tag3]TEXT[/tag3][/tag2][/tag1]
Overlapping tags is never a good idea; they can confuse your browser and produce undesirable results in your posts.  Here's an example of overlapped tags:

Code: [Select]

[i][b][u]TEXT[/b][/i][/u]
So for the best results, the rule of thumb is to close your tags in the opposite order you opened them.  And on behalf of all the mods, thank you! 

[Patti Feinberg]

Honey...I'm confused...what's the difference between overlapping and nesting?
(I know the rule...[direction]testing[/same direction backwards]

Patti

[Midnite]

what's the difference between overlapping and nesting?

Nesting is placing one set of tags inside another, making sure they don't overlap.  Overlapping is when the tags are crossed rather than placed in reverse order.

Properly nested:

I  B  U     /U / B / I

Overlapping (bad) code:

I  B  U     /B  /U  /I

[victoriawinters]

You have it right Patti.  Just think of the way you are.  No need to get too technical if you can get it the another way.

Took me a bit to understand it too.

[Midnite]

I was very fortunate because it was MB that introduced me to html and with the first mention of using more than one code he also explained the right way to do it, so it quickly became second nature to me.

To be honest, I was afraid I'd alienate some by offering too basic an explanation and am relieved to see it called "too technical".

[onyx_treasure]

testing testing Is this right, MB?

[Mysterious Benefactor]

Is this right, MB?

Yes, it is.

[Cassandra]

this is just a test[/shadow][/size][/color]
let me see if this one works[/color][/size][/shadow]


Midnite, does this apply to using the color codes too? I tried doing it both ways (positioning the tags)  but still can't get the color,shadow & size codes to work with the "move" code?  I remember you menioning this in another thread here on the testing board but now that some of the pages are temporarily down Im trying to figure out what Im doing wrong here.  Any ideas?

Cassandra

[Midnite]

Code: [Select]

[shadow=blue,left][size=5][color=red][move]this is just a test[/shadow][/size][/color][/move]

Code: [Select]

[shadow=blue,left][size=5][color=red][move]let me see if this one works[/move][/color][/size][/shadow]
Midnite, does this apply to using the color codes too?

It applies to all codes.  Your first example isn't in reverse order at all and that sort of thing would be in need of a complete rewrite.  Your second effort is in reverse order (thank you!) but...

I tried doing it both ways (positioning the tags)  but still can't get the color,shadow & size codes to work with the "move" code?  I remember you menioning this in another thread here on the testing board but now that some of the pages are temporarily down Im trying to figure out what Im doing wrong here.  Any ideas?

...In the shadow and glow topic, which as you said isn't currently available, MB explained why shadow tags had to be wrapped around (on the outside of) the color and size tags, which is what you did here.  Font tags also need to be inside shadow tags along with color and size, btw.  And the move tags need to be outside the shadow tags, so if you try ordering your opening tags as: move, shadow, color or size and your closing tags as size or color, shadow, move then all of them will work for you in IE. 

[Patti Feinberg]

[shadow=red,center]anybody got an aleve?[/shadow]

Patti, who has to surrepitiously scroll down & read and re-read AND RE-READ Midnite's instructions

1) I put center in, next to shadow, yet my text appears to be flush left

2) I can't remember what I use to show what I mean (like Midnite's)

[Mysterious Benefactor]

Code: [Select]

[shadow=red,center]
Center isn't an option in the shadow feature, Patti - you have to use YaBBC's center tags:

Code: [Select]

[center][/center]

[Midnite]

Patti, the left or right in the shadow tags refer to which side of the text you want shadowed.

Code: [Select]

[shadow=red,left]TEXT[/shadow]
shadows to the left, or
TEXT

and

Code: [Select]

[shadow=red,right]TEXT[/shadow]shadows to the right, or
TEXT

and if you want the shadow to be neither left nor right you use

Code: [Select]

[shadow=color, glow width, #characters wide]TEXT[/shadow]or

Code: [Select]

[shadow=red, 2, 4]TEXT[/shadow]to get
[shadow=red, 2, 4]TEXT[/shadow]

[Cassandra]

I GOT IT NOW!!   THANKS MIDNITE![clap]



Cassandra

[Patti Feinberg]

oh duh!!

but then, how does Cassandra have that pretty red text with blue shadowing?

Is this just a numeric version?

Thanks again

Patti

Okay...I hit preview (like I always do if I'm doing anything but straight text!!) Why can't my question mark fit on the same line with my text?

[Midnite]

but then, how does Cassandra have that pretty red text with blue shadowing?

Is this just a numeric version?

Each tag has its own function.  A plain ol' color tag determines the color of the text, and what's in the shadow tags affects the shadows (the size, color, direction of only the shadows).  Showing only those parts of her code, here's what Cassandra wrote:

Code: [Select]

[shadow=blue,left][color=red]I GOT IT NOW!![/color][/shadow]

Thanks again

You're very welcome!

Why can't my question mark fit on the same line with my text?

No matter how you might try to get around it, the system will still isolate shadowed text... in other words, shadowed text cannot share the same line with unshadowed text.  So if a ? is outside the shadow tags, it's going to get bumped to the next line every time.  Your choices are to either keep your punctuation inside the shadow tags where it'll get shadowed too or have it show up unshadowed on another line.