Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How do I create triangles like this?

How do I create triangles like this?

Problem

Hello I would like to know how to create these little Triangles on top of the footer in this template : http://demo.themezilla.com/classica/portfolio/redwood-publishing/. I looked CSS in the source I found this :

border-top: 1px solid # e0e0e0 

but it does not work.

Problem courtesy of: Mickael Dll

Solution

That's an image!!!

You forgot to see this:

#footer-container {
  background: url(images/bg-foot.gif) left top repeat-x #f5f5f5;
  margin: 80px 0 0 0;
}

Just saying, if you wanna get it, you need this CSS:

.footer {
  background: url("http://turbo.themezilla.com/classica/wp-content/themes/classica/images/bg-foot.gif") left top repeat-x #f5f5f5;
}

But do not hotlink the image without their permission. The image looks this way:

http://turbo.themezilla.com/classica/wp-content/themes/classica/images/bg-foot.gif

Fiddle: http://jsfiddle.net/praveenscience/F5RVR/

Solution courtesy of: Praveen Kumar

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How do I create triangles like this?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×