So in photoshop i have been trying to get my sigs to be like my sig currently. No box around the sig. I know there are tutorials but i don't know what i am looking for.

Any suggestions with links to one that explains?

you mean a transparent background?

you dont need a tutorial for that, you just dont make the "box". If you start a new document, it will standard give you a white background, but you can just delete that layer

Yep, and make sure you save the signature as a .PNG. Also, watch the filesize as .PNG files tend to be big, meaning borderless signatures are big in general.

FYI, your current signature is 30kb too large. Max size for JSP is 70kb, yours is 103kb. (Right click on your sig, go to Properties, it shows sizes)