How do I add graphics to an optin box

[vbasic]

I've created an optin box in Photoshop that I want to bring into Dreamweaver to add to the header in my web page.

I'm familiar with copying autoresponder code into my HTML editor but ...how do I save my Photoshop optin graphic so that the simple text box is now a graphic optin?

thx in advance for your help...

[ryanhellyer]

Welcome to the forum vbasic.

I'm confused though and don't quite understand your question.

[vbasic]

hi ryan - thx for your reply.

guess i'm not asking properly... normally, when i use an autoresponder, it gives me a simple text box. nothing fancy. however, i'm seeing all kinds of graphical optin boxes (google this to see what i mean) where the optin fields (eg. name & email) are surrounded by ...graphics (eg. colored boxes, arrows, pictures, etc).

in some cases, these optin boxes that i'm seeing are actually squeeze pages that are designed with graphics and, i'm assuming, it's still the same simple text optin box form code that is placed in the right place within the pages html code.

however, i've already created my own page (sliced from Photoshop) and i want the graphics from the optin box to appear within that page (not be the whole squeeze page). to complicate things, i'd like to see the optin box in the header (vs. a sidebar or body of page).

ultimately, i want to be able to use the optin code name & email field from the autoresponder but have people see it framed within a nicely-created Photoshop graphic.

clear as mud..?

[ryanhellyer]

What do you mean by "autoresponder"?

Perhaps you are just wanting to style a form? In which case you will have some code which says something like the following (where ... is a bunch of code):

<form method="post" action="">
    <input name="search" value="search" />
  <input type="submit" name="Submit" value="Search">
</form>

To style the input tag with graphics, you could apply a background image like this ...

<form method="post" action="">
    <input name="search" value="search" style="background:url('http://www.developertutorials.com/images/logo2.gif')" />
  <input type="submit" name="Submit" value="Search">
</form>

[Dean-123]

Well. what is optin box? I am a little bemused.

[ryanhellyer]

Originally Posted by Dean-123

Well. what is optin box? I am a little bemused.

I think vbasic was a little confused about the terminology.

vbasic, if you are out there. Try posting an image of what you have now and what you want to achieve, then we can work out from that what help you need. Plus we can let you know what the actual terminology is.

I think your main downfall here is using the the design view of Dreamweaver. Dreamweaver and other similar 'web design programs' are utterly useless at creating websites. The code outputted from them is horrid, difficult to work with and hard to modify to suit specific needs. By hand coding from scratch, you have massively more control over what you can do with your website and we can help you more easily.

There is a limit to what you can do with a basic wysiwyg editor and anything beyond what the software is designed for will be very difficult to implement.

[niaz333]

hi

this is great problem to me. I can not add graphic on my web

[ryanhellyer]

niaz333, do you have an example of a problem page. If you provide us with more information/a link then we may be able to help.