Bullet lists hover efects - customize blogger templates ul, ol, list style

HTML sintax of Ul or Ol list styles, is:

<li>Contents</li>

<li>Contents</li>

</ul>

or

<ul>

<li><p>Contents</p></li>

<li><p>Contents</p></li>

</ul>


CSS code , place before ]]>

Example for posting section on blogger templates:

.post ul {list-style-type: circle;
}

.post ul li {

line-height: 1.5em;
color:#FF3208;
}

.post ul li:hover {
color:#34810D;
list-style-type: disc;
}
.post ul p { color:#44444;
line-height:1.4em; }

or



.post ol {
font: italic 1em Georgia, Times, serif;
color: #77777;
}

.post ol li {
line-height: 1.4em;
font: italic 1em Georgia, Times, serif;
color: #cc0000;
}

.post ol li:hover {
font:bold italic 1em Georgia, Times, serif;
color: #0080ff;
}

.post ol p {
font: normal 1em Arial, Helvetica, sans-serif;
color: #555555;
line-height:1.4em;
}

Example for sidebar section, just change .post into .sidebar, example below:


.sidebar ul {list-style-type: circle;
}

.sidebar ul li {

line-height: 1.5em;
color:#FF3208;
}

.sidebar ul li:hover {
color:#34810D;
list-style-type: square;
}
.sidebar ul p { color:#44444;
line-height:1.4em; }


For HTML color look here : HTML color codes

5 comments:

Web Development Company Chennai said...

I have seen your all posts, its really very informative and impressive to read..i going to bookmark your blog and read every updated article of you.

seo singapore said...

Heya¡­my very first comment on your site. ,I have been reading your blog for a while and thought I would completely pop in and drop a friendly note. . It is great stuff indeed. I also wanted to ask..is there a way to subscribe to your site via email?
Seo Singapore

seo singapore said...

I actually enjoyed reading through this posting.Many thanks...
Seo Singapore

Seo Singapore said...

Hi, probably our entry may be off topic but anyways, I have been surfing around your blog and it looks very professional. It’s obvious you know your topic and you appear fervent about it. I’m developing a fresh blog plus I’m struggling to make it look good, as well as offer the best quality content. I have learned much at your web site and also I anticipate alot more articles and will be coming back soon. Thank you...
Seo Singapore

varun said...

Thank you for the info. It sounds pretty user friendly. I guess I’ll pick one up for fun. thank u...


Singapore SEO

Post a Comment