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 | 410 pembaca 5 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 scrollbar mozilla, merubah scroll bar javascript, css style scrollbar, merubah scrollbar color, web cara mengubah tampilan scrollbar, mengganti scrollbar css, cara meenganti warna scrolling bar css, cara merubah scroll dengan css, merubah warna scroll bar html, css3 bagaimana cara mengganti tampilan scrollbar website, mengganti scrollbar css untuk mozilla, merubah tampilan scrollbar css, merubah tampilan scroolbar php, merubah tampilan scroll dengan css, merubah scrollbar dengan css, merubah scrollbar color pada mozilla, memodifikasi scrollbar pada php, mengubah style scroll dengan css, merubah tampilan scrollbar di html, merubah tampilan scrollbar php, skrip html mengganti warna scrollbar pada, scroll keren untuk merubah warna dengan css, scroll bar terlalu kecil, script css untuk memodifikasi browser, scrip mengubah warna scrollbar pada html, scrip html ubah warna scrollbar, rubah warna modzila jadi standard, perintah dasar HTML untuk mengubah warna scroll bar, modifikasi scroll pada textarea, modifikasi scroll html, modifikasi scrol dengan css pada frame html, merubah warna properti, mengubah style scroll bar, mengubah scrollbar website, mengganti warna scrool pada table di php, cara mengubah warna scrollbar, cara mengubah warna scroll pada html, cara mengganti warna scrolling di web, cara mengganti toll bar biru menjadi warna abu abu, cara mengganti scrool bar di blog mozilla, cara mengatur warna scrool bar html, cara memodifikasi scrollbar standar website, cara membuat scroll bar untuk body halaman web, cara membrikan warna pada scroll bar menggunakan perintah html, buat style mozilla, cara mengubah warna scrollbar pada website, cara mengubah warna scrorball, cara merubah scrollbar webbrowser, cara mengganti scroll bar, membuat scroll bar keren di website

Kategori:About CSS

Tag: color scrollbar warna

CSS Image Sprite

14 April 2011 oleh Admin | 342 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, script css untuk memberikan background untuk satu rumus div, perintah memanggil gambar pake css, memasukkan gambar ke css, memasukkan gambar dengan css, memasukan gambar di css, GAMBAR SPRITE, css view gambar, membuat button di css dengan memasukkan gambar/icon, css memanggil image, cara membuat twitter web sprite icons, cara memanfaatkan sprite

Kategori:About CSS

Tag: css sprite image sprite

Membuat Image Transparan

30 March 2011 oleh Admin | 1380 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 | 443 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:

membuat css yang di click aktif, contoh tag style efek mouse over/click pada html, buat link jadi merah waktu di klik di php, membuat warna hover pada form php, pengertian visited color, visited di css, validasi form dengan javascript collom menjadi merah, mengubah image saat mouse diklik di php, warna tabel berubah ketika mouse, pengertian a:visited css, pengertian hover dalam html, pengertian hover visited, pengertian link aktif?, Pengertian pseudo efektivitas, script html untuk membuat tulisan berubah warna ketika sedang di klik, pengertian pseudo-class dan pseudo-element, pengertian rollover link active link visited link, validasi warna merah javasript, pengertian visited warna, penjelasan psuedo :first-child, pseudo class css, pseudoclass, warna tabel berubah sesuai posisi mouse, menggunakan visited css3, membuat link berubah jadi hitam ketika sudah diklik html, a:hover penggunaannya, alat untuk pseudo class III, arti a:hover{color:red;}, arti dan contoh pseudo, arti dari pseudo, cara membuat tabel dengan mouse over pada css, cara mengetahui link yang sedang aktif css, cara menyisipkan simbol pada file class aplikasi, class children pada javascript, contoh html css pseudo class, contoh penggunaan lang, contoh script html menggunakan mouse berubah warna saat di link, css membedakan link active, css untuk tabel berubah warna, efek warna berubah dengan css, hover waktu dikunjungi, membedakan link aktif dengan css, :first-child css 3 arti

Kategori:About CSS

Tag: css pseudo-class

