MargoUtomo.Net

MargoUtomo.Net merupakan representasi kami di dunia maya akan kemampuan kami untuk memberikan kemudahan dan menjawab kebutuhan bisnis online anda.

Penawaran yang kami berikan :

» Toko Online, terintegrasi dengan jasa kurir

» Website perusahaan, bentuk profesionalisme dan marketing tanpa batas

» Website pribadi (Blog), wadah aktualisasi diri tanpa batas

» Iklan baris, praktis dan laris

» Database Online, akses cepat dan tanpa batas

» Supporting Script, memudahkan pekerjaan bisnis online anda

Kami berikan itu semua dengan motto kami MuraHandaLengkap

Segera hubungi kami untuk info lebih lanjut

Arsip untuk kategori ‘About CSS’

Merubah Warna Scrollbar

23 September 2011 oleh Admin | 210 pembaca 1 komentar »

Pada saat mendesain sebuah halaman web, sering kita menginginkan semua warnanya harmonis sesuai keinginan kita. Apabila temanya biru, elemen-elemen yang lain akan diberi warna-warna yang harmonis dengan warna biru tersebut. Sehingga mata para pengunjung website lebih nyaman dan bisa menjadi lebih betah berkunjung di website atau blog tersebut.

Tetapi terkadang masalah muncul pada saat design kita terlalu lebar atau panjang dari screen pengunjung atau kotak textarea yang kita berikan terlalu kecil sehingga muncul scrollbar untuk memudahkan pengunjung untuk menggeser-geser. Yang jadi masalah adalah warna scrollbar selalu standard yaitu abu-abu. Jadi apabila desainnya tidak harmonis dengan warna abu-abu, lalu muncul warna abu-abu, tentu akan mengganggu. Kali ini kita akan mencoba merubah warna scrollbar tersebut.

» Baca kelanjutan: Merubah Warna Scrollbar

Kata pencarian:

css untuk mengubah scroll, mengganti scroll bar pada html, merubah warna scrollbar, cara merubah scrollbar, merubah scroll bar, modifikasi scrollbar blog, css scrollbar, edit warna scroll dengan css, merubah scrollbar dengan css, cara membuat scrool bar css, mengubah highlight color di blog, merubah scroll bar css, mengganti style scroll, mengganti warna scroll pada web, mengganti warna scroll pada website, merubah desain scrollbar, mengubah tampilan scroll website php, mengubah warna scroll, mengganti warna scrollbar blog, mengganti warna sroll bar pada web, mengubah tampilan scroll html css, merubah scrollbar, merubah scrollbar style, warna scroll, ubah warna highlighting css, ubah css scrollbar, textarea menggunakan scroll php, tampilan css scroll bar, style scroll bar seperti facebook, scrollbar terlalu lebar, scrollbar style css, scrollbar css, script merubah scroll browser mozilla, script mengganti scrollbar dengan image, mozilla css scrollbar color, modifikasi scroll dengan css, modifikasi scroll bar di blog, warna scrollbar, mengganti scroll browser blog, menambah warna scrollbar dengan css, cara mengubah tampilan scrollbar pada blogspot, cara mengubah scrool bar browser, cara mengubah scrollbar, cara mengubah scroll pada mozilla, cara mengganti warna teks yang lebih simple, cara mengganti warna scrollbar pada website, cara mengganti warna scrollbar pada blog, cara mengganti warna scroll di blogger, cara mengganti warna scroll, cara mengganti scroll bar pada website

Kategori:About CSS

Tag: color scrollbar warna

CSS Image Sprite

14 April 2011 oleh Admin | 277 pembaca Beri komentar »

Image sprite adalah sekumpulan gambar yang direpresentasikan hanya dalam satu gambar. Teknik CSS yang digunakan untuk menampilkan satu bagian gambar dari satu gambar yang besar ini yang kita sebut dengan CSS Image Sprite.

Teknik ini digunakan untuk mempercepat proses loading sebuah halaman website atau blog. Hal ini dikarenakan, apabila kita memanggil beberapa gambar maka yang terjadi adalah beberapa permintaan ke server dan tentu saja hal tersebut membutuhkan bandwith dan waktu. Tetapi teknik CSS Image Sprite akan memanggil gambar satu kali saja, tetapi menampilkan hanya bagian-bagian yang kita butuhkan saja.

» Baca kelanjutan: CSS Image Sprite

Kata pencarian:

menampilkan gambar dengan css, image sprite, menampilkan gambar css, cara memanggil 2 image background, perintah memanggil gambar menggunakan css, menggabungkan gambar dengan css sprites, menggabungkan 2 gambar dengan css, menampilkan foto dengan css, langkah-langkah css sprite blogger, images sprite, how to insert sprite image to css wordpress, css menampilkan gambar, css image sprites, contoh gambar sprite png, cara menggambungkan gambar dengan gamber di coding css php, cara membuat css image sprite, cara memanggil image di css, tampil gambar dengan CSS

