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

Thread: 

DIV background color?

Ads
banner
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
conocer gente gratis, chatear y buscar amigos en chat gratis o ligar. Citas, contactos y encuentros.
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
conocer gente gratis, chatear y buscar amigos en chat gratis o ligar. Citas, contactos y encuentros.
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
Looking for ways to make money fast? Read this article and start earning money todya fast, easy or for free.
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>
Looking for ways to make money fast? Read this article and start earning money todya fast, easy or for free.





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