BBCodes With its Icons

[semann]

Here are some BBCodes.


Tag:
glow

Replace:

<div style="width:100%; filter:glow(color={option}, strength=4)">{param}

Example:
this text is glowing

Use Option:
Yes

Icon:
171





Tag:
Move

Replace:

<table height=100 width=300><tr><td style="filter:bold(color=black strength=1);font-family:arial;font-weight: BOLD;font-size:'14'"><marquee direction="right">{param}<br></table>

Example:
This Moves Across The Screen

Use Option:
No

Icon:
172




Tag:
frame

Replace:

<div align=center><iframe name="cwindow" style="border:0" width=500 height=300 src="http://{param}"></iframe></div>

Example:
www.portal-e.com

Icon:
170




Tag:
spoiler

Replace:

<script type="text/javascript">
function showSpoiler(block)
{ block.nextSibling.nextSibling.style.display ="block"; block.parentNode.removeChild(block); }
</script>
<input type="button" class="button" onClick="showSpoiler(this);" value="Spoiler"> <span class="content" style="display:none">{param}</span>

Example:
Hidden text

Icon:
173


Im gonna add more later

[Elsie]

any way to see these in action?

[semann]

no sorry...

[Peggy]

the icons aren't showing up semann

[semann]

hmmm... let me change image host

Solved~

[Peggy]

very good!

Can you explain, for the benefit of those who may be new to bbcode, the purpose of each of these ?

[semann]

Glow- adds "glow to your text", you can select the glowin colour
Move- the text scrolls from left to right as a banner
InWindow- It makes a browser window inside your post

[Peggy]

That's great, thank you very much! We'll be looking forward to your additional bbcode offerings.

[Noppid]

In Window is A high risk tag. You could be serving porn or your competitors site in those frames! :eek:

[semann]

but thats why your competitor should keep track of those things...
and im only sharing BBCodes...

[Peggy]

What's the purpose of the Spoiler code?

[semann]

More BBCODES


Tag:
pong

Replace:

<table height=100 width=300><tr><td style="filter:bold(color=black strength=1);font-family:arial;font-weight: BOLD;font-size:'14'"><marquee behavior="alternate">{param}<br></table>

Use Option:
No

Example:
This text bounces left and right.

Description:
This makes your text bounce from right to left as in a ping pong game.!

Icon:
174




Tag:
define

Replace:

<dfn title="{option}">{param}</dfn>

Use Option: No

Example:
vBulletin

Description:
It adds a definition to the word

Icon:
175




Tag:
wave

Replace:

<table style="filter:wave(strength=2)">{param}</table>

Example:
this text is wavy

Use Option:
No

Description:
This makes your text wavy

Icon:
176

[semann]

What's the purpose of the Spoiler code?

The spioler makes a Button Named "Spoiler", when you click it, hidden text appears.

This is often used in signatures to stick to the size limit rules

[Elsie]

a few i might well add when i get a moment :) thanks semann

[semann]

a few i might well add when i get a moment :) thanks semann

Youre welcome!

[Elsie]

anyone know why the [/glow] doesn't work? for some reason, even after i close the BB tag, everything after it is glowing as well.

[Elsie]

never mind, i fixed it :)

the html code needs an </div> at the end of it.

[semann]

oo ok and remember it only works in IE not i Fierfox or opera

[Norman]

It's possible have some screenshoths? :p

[semann]

ill upload them later

[Elsie]

is there any way to lose the "drop" and/or spacing effect so that they sit on the same line as the rest of the text?

for instance, glowing and moving text is positioned thus (you'll have to imagine the actaul effects! lol):

this is the
glowing
text.

this is the

moving

text.

[Elsie]

anyone have any ideas for this?

[Noppid]

There effects are wrapped in divs and tables. Those need to go. They are creating the new lines it seems to me.

[Elsie]

but presumably they've been coded like that for a reason? if they didn't need to be there, why add them in the first place?


can semann enlighten us perhaps??

[Noppid]

Have you just tried removing his html and substituting your own? Seems like a very easy task.

[Elsie]

if you know what you're doing, i'm sure it is.

[semann]

i think it is not possible because they are wraped around "invisible" tables. Maybe the gloweing but the moving i dont think you can, ill see if i can fix the glow

[Noppid]

if you know what you're doing, i'm sure it is.

Well, I thought you were one of the skin designers and assumed you knew basic html?

If not, just show us exatly the code you are working with, not the post with it. I'm show you suggestions, but you have to test um. ;)

[Elsie]

the codes are all in the early posts of this thread :)


and no, i'm not a skin designer and yes i do know VERY basic html. ;)

[Elsie]

thanks semann - i look forward to seeing what you can come up with.

[Noppid]

the codes are all in the early posts of this thread :)