Kategori:About CSS

Tag: css sprite image sprite

Membuat Image Transparan

30 March 2011 oleh Admin | 961 pembaca Beri komentar »

Beberapa image yang digunakan dalam sebuah website terkadang menggunakan image atau gambar yang transparan untuk menambah estetika dari blog atau website tersebut. Dan untuk membuat image transparan tersebut sangat mudah menggunakan pengkodean CSS.

Untuk pengunjung yang menggunakan browser Mozilla Firefox kita memerlukan properti opacity:nilai. Nilai yang kita masukkan adalah berkisar antara 0.0 - 1.0. Semakin rendah nilai akan membuat semakin transparan. Sedangkan untuk pengunjung yang menggunakan browser Internet Explorer, kita akan menggunakan properti filter:alpha(opacity=nilai). Nilai yang dimasukkan adalah berkisar antara 0 - 100. Semakin rendah nilai akan membuat semakin transparan.

» Baca kelanjutan: Membuat Image Transparan

Kata pencarian:

Kategori:About CSS

Tag: image transparan opacity

Mengenal Pseudo Class pada CSS

28 February 2011 oleh Admin | 324 pembaca Beri komentar »

Pseudo Class pada CSS digunakan untuk menambahkan efek khusus (melalui properti yang kita berikan) pada beberapa selektor dan penggunaannya akan mengikuti pola sbb:

selektor :pseudo-class {property:nilai}

atau diberlakukan pada class, menjadi :

selektor.class :pseudo-class {property:nilai}

Tidak banyak pseudo yang dapat kita manfaatkan pada CSS, total keseluruhan ada 7 pseudo class yang harus kita ketahui. Berikut adalah pseudo yang dapat kita gunakan pada CSS
» Baca kelanjutan: Mengenal Pseudo Class pada CSS

Kata pencarian:

pseudoclass dalam CSS, pseudo efektifitas, perbedaan pseudo element dan pseudo classes, penjelasan pseudoclass dalam CSS, effect mouse over pada tabel merubah warna baris, pengertian hover visited active, pengertian pseudoclass dalam CSS, penjelasan penggunaan pseudo di css, Perbedaan pseudo css, active css, php pseudo class, pseudo class css, pseudo class dalam css, pseudoclass, pegertian a active css, membuat warna berubah pada selection mouse kode html, membuat warna baris tabel berubah saat mouse over, apakah yg di maksut hover visited active dan link dalam CSS, arti css visited atau active, arti dari class, arti pseudoclass, buat text box berubah warna saat mau di input dengan css, cara membedakan link aktiv dengan css, css a:visited artinya, javascript firstchild arti, javascript mouse click warna berubah, membuat baris berubah warna ketika mouse over css, membuat berubah warna pada mouse masuk php, membuat menu saat di select warnanya berubah dengan css, pseudoclass pada CSS adalah

Kategori:About CSS

Tag: css pseudo-class

Mengatur Posisi dengan CSS Float

13 February 2011 oleh Admin | 1045 pembaca 3 komentar »

Melanjutkan postingan sebelumnya mengenai mengatur posisi dengan css, kali ini kita akan lebih fokus lagi pada mengatur posisi dengan CSS Float. Float sering digunakan untuk mengatur posisi image atau gambar tetapi hal ini juga dapat digunakan untuk mengatur layout elemen-elemen website.

Sesuai dengan artinya, float, memungkinkan kita untuk “memaksa” elemen tersebut ke kanan dan ke kiri. Tetapi hanya horizontal saja, jadi kita tidak bisa memaksanya untuk posisi ke atas atau ke bawah.

» Baca kelanjutan: Mengatur Posisi dengan CSS Float

Kata pencarian:

Kategori:About CSS

Tag: clear float floating element

Mengatur Posisi dengan CSS

29 January 2011 oleh Admin | 1082 pembaca 1 komentar »

CSS memiliki properti untuk mengatur posisi sebuah elemen. Dimana dengan properti ini kita dapat menempatkan sebuah elemen di atas elemen yang lain atau sebaliknya atau bahkan sebagian saja yang ditumpuk. Hal ini juga dapat membantu pada saat elemen yang kita tempatkan terlalu besar.

Sebelumnya kita mengatur dengan menggunakan posisi top, bottom, left dan right saja dan kali ini kita membahas posisi elemen yang berbeda. Ada 4 metode posisi yang berbeda yang akan kita ketahui kali ini.

