PDA

View Full Version : Form field color attributes...... ??



Creepshow
Sun 15th Jan '06, 3:47pm
Hi if you take a look at this contact form I've built: http://www.realmofhorrorcomics.com/contactform.htm

How do I change the color of the input field background and text? Thanks

Lats
Sun 15th Jan '06, 4:13pm
Wow, I haven't seen font tags used for a while :)

Try a variation of this css...

input, textarea
{
background-color : #ffffff;
font-family : verdana;
font-size : 8pt;
color : #000000;
}

Creepshow
Sun 15th Jan '06, 5:59pm
Wow, I haven't seen font tags used for a while :)

Try a variation of this css...

input, textarea
{
background-color : #ffffff;
font-family : verdana;
font-size : 8pt;
color : #000000;
}

Thanks Lats, do you know where exactly in my code that should be placed?


<!-- BEGIN HTML 4.01 W3C.ORG DOCTYPE --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- END HTML W3C.ORG DOCTYPE -->
<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<title>Contact Us form |&nbsp; Horror Comics - Realm of Horror Comics, #1 for
Horror Comic Collectors &amp; Enthusiasts Worldwide! EC, Precode, and more!!</title>
<!-- BEGIN MAIN META TAGS -->
<meta name="description" content="Horror Comics. #1 horror comic information and discussion source.">
<meta name="keywords" content="horror comics,precode,pre-code,pre code,horror,comics,comic books,comicbook,comic book,comicbooks,movie,movies,anthology,anthology movie,film,films,flick,flicks,slasher,comics code authority,Comics Code Authority,senate subcommittee testimony,Senate Subcommittee Testimony,bill gaines,cover,covers,creep,kingdom of creep,1954,1950's,1950s,1950,50s,50's,terror,fear, suspense,sadism,masochism,torture,torment,pain,liv ing dead,walking dead,zombie,zombies,shock,crime,weird,mad,MAD,maga zine,science,science fiction,sci fi,sci-fi,fiction,the creepshow creep,strange,morbid,grotesque,stories,collectors, enthusiasts,fans,collectable,rare,scarce,condition ,tales from the crypt,vault of horror,haunt of fear,ghoulunatics,GhouLunatics,creepshow,stephen king,george a. romero,George Romero,creepy,eerie,warren,ec,dc,EC,DC,marvel,cont roversy,controversial,art,artwork,panels,gaines,we rtham,james warren,jack kamen,mister mystery,berni wrightson,feldstein,ghastly,graham,ingels,kurtzman ,craig,jack davis,wallace wood,joe orlando,bill elder,severin,george evans,al williamson,reed crandall,archie goodwin,bernie krigstein,moldoff,uncle creepy,cousin eerie,vampi,vampirella,vampire,werewolf,monster,fr ankenstein,cryptkeeper,vaultkeeper,old witch,host,fanaddict,fan addict,bible,funny animal,pre-trend,pre trend,trend,pre,new trend,new direction,picto-fiction,picto fiction,picto,b&w,black and white,press,presses,full color,colour">
<meta name="robots" content="all">
<meta name="distribution" content="global">
<meta name="audience" content="horror comic collectors, fans, enthusiasts, horror fans, everybody">
<meta name="revisit-after" content="1 day">
<meta http-equiv="expires" content="0">
<meta http-equiv="Pragma" CONTENT="no-cache">
<meta name="author" content="Nicholas J. Murgatroyd, GlobalFingers Design Studios">
<meta name="copyright" content="RealmOfHorrorComics.com, Copyright © 2005-present.">
<!-- END MAIN META TAGS -->
<LINK REV="made" HREF="mailto:webmaster@realmofhorrorcomics.com (webmaster@realmofhorrorcomics.com)">
<LINK REL="SHORTCUT ICON" HREF="http://www.realmofhorrorcomics.com/realmicon.ico">
<style type="text/css">
<!--
BODY {font-family:verdana}
A {text-decoration:none}
A:hover {color: #CC0000}
A:hover {text-decoration:underline}
-->
</style>
<style type="text/css">
body {
SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #131313; SCROLLBAR-SHADOW-COLOR: #a09f9d; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-BASE-COLOR: #000000; scrollbar-3d-light-color: #FFFFFF; scrollbar-dark-shadow-color: a09f9d
}
</style>
</head>
<!-- START NO-RIGHT-CLICK SCRIPT -->
<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="© 2005, Realm of Horror Comics. All Rights Reserved.";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
<!-- / END NO-RIGHT-CLICK SCRIPT -->
<body bgcolor="#000000" text="#C0C0C0" link="#808080" vlink="#808080" alink="#808080" leftmargin='0' topmargin='0' marginwidth='0' marginheight='0' background="images/bg.gif">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="728">
<tr>
<td width="728">


</td>
</tr>
</table>
<table border='0' cellspacing='0' cellpadding='0' width="776">
<tr>
<td colspan='5' width="776">
<table border="0" cellpadding="0" cellspacing="0" style="" width="96%">
<tr>
<td width="100%">
<a href="http://www.realmofhorrorcomics.com/index.php">
<img border="0" src="images/head.gif" width="728" height="165" alt="Realm of Horror Comics - #1 for Horror Comic Collectors & Enthusiasts Worldwide!"></a></td>
</tr>
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="98%">
<tr>
<td width="25%" valign="top">
<map name="FPMap0">
<area href="http://www.realmofhorrorcomics.com/comics.htm" shape="rect" coords="25, 57, 158, 91" alt="Comics - Realm of Horror Comics .com">
<area href="http://www.realmofhorrorcomics.com/covers.htm" shape="rect" coords="27, 99, 156, 127" alt="Covers - Realm of Horror Comics .com">
<area href="http://www.realmofhorrorcomics.com/precode.htm" shape="rect" coords="28, 135, 152, 164" alt="Precode / Pre Code / Pre-Code - Realm of Horror Comics .com">
<area href="http://www.realmofhorrorcomics.com/censorship.htm" shape="rect" coords="29, 172, 152, 201" alt="Censorship ! - Realm of Horror Comics .com">
<area href="http://www.realmofhorrorcomics.com/mycollection.php" shape="rect" coords="28, 210, 156, 238" alt="My Collection - Realm of Horror Comics .com">
<area href="http://www.realmofhorrorcomics.com/messagemorgue/index.php?" shape="rect" coords="12, 345, 170, 429" alt="The Realm of Horror Comics MESSAGE MORGUE. Register your account... NOW!!!">
</map>
<img border="0" src="images/menu_left.gif" width="189" height="435" alt="Realm of Horror Comics - #1 for Horror Comic Collectors & Enthusiasts Worldwide!" usemap="#FPMap0"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="100%">
<p align="center">&nbsp;


</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="100%">
<p align="center">

<br/>


</td>
</tr>
</table>
</td>
<td width="75%" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="100%">
<p align="left">

<br/>



<!-- START MAIL FORM CODE -->
<DIV ALIGN="LEFT">
<table border=0 width="500" cellpadding=5 cellspacing=1 align="left">
<tr>
<td colspan=2 width="488">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="100%">
<img border="0" src="images/contact-form.jpg" width="404" height="64" alt="CONTACT FORM - Make Contact With The Dead!" title="CONTACT FORM - Make Contact With The Dead!"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="385">
<form action="http://www.realmofhorrorcomics.com/cgi/formmail.cgi" method="post">
<input type="hidden" name="to" value="webmaster@realmofhorrorcomics.com">
<input type="hidden" name="next_url" value="http://www.realmofhorrorcomics.com/form-thanks.htm">
<input type="hidden" name="subject" value="Realm Contact Form Submission">
<input type="hidden" name="required" value="Name, Email, Message">
<input type="hidden" name="required_url" value="http://www.realmofhorrorcomics.com/form-required.html">
<table border=0 cellpadding=5 cellspacing=1 width="496">
<tr bgcolor="#FFCC66">
<td align="LEFT" colspan="2" bgcolor="#000000" width="574">
<p><font size="2" color="#FFFFFF">Want to contact us? Use the following
form, and we'll get back to<br/>you as soon as possible. If you
prefer, you can send us a standard email message at
<a href="mailto:thecreep@realmofhorrorcomics.com (thecreep@realmofhorrorcomics.com)">
thecreep@realmofhorrorcomics.com</a>. </font></td>
</tr>
<tr>
<td align="LEFT" bgcolor="#0C0C0C" width="213" background="images/formbg1.jpg">
<p align="right"><b>
<font face="Verdana" size="-1" color="#FFFFFF">Your Name* :</font></b></td>
<td align=LEFT bgcolor="#000000" width="359" background="images/formbg2.jpg">
<p align="center">
<input name="Name" size=40 style="float: left">
</td>
</tr>
<tr>
<td align="LEFT" bgcolor="#0C0C0C" width="213" background="images/formbg1.jpg">
<p align="right"><b>
<font face="Verdana" size="-1" color="#FFFFFF">Your E-Mail* :</font></b></td>
<td align=LEFT bgcolor="#000000" width="359" background="images/formbg2.jpg">
<p align="center">
<input name="Email" size=40 style="float: left">
</td>
</tr>
<tr>
<td align="LEFT" bgcolor="#0C0C0C" width="213" background="images/formbg1.jpg">
<p align="right"><b>
<font face="Verdana" size="-1" color="#FFFFFF">Your Message* :</font></b></td>
<td align=LEFT bgcolor="#000000" width="359" background="images/formbg2.jpg">
<p>
<textarea name="Message" wrap="PHYSICAL" cols="40" rows="3"></textarea>
</td>
</tr>
</table>
<p>
<input type="submit" value="Send Now!">
<input type="reset" value="Reset All Fields">
</p>
<p>
<font size="1">&quot;</font><b><font size="2">*</font></b><font size="1">&quot;
<i>Indicates a required field. </i> </font>
</p>
</form>
</td>
</tr>
</table>
</DIV>
<!-- // END MAIL FORM CODE -->


</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="100%">

<!-- START GOOGLE SITESEARCH WITH ADSENSE -->
<div align='left'>
<!-- SiteSearch Google -->
<!-- SiteSearch Google -->
</div>
<!-- END GOOGLE SITESEARCH WITH ADSENSE -->


</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="" width="733">
<tr>
<td width="100%">
<p align="center">
<hr>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="100%" bgcolor="#333333">
<p align="center">
<img border="0" src="images/aff_ban_01.gif" width="468" height="60" alt="Want to link to the Realm of Horror Comics? Here is a banner you could use. No hotlinking please (upload it to your own server). Thanks for your support... !"></td>
</tr>
<tr>
<td width="100%" bgcolor="#666666">
<p align="center"><b><font size="2" color="#FFFFFF">^^</font><font size="2" color="#000000">
Want to link to the <i>Realm</i>? Please use this banner...
Thanks for your support! <u>No hotlinking</u> </font>
<font size="2" color="#FFFFFF">^^</font></b></td>
</tr>
</table>
<div align='center'>
</div>


</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="80%">
<tr>
<td width="728">
<p align="center">&nbsp;

<!-- INSERT OTHER AD/AFFILIATE BANNERS HERE -->
<div align='center'>

<!-- / End vBulletin.com affiliate programme banner 468x60 -->
</div>
<!-- // END INSERT OTHER AD/AFFILIATE BANNERS HERE -->

</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="" width="733">
<tr>
<td width="100%">
<p align="center">
<font face="Verdana, Arial, Geneva, sans-serif" size="1" color="#FFFFFF">
Officially online since 18th Oct, 2005. All original content is
Copyright © 2005-present, Realm of Horror Comics.<br/> All Rights
Reserved<br/>
<a href="http://www.realmofhorrorcomics.com">
www.realmofhorrorcomics.com</a (http://www.realmofhorrorcomics.com</a)> </font>
<font size="1" color="#FFFFFF">
® | Property of <b>GlobalFingers</b>™ Design Studios | Operated &amp;
designed by <a href="mailto:info@realmofhorrorcomics.com (info@realmofhorrorcomics.com)">
Nicholas J. Murgatroyd</a>.<br/>All other content (including
comic book and magazine cover scans) are the property of their
respective owner(s), and absolutely no copyright infringement is
intended, nor implied. No rights are given or implied. The cover
scans of comics and magazines are presented here purely for fan
enjoyment and their historical significance. <br/><br/>PLEASE
READ OUR
<a href="<A href="http://www.realmofhorrorcomics.com/privacy.htm">PRIVACY">http://www.realmofhorrorcomics.com/privacy.htm">PRIVACY
POLICY</a> AND
<a href="<A href="http://www.realmofhorrorcomics.com/tou.htm">TERMS">http://www.realmofhorrorcomics.com/tou.htm">TERMS OF
USAGE</a>. </font>
<p align="center">
<font size="1" color="#FFFFFF">This site is <i>best</i> viewed
at an 800x600 + screen resolution with Microsoft Internet
Explorer. <br/><br/></font></td>
</tr>
</table>
<!-- START GOOGLE ANALYTICS TRACKING CODE -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-63725-4";
urchinTracker();
</script>
<!-- END GOOGLE ANALYTICS TRACKING CODE -->

</body>
</html>

Creepshow
Sun 15th Jan '06, 6:06pm
Nevermind, I did it.

Thanks for your help man! ;)