Ini adalah Sourch Kodenya :
CSSnya :
body, header, footer, nav, section{
width : 1220px;
float : left;
}
header, footer, nav, section{
padding : 8px;
}
header{
font-size : 30px;
font-weight : bold;
height : 50px;
background-image: url(7387,1160949109,1.jpg);
}
header div.logo, header div.title{
float : left;
margin-left: 60px;
}
header div.title{
width : 300px;
margin-top : 1px;
color : indigo;
margin-left: 10px;
text-align : left;
padding : 1px;
border-top-left-radius : 10px;
border-bottom-right-radius : 10px;
}
nav{
background-color : indigo;
}
nav div.search{
float : left;
color : white;
}
nav div.menu{
float : right;
}
nav div.menu div#submenu, nav div.menu div#submenu-kiri{
float : left;
padding : 3px;
background-color : magenta;
border : 1px solid brown;
width: 100px;
text-align : center;
}
nav div.menu div#submenu:hover, nav div.menu div#submenu-kiri:hover{
color : blue;
background-color : white;
text-align : center;
}
nav div.menu div#submenu-kiri{
border-top-left-radius : 30px;
padding-left : 15px;
}
section{
background : url(7387,1160949109,1.jpg);
}
article, aside{
float : right;
background-image : url(7387,1160949109,1.jpg);
}
article{
width : 800px;
}
article div.profil, article div.info{
padding : 3px;
}
article div.profil{
background-color : rgba(255, 255, 255, 0.8);
height : 270px;
}
article div.info{
background-color : indigo;
height : 150px;
}
aside{
margin-right : 10px;
width : 300px;
}
footer{
text-align : center;
font-size : small;
font-weight : bold;
color : indigo;
height : 10px;
background-image : url(7387,1160949109,1.jpg);
background-position : bottom center;
}
width : 1220px;
float : left;
}
header, footer, nav, section{
padding : 8px;
}
header{
font-size : 30px;
font-weight : bold;
height : 50px;
background-image: url(7387,1160949109,1.jpg);
}
header div.logo, header div.title{
float : left;
margin-left: 60px;
}
header div.title{
width : 300px;
margin-top : 1px;
color : indigo;
margin-left: 10px;
text-align : left;
padding : 1px;
border-top-left-radius : 10px;
border-bottom-right-radius : 10px;
}
nav{
background-color : indigo;
}
nav div.search{
float : left;
color : white;
}
nav div.menu{
float : right;
}
nav div.menu div#submenu, nav div.menu div#submenu-kiri{
float : left;
padding : 3px;
background-color : magenta;
border : 1px solid brown;
width: 100px;
text-align : center;
}
nav div.menu div#submenu:hover, nav div.menu div#submenu-kiri:hover{
color : blue;
background-color : white;
text-align : center;
}
nav div.menu div#submenu-kiri{
border-top-left-radius : 30px;
padding-left : 15px;
}
section{
background : url(7387,1160949109,1.jpg);
}
article, aside{
float : right;
background-image : url(7387,1160949109,1.jpg);
}
article{
width : 800px;
}
article div.profil, article div.info{
padding : 3px;
}
article div.profil{
background-color : rgba(255, 255, 255, 0.8);
height : 270px;
}
article div.info{
background-color : indigo;
height : 150px;
}
aside{
margin-right : 10px;
width : 300px;
}
footer{
text-align : center;
font-size : small;
font-weight : bold;
color : indigo;
height : 10px;
background-image : url(7387,1160949109,1.jpg);
background-position : bottom center;
}
Dan ini adalah Script HTML nya :
<!DOCTYPE html>
<html lang="en">
<head>
<title>SEKILAS INFO</title>
<link rel="icon" type="image/x-icon" href="Butterfly.ico">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<header>
<div class="title">
<img width = "50" height= "50" src="smiles_299.gif">
BUNGA MIANA
</div>
</header>
<nav>
<div class="search">
<label>Search</label>
<input type="text" maxlength="25">
</div>
<div class="menu">
<div id="submenu-kiri">Home</div>
<div id="submenu">About Us</div>
<div id="submenu">Document</div>
<div id="submenu">Product</div>
<div id="submenu">Music</div>
</div>
</nav>
<section>
<div class="logo">
<img width = "400" height= "430" src="coleus.jpg">
<aside>
</aside>
<article>
<div class="profil">
<strong>Coleus Hybrid</strong>
Tanaman hias daun, pada umumnya didominasi warna hijau. Miana atau Coleus (Coleus hybrid) tampil memikat dengan warna-warna kontras. Kehadiranya di taman akan memberi nuansa lebih semarak. Cocok ditanam masal sebagai tanaman hamparan atau border. Menurut literatur, beberapa jenis coleus berasal dari daratan Afrika yang beriklim tropis dan negara-negara Asia. Tanaman yang masih keluarga Labiatae alias bayam-bayaman ini memang cantik dan memikat mata. Warna daunnya beraneka ragam mulai dari keemasan, kehitaman (Curly lava) pink (Alabama sunset), merah (Plum parfait), kekuningan (Yellow parfait) ungu hingga kombinasi dari beragam warna. Bentuk daun juga bervariasi, oval, tepi bergerigi, hingga keriting. Majunya teknologi pertanian, kini banyak dihasilkan coleus hibrida hasil silangan sehingga dihasilkan warna daun yang kian beragam. Mudah Diperbanyak Coleus bisa dikembang biakan dengan beragam cara. Setek pucuk dan perbanyakan dengan biji, cara umum yang banyak dilakukan.
<i>Source:
http://iguidepost.blogspot.com/search/label/Bunga%20Miana</i>
</div>
<div class="info">
<font size="5" color="magenta"><b>Artikel lainnya :</b></font>
<ul>
<li><font size="2" color="magenta">Bunga Dahlia</font></li>
<li><font size="2" color="magenta">Bunga Mawar</font></li>
<li><font size="2" color="magenta">Bunga Anggrek</font> </li>
</ul>
</div>
</article>
</section>
<footer>
Home | About Us | Documents | Product | Music
© By Mianapti.blogspot.com 2011
</footer>
</body>
</html>
<html lang="en">
<head>
<title>SEKILAS INFO</title>
<link rel="icon" type="image/x-icon" href="Butterfly.ico">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<header>
<div class="title">
<img width = "50" height= "50" src="smiles_299.gif">
BUNGA MIANA
</div>
</header>
<nav>
<div class="search">
<label>Search</label>
<input type="text" maxlength="25">
</div>
<div class="menu">
<div id="submenu-kiri">Home</div>
<div id="submenu">About Us</div>
<div id="submenu">Document</div>
<div id="submenu">Product</div>
<div id="submenu">Music</div>
</div>
</nav>
<section>
<div class="logo">
<img width = "400" height= "430" src="coleus.jpg">
<aside>
</aside>
<article>
<div class="profil">
<strong>Coleus Hybrid</strong>
Tanaman hias daun, pada umumnya didominasi warna hijau. Miana atau Coleus (Coleus hybrid) tampil memikat dengan warna-warna kontras. Kehadiranya di taman akan memberi nuansa lebih semarak. Cocok ditanam masal sebagai tanaman hamparan atau border. Menurut literatur, beberapa jenis coleus berasal dari daratan Afrika yang beriklim tropis dan negara-negara Asia. Tanaman yang masih keluarga Labiatae alias bayam-bayaman ini memang cantik dan memikat mata. Warna daunnya beraneka ragam mulai dari keemasan, kehitaman (Curly lava) pink (Alabama sunset), merah (Plum parfait), kekuningan (Yellow parfait) ungu hingga kombinasi dari beragam warna. Bentuk daun juga bervariasi, oval, tepi bergerigi, hingga keriting. Majunya teknologi pertanian, kini banyak dihasilkan coleus hibrida hasil silangan sehingga dihasilkan warna daun yang kian beragam. Mudah Diperbanyak Coleus bisa dikembang biakan dengan beragam cara. Setek pucuk dan perbanyakan dengan biji, cara umum yang banyak dilakukan.
<i>Source:
http://iguidepost.blogspot.com/search/label/Bunga%20Miana</i>
</div>
<div class="info">
<font size="5" color="magenta"><b>Artikel lainnya :</b></font>
<ul>
<li><font size="2" color="magenta">Bunga Dahlia</font></li>
<li><font size="2" color="magenta">Bunga Mawar</font></li>
<li><font size="2" color="magenta">Bunga Anggrek</font> </li>
</ul>
</div>
</article>
</section>
<footer>
Home | About Us | Documents | Product | Music
© By Mianapti.blogspot.com 2011
</footer>
</body>
</html>
Tidak ada komentar:
Posting Komentar
anybody yang mau komentar no problem, gak masalah smua .
monggo komentar. . . . .