contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Background Facebook dengan CSS3

Posted in HTML & CSS Life at 11 Maret 2016 With 0 Comments

Membuat warna background seperti facebook dengan css

Artikel kali ini kita akan Membuat background seperti Facebook dengan CSS , facebook memiliki ciri khas background berwarna biru, ya siapa yang tidak mengenal facebook pada saat sekarang ini.. Untuk melihat demo Background facebook anda bisa lihat pada link dibawah ini

Demo

Untuk temen-temen yang belum baca artikel saya sebelumnya silahkan baca dulu ya :

Modal Pop Up window dengan CSS3



OK.. Untuk memulai Membuat Background Seperti Facebook ini , siapkan text editor anda dan paste kode dibawah ini

HTML CODE ---> index.html

<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
  <meta name="author" content="Suckittrees">
  <title>Membuat Background  Facebook</title>
  <link rel="shortcut icon" href="http://suckittrees.com/favicon.png">
  <link rel="icon" href="http://suckittrees.com/favicon.png">
  <link href="style.css" rel="stylesheet">
</head>
<body>
<h1 align="center"><a href="#">Read Tutorial Suckittrees.com</a></h1>
<h3>Background Facebook with CSS3</h3>
</body>
</html>

CSS CODE --> style.css

@import url(http://fonts.googleapis.com/css?family=Bree+Serif);

body {
  overflow: hidden;  
  height: 10000px;
  width: 100%;
  background-color: #2b4170;
  background: -moz-linear-gradient(top, #3b5998, #2b4170);
  background: -ms-linear-gradient(top, #3b5998, #2b4170);
  background: -webkit-linear-gradient(top, #3b5998, #2b4170);
  text-shadow: 0 -1px -1px #1f2f52;
  color:#fff;
  text-align:center;
}
a {
    color: #FFF;
    text-decoration:none;
}
h3 {font-family: 'Bree Serif', 'serif';}
h1 {
    margin-top: 100px;
    text-align:center;
    font-size:50px;
    font-family: 'Bree Serif', 'serif';
}

Simpan 2 file diatas : index.html dan style.css dalam 1 folder, dan jalankan dengan browser anda.

Demikan Artikel Cara Membuat Background Facebook dengan CSS

Demo

Artikel Terkait

Diskusi