Archive for category CSS

Jquery Dock Menu

Posted by sonius in CSS, jQuery, Web Development on July 20, 2010

I found this jQuery menu that mimicks the mac dock menu, very nice…

>>>

If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This jQuery dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page.

No Comments

Creating Triangles in CSS

Posted by sonius in CSS, HTML, Web Development on July 20, 2010

I came across this page by Jon Rohan, and his css method of creating triangles:

How it works

Few people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large, the ones above are 20px. To demonstrate here is a div with all sides colored.

<div class="css-arrow-multicolor"></div>

.css-arrow-multicolor {
  border-color: red green blue orange;
  border-style:solid;
  border-width:20px;
  width:0;
  height:0;
}

No Comments