Sunday, 17 April 2011

Design Layout Update and Css

I have changed the twitter boxes to having a curved edge on two sides using the following code:

#twitter18 {
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
border:1px solid #474747;
font-size: 2px;
color: white;
background-color: #A8A8A8;
width: 50px;
height : 40px;
font-weight:900;
text-shadow: 0px 2px 3px #555;
z-index: 100; 
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
margin: 60px 0px 0px 230px;
z-index: 100; 
position: relative;
}

Result: (click on to enlarge) - now all the twitter elements have curved edges. (N.B. only works in Firefox and Chrome)


No comments:

Post a Comment