Well after some work I have this.. Anyone know how I can pass the option through so people don't have to type it in. Here's the code I'm using.. I don't know if it's correct or not but it works for me. It prompts for the option but I want it to just automatically fill it in onclick.

I love this. It is amazing and clever idea. But

huh?

Another thing, you can make a smilie button but you have make it a bit smaller and then it will be clickable.

Does anyone have some gifs of other alternatives?

I had to use "Comic Sans MS" for it to work, but thanks anyway :D

And thanks to the author ;)

Rounded corners version with "Comic Sans MS" font.

Example attached ;)

I cant get the image to show up, i have double checked my absolute path :(

Very nice. Needs TD & TR tags in the first row though. ;)

You should not use the Font-Tag! This ist not XHTML compilant. Use this

Hoffi, what would be needed to your chance to get the text color back to black?

Thanks,
Kevin

OK, a small tutorial for CSS. ;)

Take this div-Tag for the one in the Middle which includes the {param}. All Font-formatting can be done with this.
alternative:
Enter a new Class in the Additinal Style-Settings called this.
and use this div tag.
Description of the used Flags:
background-color: OK, I think no explanation necessary ;)
font-family: The Font or Font-Family you want to use. You can enter more than one Font like in my demo. For higher compatibility use fonts which are installed on any OS and Include serif, sans-serif or monospace.
font-size: The Size you wanr to use. You can use hier absolute Size like 10pt oder 12px, or you can use words like smaller or bigger. just test around what fits perfectly in your design.
font-style: normal or italic.
font-weight: normal, bold, bolder, lighter. In normal case normal and bold are the only differences.
font-varian: normal or small-caps.
color: The Font color you want to use. You can enter names Colors or hex-Numbers like #000000 for black.

additinal entrys that can be interesting:
text-decoration: underline, overline, none or line-through
text-transform: uppercase, lowercase, capitalize or none
letter-spacing: eg. 5px

you also may add a background-Image to the Shield if you insert the following into the div-tag.
background-image: url(path/to/bgfile.gif);

I hope this helps you.

Can you paste the code with the missing TD and TR?

Huh? The post that you quoted me above in has the code in question in it.

When I used it and did a test post then looked at my vBadvanced CMPS the right colum was dropped way down and into the center one. :(

Wich Code did you use? the one in the first Post or some other?

One of the ones above. The original works. :)

kool little hack
thanks a ton

Will this work in 3.5 as well? I only get the textbox, not the smilie..

Hi there

I have tried this and got this to work with 1 smilie, I even added the option so that it showed up in the WYSIWYG

however, in trying to understand this

If you want more than one Image use the Option tag and name the Images to schield1.gif etc. and use Filepath shield{option}.gif

Than call with [ schield=1]test[/shield]

could anyone please add some light to this, to make it more understandable for me, please

Much appreciated

C

sure its simple


if you notice when you make a bbcode it asks you whether or not you want to enable the option.

select yes

next when you goto name your multiple files your going to give them the name schield1.gif or schield2.gif

whatever text or number or whatever you put after the word schield is what you will enter when posting a message

so if i g=have 3 pictures im using and i named them schieldtest.gif than i would input [schield=test]My text[schield]

thanks Sketch

will give this a try, have a vague idea what to try and will see how it comes out

Thanks

C

edit: this is what I have tried .. the code


<table border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="background-color: White; border: 1px solid Black; padding: 1px;"><normalfont>{param}</normalfont></td> </tr> <tr><td align="center"> <img src="hxxp://www.yourdomain.name/forum/images/smilies/schield{option}.gif" alt="" border="0"></td></tr> </table>

This worked in providing the changeable option with 1 image in the WYSIWYG

however how do I add the extra image to the panel .. I loaded one image to where it says:
Button Image (Optional) If you would like this bbcode to appear as a clickable button on the message editor toolbar, enter the URL of an image 21 x 20 pixels in size that will act as the button to insert this bbcode.

trying to figure out how to add 2 images there, presently I have:
hxxp://www.yourdomain.name/forum/images/smilies/schield1.gif

hi.

I am sory I got confused..

can some one post it to show:
1) more than one schield we can click to select from (like the smilies)
2) after selecting it a popup will appear asking to put the text

and thats it..

regards.

Both easy:
1) use the {option} for the actual imagename:
This way users can specify the option wich directly refers to the name.
This way you can't call the images 'happysmile.gif', 'frowningface.gif' etc... but give them numbers: 1.gif, 2.gif etc... or perhaps 'shield1.gif', 'shield2.gif' etc...


2) just specify a 'Button Image' in your bb-code editor for usage with this tag.
this image will be put next to the other images in your editbox.
When clicked it will popup a inputbox for the text, followed by (if you chose to use {option} for this tag) a inputbox asking for the option, in your case the number for the sign.

<font color="Green">* christianb clicks install</font>

hi
What should I use for 3.5.x

Hello KW802,

Where are the tr and td supposed to be?

I've tried a few variations but they aren't working :cool:

Thanks!

does this work for 3.6 and above, please?

loo. works on vb 3.7.0. beta2, looks a bit strange but it works :D thanks!!!