contact
WA: 0812-7537-1724
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: 5AB31960
ebsofmail@gmail.com

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

▼ Download Source Code Dibawah Ini ▼


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