additional options - shadow, angle etc.

[abcandd]

here is my first attempt with your script:

http://abcandd.com/pdtops

here is the original from three years ago:

http://pdtops.com

i'd like to add a border to the lettering in the logo to make it look more like the original logo, also, id like to have mouseover states for the navigation links

can't quite figure it out after a couple hours of tooling.

please help!

[admin]

Hi abcandd,

Thanks for trying text2PNG.com

Unfortunately, right now we don't support borders; you can add a shadow in any color by using the shadow option. To add a mouseover event, you'll need to create two links (one is visible and one is hidden) for example

Code:

<a href="#" onmouseover="this.style.display='none'; document.getElementById('second_link').style.display='';" id="first_link">Link Text</a>
<a href="#" id="second_link" style="display:none;" onmouseouy="this.style.display='none'; document.getElementById('first_link').style.display='';">Link Text</a>

[abcandd]

thank you for the help with the mouseover!

however i still do not understand how to activate the shadow option

would you please look at my source code for that page and identify what i should add and where?

if you can show me how to add a shadow to any one of them, ill be able to do it forever in the future

[admin]

Let's say you want to put a shadow on the "P", "D", "rogressive" and "imension" parts. You can do the following

Code:

// text with shadow
text2png.replace('P','rogressive','D','imensions', {
         'shadow_color':'#000000',           // the shadow color defaults to black
         'shadow_distance':10,                // the distance in the shadow (set to zero to remove the shadow
         'shadow_blur':5,                        // where the shadow start fading
         'shadow_strength':50,                // the opacity of the shadow
         'shadow_angle':315                    // the angle of the shadow (no comma after the last option)
    });

// text without shadow
text2png.replace('invite','phone','tollfree','espanol','proud','copy','join','email','name','author2');

[abcandd]

well i certainly see where my syntax is different from yours and therefore why it wouldnt work

but it doesnt appear to be working with the code you provided

i only updated index.html

http://abcandd.com/pdtops

[admin]

We found the bug and it's fixed. Just visit your page and hit the refresh button.

Also, if you want to make the font italic, use the CSS style font-style:italic

[abcandd]

thanks!

a little bit of shadow makes a huge difference

it looks like the replaceAll function isnt accepting the shadows, maybe the same error from earlier?