Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.

Thread: 

DIV background color?

Ads
banner
banner
banner
antony Offline referral

Posts: 478
Joined: Jul 2013
Reputation: 5

#1
Senior Member
I have a few divs and I would like each of them to have different background color how do I do that?
invisibe_dude Offline referral

Posts: 820
Joined: May 2013
Reputation: 24

#2
Posting Freak
You can use style tag to change background color:
Black
Code:
<div style="background-color:#000;">Your HTML code</div>

White
Code:
<div style="background-color:#fff;">Your HTML code</div>
001_biggrin
ndiey Offline referral

Posts: 5
Joined: Oct 2013
Reputation: 1

#3
Junior Member
This the easy way to edit/plus div class/div style. (create div style from Css)
example:
.main {
color:
font-size:
text-decoration:
background-color:
background-image: url("url img");
border:
margin:
padding:
}
to use this div class you just need put this <div class="main"><img src="url img"><a href="#">link.</a></div>
if you don't wan't use icon <div class="main"><a href="#">link.</a></div> .

you also can make it more cute -_-
by + this Css

.main:hover {
/*div class will change when curso touch that div class.*/

example div class that i made by my self only using Css
(nothing in it. i just create a Css, Js and Html).
chod Offline referral

Posts: 860
Joined: Jul 2013
Reputation: 85

#4
Posting Freak
(10-27-2013 01:58 AM)ndiey Wrote:  This the easy way to edit/plus div class/div style. (create div style from Css)
example:
.main {
color:
font-size:
text-decoration:
background-color:
background-image: url("url img");
border:
margin:
padding:
}
to use this div class you just need put this <div class="main"><img src="url img"><a href="#">link.</a></div>
if you don't wan't use icon <div class="main"><a href="#">link.</a></div> .

you also can make it more cute -_-
by + this Css

.main:hover {
/*div class will change when curso touch that div class.*/

example div class that i made by my self only using Css
(nothing in it. i just create a Css, Js and Html).

Format your code properly from now on makes your posts very hard to read.
www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
invisibe_dude Offline referral

Posts: 820
Joined: May 2013
Reputation: 24

#5
Posting Freak
@ ndiey use MyCode if you want to post some code!
http://letsforum.com/misc.php?action=help&hid=7
ndiey Offline referral

Posts: 5
Joined: Oct 2013
Reputation: 1

#6
Junior Member
im in hurry that why i don't use the BBcode.
chod Offline referral

Posts: 860
Joined: Jul 2013
Reputation: 85

#7
Posting Freak
(10-29-2013 12:14 AM)ndiey Wrote:  im in hurry that why i don't use the BBcode.

Then you shouldn't be posting a rushed answer Wink
www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
marcus_avrelius Offline referral

Posts: 2,424
Joined: May 2013
Reputation: 102

#8
Support Team
It's cool @ndiey it not a big problem! Thanks for your css code though
chod Offline referral

Posts: 860
Joined: Jul 2013
Reputation: 85

#9
Posting Freak
(10-29-2013 11:47 AM)marcus_avrelius Wrote:  It's cool @ndiey it not a big problem! Thanks for your css code though

LOL too funny
www.AdminEmpire.com
www.BlimptonTech.com - Best Free Online JavaScript tool to minify JavaScript files.
marcus_avrelius Offline referral

Posts: 2,424
Joined: May 2013
Reputation: 102

#10
Support Team
It can be easily done using CSS class or Id tags like so.

HTML code:

Code:
<div class="background"></div>
<div id="background"></div>

CSS code:

Code:
<style type="text/css">
.background {
background: # f5f5f5f5;
}
#background {
background: # f5f5f5f5;
}
</style>

Or

Code:
<style type="text/css">
.background div {
background: # f5f5f5f5;
}
#background div {
background: # f5f5f5f5;
}
</style>





User(s) browsing this thread: 1 Guest(s)