Introduction
11/03/17
Page Active Menu: Page Active menu is very essential for a website.
Index Page: Home is index page. It is also called mother page, root page etc
Wrapper / Container / Main Layout is same thing
Color Zila: Color zila is software of color code. http://www.colorzilla.com/
W3 Validator: We can check any code via online with this site . https://validator.w3.org/
Image: It is better to set a box for email
Example of HTML Code for Radius:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/00.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<i class="fa fa-cloud" id="fa"></i>
<i class="fa fa-heart" id="fa"></i>
<div class="aa"> </div>
<div class="bb"> </div>
<div class="cc"> </div>
<div class="dd"></div>
<div class="ee"></div>
<div class="ff"> </div>
<div class="gg"> </div>
<div class="hh"> </div>
<div class="ii"></div>
</body>
</html>
Example of CSS Code for Radius:
@charset "utf-8";
/* CSS Document */
#fa{ color:#39F; font-size:55px;}
#fa:hover{ color: #0F0;}
.aa
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.aa:hover
{transform:scale(1.5);
}
.bb
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.bb:hover
{transform:scale(-.5);
}
.cc
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.cc:hover
{transform: rotate(360deg);}
.dd
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.dd:hover
{height:300px;}
.ee
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.ee:hover
{width:300px;}
.ff
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.ff:hover
{ transform:skew(20deg, 30deg);}
.gg
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px;}
.gg:hover
{ transform:skew(-20deg, -30deg);}
.hh
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px; transform:skew(20deg, 30deg);}
.ii
{ width:200px; height:200px; float:left; background-color:#030; transition:2s; margin:20px; transform:skew(-20deg, -30deg);}
Result of above Code for Radius:
Assignment 1
Assignment 2
Assignment 3
0 Komentar untuk "CSS Programming for Wordpress Website Part8"