Welcome to Virtual Tutorial World Guest!



Customizing Any Text Area

 
Post new topic   Reply to topic    VTW Forum Index -> CSS
View previous topic :: View next topic  
Author Message
Please Register and Login to this forum to stop seeing this advertsing.





Tokens:


Posted:     Post subject:

Back to top
computergeek67
Administrator
Administrator


Joined: 31 Jul 2007
Posts: 144


Tokens: 147
Location: US

PostPosted: Sat Oct 20, 2007 4:43 pm    Post subject: Customizing Any Text Area Reply with quote

This tutorial will show how to change the color of an input box or textarea when they are active. This is very simple and is done using CSS. So here we go!

The first part is the CSS code, this goes in the between the head tags of your page:
Code:
<style type="text/css">
.input {
background-color: #656D78;
border: 1px solid #333333;
color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.input:focus {
background-color: #3D4D64;
border: 1px solid #333333;
color: #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
</style>


The highlighed text above is the stuff you have to copy. The red bits are the parts you have to customize to suit your needs.

The first class, ".input" is the code which sets the colours of the text box when it doesn't have focus(i.e. when they are not active). The second class, ".input:focus" sets the colours of the text boxes when they are active. Simple really.

Now for the html code:

Instead of using the features on Dreamweaver, or Frontpage, or anything that you use to make an input box, just copy this code wherever you want your tailor-made box.
Code:
<input name="tagname" class="input" maxlength="20">




_________________



Come to me if you have any questions
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    VTW Forum Index -> CSS All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Card File  Gallery  Forum Archive
Powered by phpBB © 2001, 2005 phpBB Group
Virtual Tutorial World ©2007-2008 computergeek67

Affiliates