» Baca kelanjutan: Mengatur Posisi dengan CSS

Kata pencarian:

css posisi, Mengatur Posisi CSS, pengaturan posisi web dengan css, menentukan posisi kategori dengan css, mengatur halaman web dengan css, mengatur letak css, posisi dengan css, mengatur posisi di css, pengaturan posisi css, css untuk mengatur letak tabel, mengatur letak tabel di html dengan css, membuat posisi css, mengatur letak posisi css, mengatur letak pada css, membuat posisi di css, mengubah letak box pada css, fungsi position relative pada css, pengaturan letak pada css, mengatur letak form login dengan css, css letak, letak css, mengatur posisi tetap dengan css, cara merubah posisi letak tabel di css, css fungsi dari position, posisi tabel dengan css, mengatur posisi text di css, tentang posisi css, posisi form html, postition mengikuti objek css, mengatur posisi objek css, mengedit posisi element blogger, mengatur posisi table di html, mengatur posisi iage dengan css, mengatus posisi dengan css, mengatur posisi top websitenya, mengatur posisi text blog, mengatur posisi web dengan css, mengatur position css, mengatur posisi text marquee relative fixed, pengaturan format posisi dg css, pengaturan gambar css, posisi di css, posisi elemen di blog, posisi form login dengan css, posisi objek di css, posisi table, posisi top frame, table position right html, tag css untuk posisi, tag mengatur posisi objek

Kategori:About CSS

Tag: absolute css fixed mengatur posisi relative z-index

Mengatur Tampilan Elemen dengan CSS

14 January 2011 oleh Admin | 415 pembaca Beri komentar »

Mengatur tampilan elemen dengan CSS pada sebuah website yang dimaksud disini adalah sebuah elemen dapat diatur agar terlihat atau tidak terlihat atau diatur agar elemen tersebut ada atau tidak ada.

Untuk mengatur tampilan elemen tersebut, CSS memiliki 2 properti yaitu display dan visibility. Kedua properti tersebut yang akan kita utak-atik. Karena walaupun artinya hampir mirip tetapi tampilan yang dihasilkan berbeda.

» Baca kelanjutan: Mengatur Tampilan Elemen dengan CSS

Kata pencarian:

fungsi property display pada css, mengatur tampilan website, apakah memepengaruhi element class, visibility pada monitor adalah, tampilan css, tag css untuk mengatur jarak, property display pada css, mengatur tampilan php, mengatur tampilan display dari php, mengatur tampilan dengan css, mengatur properti tampilan tabel di web, fungsi properti display dalam css, fungsi display css, fungsi dari display css, css tampilan, Yang dimaksud dengan mengatur tampilan

Kategori:About CSS

Tag: display tampilan visibility

Mengatur Dimensi Menggunakan CSS

28 December 2010 oleh Admin | 249 pembaca Beri komentar »

Elemen-elemen yang terdapat di dalam sebuah website tentu harus kita tentukan dimensinya sehingga tidak terjadi ukuran elemen yang terlalu besar atau terlalu kecil atau elemen yang bergeser dari posisi yang semestinya karena adanya elemen lain yang terlalu besar atau terlalu kecil sehingga menggeser elemen lainnya.

Untuk berbagai elemen tersebut kita dapat memastikan ukuran atau dimensinya dengan mengatur dimensinya menggunakan CSS. Properti paling banyak yang diatur adalah tinggi dan lebar. Tetapi untuk lebih lengkapnya kita dapat melihat tabel berikut :

» Baca kelanjutan: Mengatur Dimensi Menggunakan CSS

Kata pencarian:

css style mengatur tinggi, mengatur image properti menggunakan css, mengatur size tabel menggunakan css, mengatur tinggi pada css, mengatur tinggi website css

Kategori:About CSS

Tag: css height mengatur dimensi width

Mengelompokkan Elemen dengan Style Sama

11 December 2010 oleh Admin | 65 pembaca Beri komentar »

Seperti kita tahu, beberapa elemen dalam sebuah website, terkadang memiliki style yang sama entah ukuran huruf, tipe huruf, warna, background, margin, padding dsb. Dan tentu saja seluruh elemen tersebut harus diatur stylenya.

Kita bisa menuliskan masing-masing style untuk tiap-tiap elemen tersebut dan tentu saja hal tersebut akan sangat merepotkan. Apalagi kalau elemen di website kita sangat banyak. Bisa dibayangkan kerepotannya. Tenang, ternyata kita tidak perlu repot menuliskannya satu persatu alias kita dapat mengelompokkan elemen-elemen yang memiliki style sama dan menuliskannya satu kali saja.

» Baca kelanjutan: Mengelompokkan Elemen dengan Style Sama