well come barliannet.

Postingan

Menampilkan postingan dari Desember, 2013

cara memasukan image dengan css buat fail index.html buat fail style.css buat satu polder untuk menyimpan fail gambar ferintah untuk cssnya ========================================================= img.format1 { width:60px; height:60px; float:left;border:1px solid blue;border-radius:10px;} img.format2 { width:100px; height:100px; float:right;border:3px solid red;} img.format3 { width:120px; height:120px;;border:1px solid blue;border-radius:10px;box-shadow:5px;} ========================================================== perintah di cssnya perintah di htmlnya dibawah ini scrif fullnya index.html ===================================== <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>memasukan i

Baca selengkapnya

perbedaan div dan class barlianno.

perbedaan div dan class barlianno. perbedaan antara lain: dalam penulisan css div diawali dengan(#) sedankan class di awali dengan titik (.) contoh penulisan div dan class. .semua_kotak1 {font-family:tahoma, verdana; font-size:24px; color:red;}/*ini adalah class*/ #halaman{ width:980px; margin:0 auto; background-color:#03438D; /*ini adalah div*/ setiap class bisa di masukan pada div sesuai dengan keinginan kita.untuk lebih jelas kita coba langgsung praktek. buat 2 fail di satu polder yang di beri nama index.html dan style.css style.css =========================================== @charset "utp-8"; /* */ .semua_kotak1 {font-family:tahoma, verdana; font-size:24px; color:red;}/*ini adalah class*/ .semua_kotak2 {font-family:tahoma, verdana; font-size:18px; color:blue;}/*ini adalah class*/ #halaman{ width:980px; margin:0 auto; background-color:#03438D;/*warna biru*/ } #header { height: 80px; padding:10px; background-color:#CCCCCC; } #kiri{ height:400px

Baca selengkapnya

membuat menu horisontal dan menu vertikal bagian 2 index.html ====================================== <html> <head> <title>webset tempel barlianno </title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id ="halaman"> <div id="kepala"> <div id="logo"> untuk logo </div> <div id="barner"> untuk barner </div> kepala barlianno </div> <div id ="latihan"> <ul id="menu"> <li><a href="#">Menu 1 </a></li> <li><a href="#">Menu 2</a> <ul class="sub-menu"> <li><a href="#">Sub Menu 1</a></li> </ul> </li> <li><a href="#">Menu 3<

Baca selengkapnya

memasukan scrip html ke dalam postingan

program untuk memasukan kode / scrip html ke dalam postingan bingung memasukan scrip html ke dalam postingan blog. saya coba di copy terus di paste di postingan setelah di publikasikan ehh ternya scripnya berubah tidak karuhan. jagan bingun coba pakai program ini. caraya paste scrip yang mau di postingkan pada kotak di bawah ini, setelah itu klik tombol parse scrip.lalu copy di tempat postingan.maka scrip akan sesuai dengan yang di inginkan. Get This Widget kalow anda ingin membuat seperti di atas ini scripnya ======================================================= <script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replace

Baca selengkapnya

membuat menu horisontal dan vertikal dengan css

membuat menu vertikal sederhana dengan mengunakan css buat fail index.html dan style.css dalam satu polder index.html ================================== <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>bikinmenubarlianno</title> <link rel="stylesheet" type="text/css" href="barlianno.css"/> </head> <body> <ul id="menu"> <li><a href="#">Menu 1 </a></li> <li><a href="#">Menu 2</a> <ul class="sub-menu"> <li><a href="#">Sub Menu 1</a></li> </ul> </li> <li><a href="#">M

Baca selengkapnya

toturial css barliannet untuk pemula.

toturial css barliannet untuk pemula. pada kesempatan ini saya akan mencoba membuat layout sederhana menggunakan css. buat dua buah fail. satu diberi nama .index.html. .style.css .software editor notepad 2 .software xamp untuk melihat hasil di broser gb hasil pembuatan fail fail style.css edit dengan notepad 2 sehingga hasilnya seperti di bawah ini. =================================================== @charset "utp-8"; body{ background-color:GREY; COLOR:RED; } #halaman{ width:960px; height:200px; background-color:blue; } ================================================= gb hasil editan di nopad 2 isi fail.style.css gb pail css yang di edit di notepad 2 setelah membuat dua pail tersebut sekarang coba lihat di mozila maka kasil ya akan seperti di bawah ini gb di mozila hasil pembuatan 2 pail tersebut. membuat kepala pada web edit style.css seperti di bawah ini =======================

Baca selengkapnya