Background images for components : U-Trade : U-Trade

Hello Guest

Links

Google Search

categories

css

» Form Components

» Buttons

» Transparency

html

» Tags

» Marquee

» Implementations

» Tables

javascript

» Dimensions

» Implementations

» Menu

» Images

» Text effects

photoshop

» Logo

» Orbs

» 3D effects

php

» Security

Do you have something to do in code, design or animation and you don't know how?
Send us an e-mail and will do a tutorial which will solve your problem.

10 Random Tutorials from all categories and subcategories

Background images for components : U-Trade

+ Share and Enjoy

Author: Cristea Iulian

Vote this article

You want to set a background for a form component? Here it comes:

Set a class style sheet first and put the url to your image right there. Of course, there is only one line that you need but I strongly recommend to create a class for a few important reasons:
- you can change the image name or path much faster being set in only one place;
- you'll have a clean code, HTML separated from CSS;
- can be easily added new styles to your components.

Anyway, the decision is your, it's correct in both ways. In our case we have the following simple CSS code, you only need to change the image name or/and path:

<style type="text/css">


.backComponents
{
	background-image:url(back_image.jpg);
}

</style>

From here you need only to create your components and set created class.

<textarea class="backComponents"></textarea>
<input type="text" class="backComponents">
<input type="button" class="backComponents">

Isn't this easy?!

+ post a comment

sitemap | terms and conditions | contact