Simplified Android : CSS

Friday, 29 June 2012

Css Style's

<style type="text/css">
a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */
</style>

CSS Implementation

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Arial, san-serif;
font-size: 11px;
color: #ffffff;
background: #4b4743;
}

a:link, a:visited { color: #e6e154; text-decoration: none; font-weight: bold;}
a:active, a:hover { color: #e6e154; text-decoration: underline;}

p {
margin: 0px;
padding: 0px;
}

img {
margin: 0px;
padding: 0px;
border: none;
}

.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}

.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}

.cleaner_with_width {
float: left;
width: 20px;
height: 30px;
font-size: 1px;
}

.buy_now_button a{
clear: both;
text-align: center;
display: block;
width: 100px;
padding: 4px 0 5px 0;
margin-bottom: 10px;
background: url(images/templatemo_btn_02.jpg) no-repeat;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.detail_button a{
clear: both;
text-align: center;
display: block;
width: 100px;
padding: 4px 0 5px 0;
margin-bottom: 10px;
background: url(images/templatemo_btn_01.jpg) no-repeat;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#templatemo_container{
width: 960px;
margin: 0 auto;
padding: 0 10px;
background: #1c1c1b url(images/templatemo_bg.jpg) repeat-y;
}

How To Fix A Background Using Css

style="background-attachment:fixed;" background="1.jpg"

How To Rotate Element Using CSS3

Copy And Paste . . . . Enjoy
<html>
<style>
#d1
{
background:red;
height:300;
width:300;
float:left;
overflow:hidden;
-webkit-transform:rotate(7deg);
}
</style>
<body>
<div id="d1" >
Kamal Vaid
</div>
</body>
</html>

Pages

Friday, 29 June 2012

Css Style's

CSS Implementation

How To Fix A Background Using Css

How To Rotate Element Using CSS3