Mengatur Posisi dengan CSS Float

13 February 2011 oleh Admin | 1465 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:

mengatur posisi dengan css, posisi css, mengatur posisi gambar dengan css, pengertian float, cara mengatur posisi css, mengatur posisi pada css, fungsi float pada css, mengatur posisi gambar css, MENGATUR POSISI GAMBAR HTML, float pada css, laporan pendahuluan pengaturan posisi, mengatur letak gambar dengan css, mengatur letak gambar html, CSS : mengatur posisi, mengatur posisi gambar pada html, script posisi pada html css, arti float css, mengatur posisi gambar, float css adalah, cara membuat gambar float kekanan dengan css, mengatur letak gambar di php, posisi dalam css, mengatur posisi gambar di php, clear : both artinya, mengatur posisi html css, script html mengatur posisi teks, mengatur posisi trans pada css, inherit css arti, mengatur posisi menu css di php, mengatur posisi image css, mengatur posisi tulisan dengan css, script mengatur posisi php, script css untuk mengatur gambar, script css posisi text di bawah, script css posisi, script css mengatur posisi, properti css float, posisi text dengan css, posisi image dalam php, posisi foto css, pengertian floating pada web, pengertian float dalam database, posisi float, pengaturan float css, menulis css float, mengganti table dengan css float, software mengubah posisi foto, mengatur posisi float untuk gambar, mengatur posisi box css, apa fungsi float pada css

Kategori:About CSS

Tag: clear float floating element

Mengatur Posisi dengan CSS

29 January 2011 oleh Admin | 1509 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, mengatur posisi di css, pengaturan posisi css, posisi di css, css mengatur posisi box di bawah, membuat posisi gambar tetap pada css, cara mengatur posisi tabel di css, cara mengatur letak di css, mengatur posisi tabel dengan css, mengatur letak tabel dengan css3, mengatur letak table, html posisi gambar website, mengatur posisi gambar dalam halaman web dengan php, atur letak tabel pada css, posisi tabel dengan css, mengatur posisi text di web, mengatur posisi text pada table php, mengatur posisi tombol css, mengatur posisi web php, mengatur posisi template di css, mengatur posisi tabel web, mengatur posisi tabel pada html, mengatur posisi halaman blog ke left, mengatur posisi image di php, mengatur posisi letak objek pada javascript, mengatur posisi object css, mengatur posisi objek pada css, mengatur posisi pop up fix diatas, mengatur posisi tabel, mengatur posisi tabel di, mengatur posisi tabel di html, mengatur position tampilan website, mengatur tempat dengen css, mengatur z-index gambar, posisi objek css, posisi obyek di css, posisi paling atas css html, posisi relatif terhadap elemen lain di css, ubah posisi element web, posisi untuk css, script php untuk mengatur posisi tabel, script php untuk mengubah posisi tabel, tabel login css, posisi letak css, mengedit posisi tabel dari css, posisi absolute php, menggunakan posisi di css relative, mengubah letak tabel pada html, mengubah posisi scroll

Kategori:About CSS

Tag: absolute css fixed mengatur posisi relative z-index

Mengatur Tampilan Elemen dengan CSS

14 January 2011 oleh Admin | 516 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:

mengatur tampilan website, fungsi display di css, fungsi display css, arti display css, mengatur tampilan website dengan php, pengertian display none, pengertian display yang ada di css, penjelasan display:none pada css, tampilan css style display, tampilan layout website, mengatur tampilan di php, kegunaan properties display pada css, fungsi fisibleity di CSS, fungsi dari css property display, display artinya pada css, display : none untuk tabel dengan css, css visibility artinya, css pengertian display, css jarak antar elemen, tampilan program hilang lewat monitor

Kategori:About CSS

Tag: display tampilan visibility

Mengatur Dimensi Menggunakan CSS

28 December 2010 oleh Admin | 301 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:

penggunaan inheritance css

Kategori:About CSS

Tag: css height mengatur dimensi width

Mengelompokkan Elemen dengan Style Sama

11 December 2010 oleh Admin | 76 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