and no, i'm not a skin designer and yes i do know VERY basic html. ;)

Yes, but it would be easier if you said and showed, this code does this, but I don't want it too. Then I can quote it and fix it rather then cross referencing many posts.

[Elsie]

hope this gives the idea ok.....


glowing, moving and ping pong text is positioned thus (you'll have to imagine the actual effects! lol):

this is the
glowing
text.

this is the

moving

text.


this is the

ping pong

text.



the codes are:

glowing:


<div style="width:100%; filter:glow(color=red, strength=4)">this text is glowing</div>

moving:


<table height=100 width=300><tr><td style="filter:bold(color=black strength=1);font-family:arial;font-weight: BOLD;font-size:'14'"><marquee direction="right">This Moves Across The Screen<br></table>

ping pong


<table height=100 width=300><tr><td style="filter:bold(color=black strength=1);font-family:arial;font-weight: BOLD;font-size:'14'"><marquee behavior="alternate">This text bounces left and right.<br></table>

[Noppid]

Change the glowing <div and </div> to <span and </span>. The div adds a hard break <br /> before and after itself. The browser sees it, not you in the view code of the page.

The moving is IE only and will throw an XHTML validation error. It's not a real tag. Marquee is used to create a scrolling display. It was an IE only feature, but it has been adopted by the latest Netscape browser. [note : because this is a proprietary tag, it will not validate through the W3C.] So, I'm thinking it could act like <div>. To test remove all the table code and try...

<marquee behavior="alternate">This text bounces left and right.</marquee>

In the original posted code, the <marquee> tag is not closed. But I'm betting it's like <div>.


Same thing with ping pong. Try...

<marquee behavior="alternate">This text bounces left and right.</marquee>

Note that <br> is not valid in vB XHTML. Use <br />.

[Elsie]

thanks nop - i'll give these a try, and will report back ;)

[Elsie]

ok, well the glowing doesn't work at all if it's a span and (strangely) the BB code tags don't even show.

i used this:


<span style="width:100%; filter:glow(color=red, strength=4)">this text is glowing</span>

all i got was:

text

(as opposed to [glow=pink]text[/code] which i'd expect to see if the effect itself didn't work, if that makes sense!? lol)

[Elsie]

for the other two i'm afraid no joy..... they both still drop to a new line AND the only text you get is that from the html.

eg <marquee behavior="right">this text is moving</marquee> produces "this text is moving" no matter what you put between the BB tags.

[Elsie]

even putting the original code back in it doesn't show my chosen text - just that from the html.

[Noppid]

Yeah, well, because they are "special" tags, they must have to be a certain way. I guess the obvious don't apply here.

You have put alot of effort in though. Good work.

[Elsie]

thanks.

i figured out why the text wasn't changing - i'd taken out the font-weight part. once i added that back in it was fine :)

if *anyone* knows how to lose the spacing on these, i'd love them to share!!

[Elsie]

anyone figured anything out for this? anyone tried?? lol

[Peggy]

I haven't messed with it, sorry

[Elsie]

i was hoping semann might have had another look at it :)

[Njit]

I'm using these:

Name: Marker
Tag: marker
Replace: <span style="background-color:yellow;">{param}</span>

Name: Strike Trough
Tag: s
Replace: <strike>{param}</strike>

I think most users will find these usefull. I haven't added buttons yet..

[thablewprnt]

Can someone possibly make a hide bbcode?
Not to be confused with the spoiler tag. This is for hiding content till some one replies to see it.

[Pyrofyr]

I must say... just wow.
Well I'm an HTML expert, so it wasn't too hard for me, the fix was so simple it was astonishing.


<div style="width:100px"><marquee behavior="alternate">{param}</marquee></div>
The problem was the height=100 actually. :/

Also the problem you had wasn't that it defied logic, it was that he had copied the script with "This text is bouncing left to right" instead of "{param}".

The same should apply with marquee, which I didn't install, but I'm pretty sure it also uses the height=100 for the table. ;D
If you mean the starting a new line problem I can fix that up for you I'll just need to check it out in a second.

Edit: Fixed, ya. :]
Want me to fix up the rest? ;d

Demo : http://pyrofyr.com/forums/showthread.php?t=14

Decided to fix Marquee/Move as well :

<div style="width:100px"><marquee behavior="right">{param}</marquee></div>

Oh, and if you mean the slight space under it, that can't be taken away, it's something that's actually not part of div but actually of marquee's in general I've noticed from personal exp.

And to add, Firefox 2.0 supports marquee, it's what I'm currently using. ;D

Also editing for the like 5th time. All 'filter's are deprecated DHTML-CSS. Which means they shouldn't be supported anymore, however Microsoft (IE) are asshats, and still usually have it, making everything really messed up between browsers.