Apparel Software

Powered by Blogger.

CSS Programming for Wordpress Website Part8

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


Share :

Facebook Twitter Google+ Linkedin
0 Comments "CSS Programming for Wordpress Website Part8"

Back To Top