Arwen-Undomiel.com
http://arwen-undomiel.com/forum/

Help with a mail form
http://arwen-undomiel.com/forum/viewtopic.php?f=27&t=14402
Page 1 of 1

Author:  Riniel Anariel [ March 8th, 2007, 4:20 pm ]
Post subject:  Help with a mail form

Quote:
*edit* I need some help with spacing things. I want it closer rather than farther away?





I am trying to figure out how to change the color of my links? And remove the underline and change in color when you crossover the link?
<a href="http://freewebs.com/immortalkiss/fanart.html" target="_blank">Example</a>

Next - I would like to know how your turn the text in the header into different links?

Lastly - When the site isn't opened to full sceen the tables move out of place. I was wondering if there was a code that would keep those in one spot?

Thanks so much. :bye2:

Author:  The Grey Pilgrim [ March 9th, 2007, 2:54 pm ]
Post subject:  Re: Help with links

Riniel Anariel wrote:
I am trying to figure out how to change the color of my links? And remove the underline and change in color when you crossover the link?
<a href="http://freewebs.com/immortalkiss/fanart.html" target="_blank">Example</a>

put this in between the <head> and </head> tags:

Code:
<style type="text/css">
a:link {color: COLOR;text-decoration:none;} /* unvisited link */
a:visited {color: COLOR;text-decoration:none;} /* visited link */
a:hover {color: COLOR;text-decoration:none;} /* mouse over link */
a:active {color: COLOR;text-decoration:none;} /* selected link */
</style>

COLOR is the color you want links to be (like blue or black or #FFFFFF)

Riniel Anariel wrote:
Next - I would like to know how your turn the text in the header into different links?

You can either break the header into pieces and put them in a table, or use an imagemap: http://www.w3schools.com/tags/tag_map.asp
^Tell me if you want me to try to explain that.

Riniel Anariel wrote:
Lastly - When the site isn't opened to full sceen the tables move out of place. I was wondering if there was a code that would keep those in one spot?


in the <table> tag, put
Code:
style="position:absolute;top:##px;left:###px;"

where ## is how far it should be from the top of the page and ### is how far it should be from the left of the page (just try different numbers until it looks how you want)

Author:  Riniel Anariel [ March 11th, 2007, 5:27 pm ]
Post subject: 

Thank you so much!! I will try it tonight. :-D

Author:  Riniel Anariel [ May 15th, 2007, 1:38 am ]
Post subject: 

Quote:
*edit* I need some help with spacing things. I want it closer rather than farther away?

Author:  The Grey Pilgrim [ May 15th, 2007, 2:10 pm ]
Post subject: 

What things do you want spaced differently?
(It depends on what/where the things are.)

Author:  Riniel Anariel [ May 16th, 2007, 12:06 am ]
Post subject: 

see example. I am going to make the lines thicker, and then try and put the text on top of the lines. If I can figure it out.
Thanks so much for your help. :-D

<a href="http://freewebs.com/immortalkiss/main.html" target="_blank">Example</a>

Author:  The Grey Pilgrim [ May 21st, 2007, 1:53 pm ]
Post subject: 

I'm still not sure I understand what you mean.

I'm assuming you mean the links on the right. Do you want the lines to be a background for the "title" for each section of links? Or do you want the "title" be right above the line, with (almost) no space between them?

Author:  Riniel Anariel [ May 25th, 2007, 5:31 pm ]
Post subject: 

I want the links closer to the lines. Tnanks so much for your help greypilgrim.

Author:  The Grey Pilgrim [ May 26th, 2007, 11:58 am ]
Post subject: 

adding
Code:
style="margin-top: 0px;"

to the hr tag, giving this:
Code:
<HR WIDTH="100%" COLOR="#000000" SIZE="2" style="margin-top: 0px;">

will let text be directly on top of the line

likewise,
Code:
style="margin-bottom: 0px;"

will let text be directly below the line

combining them works like so:
Code:
style="margin-top: 0px; margin-bottom: 0px;"


or
Code:
style="margin: 0px;"

which also takes some space off the ends of the line

Author:  Riniel Anariel [ May 28th, 2007, 7:25 pm ]
Post subject: 

Great. Thank you so much for your help.


I am working on my blend challenge site first since there is less content.
<a href="http://www.freewebs.com/backtobroadway/submit.html" target="_blank">BacktoBroadway</a>

I was looking everywhere for a code for a mail form. I found the code and the form looks farely good. The submit area is not working. Do I need a host for that.

Here is the code I used.

Quote:
FORM METHOD="POST" ACTION="" target="_blank">
INPUT TYPE="hidden" NAME="to" VALUE="dreams-in-the-dark@hotmail.com">
INPUT TYPE="hidden" name="subject" VALUE="Challenge Entries">
INPUT TYPE="hidden" NAME="form" VALUE="http://www.freewebs.com/backtobroadway/index.html">
INPUT TYPE="hidden" NAME="admin" VALUE="dreams-in-the-dark@hotmail.com">
INPUT TYPE="hidden" NAME="language" VALUE="en"> <p>
p align=right>name: input name="Name" value="" size=20 style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
e-mail: input name="E-mail" value="" size=20 style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
url: input name="URL" value="" size=20 style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 1: input name="Blend 1" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 2: input name="Blend 2" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 3: input name="Blend 3" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 4: input name="Blend 4" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 5: input name="Blend 5" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 6: input name="Blend 6" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
blend 7: input name="Blend 7" value="" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br>
comments: input name="comments" value="" height=70 style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">
<br><br><br>
INPUT TYPE="submit" NAME="Submit" value="Submit" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid"> INPUT TYPE="reset" NAME="Reset" value="Reset" style="background-color:#748EA7; color:#F7F2EC;
font-face: Verdana; font-size: 8pt; border: 1 #F7F2EC solid">

Author:  The Grey Pilgrim [ May 28th, 2007, 10:46 pm ]
Post subject: 

instead of
Code:
<FORM METHOD="POST" ACTION="" target="_blank">
<INPUT TYPE="hidden" NAME="to" VALUE="dreams-in-the-dark@hotmail.com">


try

Code:
<FORM METHOD="POST" ACTION="mailto:dreams-in-the-dark@hotmail.com">

Author:  Riniel Anariel [ May 31st, 2007, 5:41 pm ]
Post subject: 

I tried that and it didn't work for me. It was probably the way I was doing it. I ended up using a free form service (Response-O-Matic).
http://www.response-o-matic.com/thankyoupoweredbylink

Author:  The Grey Pilgrim [ May 31st, 2007, 5:47 pm ]
Post subject: 

Ok. That's the better way of doing it, anyway, because the other way will open the person's email program to send the info.

Page 1 of 1 All times are UTC - 5 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/