Sebenarnya saya juga baru kenal dan memulai belajar CSS. Tulisan ini saya buat sekedar untuk mengingat apa yang baru saya pelajari dan mudah-mudahan bermanfaat bagi yang memerlukannya. Karena saya belum jago CSS, maka kalau ada kesalahan dan kekurangannya yaa diharap maklum aja dan Bagi yang udah jago saya ucapkan terima kasih kalau mau mengoreksi dan menambal kekurangan tersebut. Bagi yang masih awam kaya saya, yoo kita belajar sama-sama dan saling berbagi ilmu. CSS singkatan dari Cascading Style Sheet.Jangan tanya artinya yah…, saya sendiri juga masih bingung tentang artinya hehehee…Yang penting bagi kita eh maaf saya … pokoknya CSS itu semacam kumpulan kode-kode untuk mengatur tampilan halaman blog atau HTML kita.(sorry bagi yang dah jago CSS, definisi diatas adalah definisi saya sendiri, tolong koreksinya) Sebelum belajar CSS,...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Cara Penulisan / Syntax CSSSyntax CSS terdiri dari 3 bagian yaitu: selector, property dan valueselector {property: value}Selector adalah nama bagian halaman HTML yang akan kita definisikanProperty adalah atribut atau perlengkapan yang akan kita definisikan/kita rubahValue adalah nilai dari property, setiap property mempunyai satu value.Dalam penulisannya property dan value dipisahkan dengan titik dua dan diletakkan dalam kurung kurawalContohBody {background: red}Jika kita mempunyai lebih dari satu property, maka setiap property harus dipisah dengan titik koma.Contohp {text-align:center;color:red}Untuk memudahkan pembacaan, setiap property sebaiknya ditulis dalam baris yang terpisah.Contohp{text-align: center;color: black;font-family: arial}Pengelompokan SelectorSelector yang mempunyai pengaturan yang sama bisa...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Cara memasang kode CSS terbagi menjadi tiga caraEksternal CSSInternal CSSInline CSSEksternal CSSEksternal CSS sangat ideal digunakan jika kita punya kode CSS yang sama untuk beberapa halaman Web. Langkah membuat eksternal CSS: Pertama kita harus menuliskan kode CSS nya dulu dengan teks editor kesukaan kita misalnya notepad kemudian simpan dengan ekstensi .css. Kedua buat suatu link untuk memanggil kode yang telah kita buat tersebut. Link tag ini harus terletak didalam bagian head.Contoh:Untuk memudahkan pembahasan, kita coba aja yok …Bukalah notepad anda, kemudian ketik kode dibawah ini:p {margin-left: 20px;color: blue;}body {background: yellow}dan simpanlah dengan nama coba-eksternal.css misalnya di folder d:\Ngeblog\Kemudian Klik Menu-File-New, ketikkan kode berikut<html><head><link rel="stylesheet" type="text/css"href="d:\Ngeblog\coba-eksternal.css"...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Class SelectorDengan menggunakan class selector kita bisa mendefinisikan corak yang berbeda pada suatu elemen HTML yang sama.Sebagai missal kita ingin mempunyai paragraph dengan 2 macam tipe yaitu: satu paragraph dengan text rata kanan dan satu lagi rata tengah.Cara mendifinisikannya deang class selector ialah:p.kanan {text-align: right}p.tengah {text-align: center}Selector p (paragraf) mempunyai 2 class selector yaitu kanan dan tengah yang masing-masing mempunyai property yang berbeda.Kita harus memanggil class yang sesuai untuk membuat paragraph sesuai dengan keinginana kita.Contoh untuk membuat paragraph dengan text rata kanan<p class="kanan">Paragrap ini ditulis rata kanan.</p>Untuk rata tengah<p class="tengah">Paragrap ini ditulis rata tengah.</p>Kita bisa mengaplikasikan beberapa class dalam satu elemen...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Ada baiknya mengetahui CSS Units sebelum kita memulai ke pembahasan selanjutnya. CSS Units adalah satuan pengukuran yang sering digunakan dalam membuat kode CSS.Tabel CSS Units Units Deskripsi % prosentase in inchi cm centi meter mm mili meter em 1em = ukuran huruf yang berlaku ex kurang lebih setengah ukuran huruf pt point ( 1 point = 1/72 inchi ) pc pica ( 1pc = 12 point ) px pixels ( satu titik pada layar monitor...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Cara memasang kode CSS terbagi menjadi tiga caraEksternal CSSInternal CSSInline CSSEksternal CSSEksternal CSS sangat ideal digunakan jika kita punya kode CSS yang sama untuk beberapa halaman Web. Langkah membuat eksternal CSS: Pertama kita harus menuliskan kode CSS nya dulu dengan teks editor kesukaan kita misalnya notepad kemudian simpan dengan ekstensi .css. Kedua buat suatu link untuk memanggil kode yang telah kita buat tersebut. Link tag ini harus terletak didalam bagian head.Contoh:Untuk memudahkan pembahasan, kita coba aja yok …Bukalah notepad anda, kemudian ketik kode dibawah ini:p {margin-left: 20px;color: blue;}body {background: yellow}dan simpanlah dengan nama coba-eksternal.css misalnya di folder d:\Ngeblog\Kemudian Klik Menu-File-New, ketikkan kode berikut<html><head><link rel="stylesheet" type="text/css"href="d:\Ngeblog\coba-eksternal.css"...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Property background-color digunakan untuk memberikan warna pada latar belakang suatu elemen. Property ini mempunyai 4 value yaitu:color-rgb      ( untuk memberikan warna dengan menuliskan kode RGB -nya )color-hex     ( untuk memberikan warna dengan menuliskan kode hexadecimal -nya )color-name  ( untuk memberikan warna dengan menuliskan nama -nya )transparent ( untuk membuat background yang transparan)Supaya lebih mudah, kita langsung praktek aja yok....Udah nyiapin notepad-nya khan...Kalau udah ketik atau copy paste aja kode berikut:<html><head><style type="text/css">/* Ini contoh penggunaan color-rgb*/p {background-color: rgb(250,0,255)}/* Ini contoh penggunaan color-name*/body {background-color: yellow}/* Ini contoh penggunaan color-hex*/h1 {background-color: #00ff00}/* Ini contoh penggunaan...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Properti background pada CSS digunakan untuk:Mengatur warna Latar belakang suatu elemenMenjadikan gambar sebagai latar belakang suatu elemenMengatur posisi latar belakang gambar dalam suatu halaman.Melakukan pengulangan gambar secara vertikal dan horizontalSebelum membahas property backbround lebih lanjut, ada baiknya kita mengetahui property-property yang berhubungan dengan background.Tabel Property yang berhubungan dengan background:PropertyDeskripsiValuebackgroundUntuk mengatur semua property background sekaligusbackground-colorbackground-imagebackground-positionbackground-attachmentbackground-repeatebackground-colorUntuk mengeset warna latar belakang pada suatu elemencolor-rgbcolor-hexcolor-nametransparentbackground-imageUntuk mengeset sebuah gambar menjadi latar belakang pada suatu elemenurl(URL)nonebackground-positionUntuk mengeset...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Property background-image digunakan untuk menyisipkan sebuah gambar menjadi latar belakang suatu elemen. Property ini mempunyai dua nilai(value) yaitu: url(URL) dan none. Value none berfungsi untuk menghilangkan gambar background sedang Value url diikuti alamat url dalam tanda kurung berfungsi untuk memanggil gambar yang akan jadikan background. Untuk mencoba property background-image, sebaiknya siapkan sebuah gambar yang akan digunakan sebagai background misalnya seperti inidan kita simpan di d:\Ngeblog\back.jpgAtau boleh juga gambar kamu sendiri , asal bukan gambar artis bugil aja.....Sekarang coba ketik kodenya di notepad:<html><head><style type="text/css">body{background-image: url(d:/Ngeblog/back2.jpg)}</style></head><body>Coba...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Property background-repeat digunakan untuk mengatur pengulangan sebuah gambar background. Ada empat nilai untuk property ini yaitu:1. repeat (default) - untuk membuat gambar background memenuhi elemen.2. repeat-x - untuk membuat pengulangan secara horisontal.3. repeat-y - untuk membuat pengulangan secara vertikal.4. no-repeat - untuk membuat gambar background ditampilkan sekali saja.yok maass..., langsung dicoba.... Contoh untuk background-repeat:repeat<html><head><style type="text/css">body{background-image: url(d:/Ngeblog/back.jpg);background-repeat: repeat;}</style></head><body>Coba Background Image di repeat</body></html>Hasil tampilan kode...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Property background-position digunakan untuk mengatur posisi background pada suatu elemen halaman. Nilai (Value) property ini menunjukkan pada lokasi mana suatu gambar bisa dipasang. Saya nggak akan memberikan contoh pemakaian value-nya satu persatu, tetapi akan memberi satu contoh dan selanjutnya terserah anda.... Kita akan coba menggunakan yahoo emotion sebagai background. Kalau belum punya kopi aja dari sini dan simpan gambarnya di d:\Ngeblog\24.gifSelanjutnya seperti biasa copy atau ketik kode berikut di notepad<html><head><style type="text/css">body{background-image:url('d:\Ngeblog\24.gif');background-repeat:no-repeat;background-position: center;}</style></head><body><p>Posisi gambar background...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Ingin membuat gambar kita tetap kelihatan walaupun layar discroll ? ehh ternyata sangat mudah membuatnya dengan kode css. Nggak usah pusing-pusing , tinggal pakai property background-attachmentLangsung dicoba aja yok...<html><head><style type="text/css">body{background-image:url(d:\Ngeblog\24.gif);background-repeat:no-repeat;background-position: top left;background-attachment: fixed}</style></head><body><p>Gambar tidak ikut ke scroll khan.... </p><p>Gambar tidak ikut ke scroll khan.... </p><p>Gambar tidak ikut ke scroll khan.... </p><p>Gambar tidak ikut ke scroll khan.... </p><p>Gambar tidak ikut ke scroll khan.... </p><p>Gambar tidak ikut...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Dengan menggunakan Kode CSS, kita bisa mengatur text halaman html kita dengan mudah. Pengaturan ini meliputi :1. Color (warna) Text color Text background-color2. Space (spasi) Spasi antar karakterSpasi antar baris3. Paragraf Indent Arah ParagrafAlign (Perataan Text)4. Effect (Dekorasi Text)Baiklah kita akan coba membahasnya satu-persatu,.......
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Untuk menghemat waktu , kita bisa mendeklarasikan semua property background mulai dari background-color, background-image, background-repeat, background-position dan background-attachment sekaligus. Untuk keperluan ini kita cukup memakai property background saja. Langsung kita coba aja nya, biar lebih mudah... Ini contoh kode CSS nya :<html><head><style type="text/css">body{background: yellow url('d:\Ngeblog\24.gif')  no-repeat top center fixed ;}</style></head><body><p>Atur Property background sekaligus</p><p>Atur Property background sekaligus</p><p>Atur Property background sekaligus</p></body></html>Dengan Kode CSS diatas, berarti kita akan membuat...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Kode CSS dapat digunakan untuk mengatur warna text dan warna latar belakang text. Pemilihan warna text bisa dilakukan dengan tiga cara (hampir sama dengan background-color) yaitu :1. Memasukkan kode RGB-nya.2. Memasukkan nilai Hexadesimalnya.3. Memasukkan nama warnanya.Contoh Kode CSS untuk mengatur Warna<html><head><style type="text/css">h1 {color: rgb(0,0,255)}h2 {color: #dda0dd}p {color: red}</style></head><body><h1>Warna text Header 1 ini di atur dengan menuliskankode RGB warna</h1><h2>Warna text Header 2 ini di atur dengan menuliskannilai desimal warna</h2><p>Warna text Paragrap ini di atur dengan menuliskannama warnanya </p></body></html>Contoh Tampilan...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Adanya kode CSS memungkinkan kita untuk mengatur jarak spasi antar karakter , spasi antar kata dan spasi antar baris dengan sangat mudah. Kalau kita ingin membuat jarak spasi yang lain daripada yang lain, maka kode CSS menjadi salah satu alternatifnya.Property yang kita gunakan ialah :letter-spacing ( untuk mengatur spasi antar karakter )line-height ( untuk mengatur spasi antar baris )word-spacing ( untuk mengatur spasi antar kata )CSS letter-spacingProperty letter-spacing mempunyai dua nilai (value) yaitu- normal (default)- panjang (memberikan jarak yang pasti) lihat css unitContoh kode CSS untuk mengatur spasi antar karakter:<html><head><style type="text/css">h1 {letter-spacing: -2px}h3 {letter-spacing: 0.5cm}</style></head><body><h1>Header 1 menggunakan spasi = -2 piksel...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Kita akan coba menggunakan kode CSS untuk mengatur paragrap.Property yang digunakan untuk mengatur paragrap yaitu :1. text-indent (Mengatur Indentasi).2. direction (Mengatur Arah Paragrap).3. text-align (Mengatur Perataan).CSS text-indentCara penulisan text-indent:p {text-indent: 1cm}untuk mengisi nilai (value) dari text-indent lihat pada bagian CSS Units.Contoh Penggunaan<html><head><style type="text/css">p {text-indent: 1cm}</style></head><body><p>Ini adalah contoh paragrap dengan inden 1 cm.Ini adalah contoh paragrap dengan inden 1 cm.Ini adalah contoh paragrap dengan inden 1 cm.Ini adalah contoh paragrap dengan inden 1 cm.Ini adalah contoh paragrap dengan inden 1 cm.Ini adalah contoh paragrap dengan inden 1 cm.</p></body></html>Tampilan pada browser:Ini adalah contoh paragrap...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Sesuai dengan namanya, property text-decoration digunakan untuk mempercantik text halaman HTML kita.Cara penulisanp {text-decoration: overline}Nilai (value) text-decoration ada 5 macam yaitu:overline              - untuk membuat tulisan dengan dekorasi garis diatasnyaline-through      - untuk membuat tulisan dengan dekorasi garis ditengahnyaunderline           - untuk membuat tulisan dengan dekorasi garis bawahblink                   - untuk membuat tulisan berkedipnone                   - untuk membuat tulisan tanpa dekorasiUntuk lebih jelasnya kita coba aja yaa<html><head><style...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Dengan menggunakan Property CSS Font kita bisa mengubah jenis huruf, ketebalan, ukuran huruf dan gaya penulisan.Property yang berhubungan dengan font:1. font-family2. font-size3. font-stretch4. font-style5. font-variant6. font-weightNanti kita akan mencoba satu-persatu property tersebut, tapi agak sabar yaa....Lagi agak sibuk nih...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Property CSS font-family digunakan untuk menentukan jenis huruf yang akan kita pakai dalam halaman HTML kita. Cara penulisan :p {font-family: courier}Contoh kode CSS untuk menentukan jenis huruf<html><head><style type="text/css">h1 {font-family: times}p {font-family: courier}p.sansserif {font-family: sans-serif}</style></head><body><h2>Jenis huruf times untuk header 1</h2><p>Paragrap dengan huruf courier</p><p class="sansserif">Paragrap dengan huruf sansserif</p></body></html>Hasil tampilanJenis huruf times untuk header 2Paragrap dengan huruf courierParagrap dengan huruf sansserifNilai (value) dari property ini berisikan jenis-jenis huruf yang akan kita tentukan.Selamat mencoba....
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Sesuai dengan namanya, Property font-size digunakan untuk menentukan ukuran huruf tulisan halaman HTML kita. Nilai (value) yang bisa diterapkan untuk properti ini ialah:Value (nilai) Keteranganxx-smallx-smallsmallmediumlargex-largexx-largeUntuk menentukan ukuran yang berbeda-beda dari yang sangat kecil (xx-small) sampai yang paling besar (xx-large)Nilai default-nya adalah mediumsmaller Membuat ukuran huruf lebih kecil sedikit dari ukuran aslinyalargerMembuat ukuran huruf lebih besar sedikit dari ukuran aslinyapanjangMembuat ukuran huruf dengan besaran tertentu  lihat CSS Unit % Menentukan ukuran huruf dengan prosentase dari ukuran aslinyaLangsung contoh aja yaa<html><head><style type="text/css">h1 {font-size: 100%}p.large {font-size: large}p {font-size: 1cm}</style></head><body><h1>Header 1...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Setelah beberapa waktu agak repot, akhirnya sempet juga nerusin CSS... Sekarang langsung aja yahh ke font-style...Properti CSS font-style digunakan untuk memformat bentuk huruf sesuai dengan kebutuhan kita, tapi sayangnya hanya ada 3 nilai (value) untuk properti ini yaitu:- normal : default- italic : miring- oblique : miring juga (saya coba ga ada bedanya dengan italic.... ga tahu deh bedanya apa... )Biarin dehh ntar kalo sempet kita cari sama-sama perbedaannya, sekarang langsung kita coba aja yaa...(jangan lupa siapin notepad dan browser kamu)<html><head><style type="text/css">/*kita coba ketiga valuenya sekaligus*/h1 {font-style: italic}h2 {font-style: normal}p {font-style: oblique}</style></head><body><h1>Header...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Properti font-weight gunakan untuk mengatur seberapa tebal atau tipis suatu huruf akan ditampilkan.Kalau dalam Word kita hanya mengenal mode normal dan bold saja, Maka disini kita bisa mengatur ketebalan huruf dengan variasi yang lebih banyak.Sintaks penulisan CSS font-weightp {font-weight: bold}Nilai (value) yang bisa dipakai untuk font-weight : Value Keterangan normal Default, biasa aja bold Tebal bolderLebih tebal dari bold lighterLebih tipis dari normal 100200300400500600700800900 Mengatur ketebalan huruf dengan dari tipis sekali sampai tebal banget..., ukuran normal=400 dan bold=700Contoh :<html><head><style type="text/css">p.normal {font-weight: normal}p.tipis {font-weight: lighter}p.tebel {font-weight: bold}p.tebelan {font-weight: 900}</style></head><body><p class="normal">Paragraph normal</p><p...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Properti font-variant digunakan untuk membuat/memformat suatu text menjadi huruf kapital semua tetapi dengan ukuran sedikit lebih kecil dari ukuran huruf kapital yang normal.Dari pada susah-susah ngebayanginnya, lebih baik kita praktekin aja langsung..<html><style type="text/css">p.normal {font-variant: normal}p.small {font-variant: small-caps}</style></head><body><p class="normal">PARAGRAPH DENGAN HURUF KAPITAL</p><p class="small">paragraph dengan font variant small-caps</p></body></html>Tampilan di browser :PARAGRAPH DENGAN HURUF KAPITALparagraph dengan font variant small-capkarena font-variant ngga punya value lain, contohnya cukup satu aja yaaaaa......
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Kita bisa menggunakan kode CSS untuk membuat bingkai atau border suatu elemen halaman html. Properti yang digunakan untuk keperluan ini ialah bordersintaks penulisan:p{border: double}Sintaks diatas digunakan untuk membuat border dengan garis double dengan warna hitam (default).Sebenarnya properti border ini bisa digunakan untuk mengatur lebar garis, style (bentuk) garis dan warna garis border sekaligus.Properti border mempunyai tiga macam Value (nilai) yaitu:1. border-width - mengatur lebar garis2. border-style - mengatur bentuk garis3. border-color - mengatur warna garisSintaks dengan tiga value sekaligus:p{border: medium solid red}Susunan ketiga value tersebut bisa dibolak balik ( kayak ngegoreng pisang aja... )Value untuk border-width...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Properti ini digunakan untuk membuat garis untuk mengelilingi sebuah elemen. Kalau dibarengi dengan border, maka outline ini akan terletak diluar garis border.Sayangnya properti outline tidak bisa ditampilkan dalam browser IE. bagi pemakai IE boleh tidur dulu....Sintak dan Contoh pemakaian :Seperti halnya border, outline mempunya tiga macam value (outline-width, outline-style dan outline-color) yang bisa deklarasikan sekaligus.p{border: medium solid red}Contohnya borongan aja yaa (kasihan fans IE kelamaan nunggunya..)<html><head><style type="text/css">p{border: red solid thin;}p.dotted {outline-style: dotted}p.dashed {outline-style: dashed}p.solid {outline-style: solid}p.double {outline-style: double}p.groove {outline-style:...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Properti ini (margin) digunakan untuk membuat ruang kosong disekeliling elemen.Dengan properti margin, kita bisa mengatur sekaligus empat sisi dari sebuah elemen. CSS juga menyediakan properti tersendiri bila kita ingin mengatur masing-masing sisi yaitu:margin-topmargin-rightmargin-bottommargin-leftKeempat properti diatas, adalah merupakan nilai dari properti marginsintaks :p.margin {margin: 2cm 4cm 3cm 4cm}value (nilai) properti margin terdiri dari 3 macam yaitu : Value Keterangan autobrowser akan mengesetnya secara otomatis length lihat kembali CSS Units %mendefinisikan margin dalam % dari total lebar atau tinggi dokumen(left, right : % dari total lebar dokumen)(top, bottom : % dari total tinggi dokumen)Contoh CSS margin<html><head><style type="text/css">p.margin {margin: 4cm 2cm 3cm 1cm}</head><body><p>Paragraph...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Sebuah properti yang digunakan untuk membuat ruang kosong diantara border dan isi elemen.Padding masing-masing sisi (atas, kanan, bawah, kiri) bisa diatur sendiri secara terpisah, bisa juga diatur sekaligus. Properti padding mempunyai dua value yaitu:Value Keterangan%Mendefinisikan padding dalam % dari isi elemen length Mendefinisikan padding dengan nilai yang tertentu (pixels, pt, em, dll.)lihat CSS unitContoh<html><head><style type="text/css">td.test1 {padding:15%}td.test2 {padding:0.5cm 2.5cm}</style></head><body><table border="1"><tr><td class="test1">Sebuah Sel Tabel dengan padding 15% untuk semua sisi.</td></tr></table><br /><table border="1"><tr><td class="test2">Sebuah Sel Tabel dengan padding atas dan bawah=0.5cm , kanan dan kiri=...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

  Virtual Credit Card atau VCC adalah kartu kredit yang tidak memiliki fisik kartu dan hanya memiliki 16 digit nomor kartu, expire date dan nomor CVV.   Bila anda saat ini memiliki rekening PayPal yang belum terverifikasi, Anda bisa menggunakan VCC ini untuk memverifikasi akun PayPal tersebut, Hanya dengan USD $3 sudah cukup untuk proses verifikasi PayPal.manfaat akun PayPal yang berstatus “verified” adalah:1. Anda dapat mengirimkan uang dalam jumlah yang tak terbatas jika status Anda adalah terverifikasi, namun transfer dana Anda akan terbatas jika masih berstatus belum terverifikasi.2. Anda dapat melakukan withdraw PayPal jika sudah terverifikasi. Dengan kata lain, Anda tidak dapat melakukan withdraw jika akun Anda masih berstatus “unverified”.   Cara mendapatkannya cukup mudah dan tentunya gratis:1. Menuju...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Agan suka internetan via komputer atau laptop dan kesal dengan mahalnya biaya tarif internet kartu GSM dan CDMA. Tidak perlu khawatir boz, ada trik gretongan via pc yang dijamin full gratis tanpa malak. Sikat langsung caranya mumpung masih lancar dan anti lemot. Trik Internet Gratis Telkomsel PC Juli 2013 [hot] koleksi telkomsel inject + direct telkomsel ssh erot flash Trik Internet Gratis 3Tri PC Juli 2013 [hot] koleksi tri inject + direct 3aon ssh Trik Internet Gratis Indosat PC Juli 2013 [hot] koleksi indosat inject + direct isat ssh Trik Internet Gratis Axis PC Juli 2013 Trik Internet Gratis XL PC Juli 2013 [hot] koleksi xl inject + direct xl ssh Trik Internet Gratis Smart Fren PC Juli 2013 [hot] koleksi smart inject smart...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Kali ini saya akan berbagi trik tentang Trik Internet Gratis Smartfren Juni 2013. Apa kabar netter semua. Awal pergantian bulan Mei ke bulan Juni 2013 sekarang ini, membuka kembali moment bagi para pengguna modem Smartfren, sebagaimana moment rutin yang biasa terjadi pada tiap pergantian bulan di bulan-bulan sebelumnya. Pasti anda bertanya-tanya, moment apa yang dimaksud di sini? Moment yang dimaksud, tentu saja tentang aktifitas serentak dimana para pengguna modem Smartfren sibuk mencari informasi mengenai trik internet gratis Smartfren Juni 2013. Dan saya yakin anda merupakan salah satu dari mereka, bukan. Hehe. Supaya tidak penasaran, mari langsung saja kita simak triknya di bawah ini! smartfren gratis Berikut Trik Internet...
Lanjut Baca »
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Bitcoin gratis Free bitcoin | Macul bitcoin | Free PSD Graphics