Desain Web ( HTML + CSS )

Alhamdulilah ketemu lagi dengan aeroyid Blog , ini tema pertama kali saya memposting masah Web , karena saya mempunyai misi , sehingga harus di isi amunisi nya sejak sekarang , Ini sebuat hasil yang saya buat sedemikian ruma nya , saya berharap ini dapat berguna bagi teman – teman sekalian , saya berharap ini dapat di Download dan di kembangkan sendiri , bila tema – teman ingin mengedit ,memperbanyak saya sangat senang hati. Di sini saya menggunakan CSS sebagai Style nya .

Scrip Html

Dapat di Lihat di Download nya.

Scrip CSS

body {
margin: 20px auto;
width: 900px;
background-color: black;
}

header, nav, section, button, foto, isi1, isi2, footer {
display: block;
}

header {

background-image: url(Images/herderku.png);
}

logo {
float: left;
height: 50px;
width: 50px;
margin: 10px 10px 10px 50px;
}

logo2 {
float: left;
height: 90px;
width: 100px;
margin: 10px 10px 10px 50px;
}

teksTE {
float: left;
margin: 35px 10px 10px 40px;
font-size: 35px;
font-style: italic;
font-weight: bold;
color:#2a8dd9;
}

nav {
float: left;
width: 900px;
height: 40px;
background-color: black;
}

teksSearch {
float: left;
margin: 10px 10px 10px 30px;
color: #0635a1;
}

formSearch {
float: left;
width: 90px;
height: 20px;
margin: 10px 10px 10px 0px;
}

button {
cursor: pointer;
float: right;
height: 25px;
width: 110px;
background-color: #a6f300;
text-align: center;
color: black;
}

section {
margin: 0px;
float: left;
width: 900px;
height: 370px;
}

foto {
float: left;
height: 4000px;
width: 300px;
border: 10px solid black;
}

isi1 {
height: 200px;
width: 600px;
border: 1px solid black;
margin-left: 350px;
padding: 10px;
color: #a6f300;

}

isi2 {
height: 128px;
width: 560px;
background-color: #a6f300;
margin-left: 320px;
color: black;
padding: 10px;
float:right;
}

footer {
clear: both;
height: 40px;
width: 900px;
background-image: url(FooterBG.png);
text-align: center;
color: #0635a1;
}

Download Projectnya Di Sini

Advertisements

Published by

jarcode

hello I am jarcode

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s