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

Tag ‘css’

Mengenal Pseudo Class pada CSS

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

Kategori:About CSS

Tag: css pseudo-class

Mengatur Posisi dengan CSS

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

Kategori:About CSS

Tag: absolute css fixed mengatur posisi relative z-index

Mengatur Dimensi Menggunakan CSS

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

Membuat Gradasi Warna Dengan CSS

13 December 2010 oleh Admin | 2220 pembaca 6 komentar »

Untuk membuat tampilan website atau blog kita agar lebih menarik, kita dapat memanfaatkan permainan gradasi warna. Gradasi warna tersebut dapat ditampilkan sebagai pada background artikel, sidebar, header atau footer. Dan kabar baiknya, kita tidak harus menggunakan gambar dari Photoshop atau software image lainnya.

Kali ini kita akan menggunakan gradasi warna memanfaatkan CSS, sehingga loading tentu lebih ringan karena ukurannya lebih kecil bila dibandingkan gambar. Selain itu kita memiliki layanan online yang dapat kita gunakan dengan sangat mudah untuk menghasilkan gradasi warna yang indah.

» Baca kelanjutan: Membuat Gradasi Warna Dengan CSS

Kata pencarian:

gradasi warna, gradasi warna dengan CSS, gradasi warna css, gradasi css, css gradasi, css gradasi warna, kode warna gradasi, gradasi css3, membuat gradasi warna dengan css, gradasi warna css3, warna gradasi html, membuat gradasi dengan css, gradasi warna php, gradasi warna di css, membuat background gradasi dengan css, kode warna html gradasi, membuat gradasi warna pada css, membuat background web dengan css, gradasi warna html, cara membuat gradasi di photoshop, membuat warna gradasi css, html degradasi warna, membuat baground web dengan css, keterangan gradasi warna, membuat gradasi warna CSS, kode gradasi warna css untuk web, membuat gradasi warna html, gradiasi warna dengan css, code gradasi php, background degradasi, warna gradasi web, membuat gradiasi pada area kerja dengan css3, warna gradasi, membuat gradasi warna background php, membuat gradasi dengan html, warna gradasi pada background wordpress, warna css gradasi, membuat button gradasi dengan css, warna html gradasi, membuat background website dengan css, membuat background web dengan gradasi warna, software gambar gradasi, simbol-simbol warna untuk css, membuat outline bayangan css, membuat tampilan admin dengan css, membuat warna layout web keren, membuat web dengan css generator, mengatur gradiasi warna dengan css, perintah background gradasi web, membuat gradiasi dengan css

Kategori:Website Keren

Tag: css gradasi warna

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

Kata pencarian:

cara tampilan menu mendatar di mwb, agar tampilan kotak tidak keluar bingkay mwb, sintak untuk menggabungkan horizontal bar dan navigation bar menggunakan css, sintak untuk horizontal di css, merupah scrolling frame dengan css, Mengubah tinggi kotak search di css mwb, menambah smiley mwb, membuat tampilan keren dihtml, membuat tampilan css fokus tidak bergeser, membuat scroll bar di table php, membuat background transparan css mwb, memberi warna scroll javascript di mozilla, letak table pada mwb, geser posisi objek pada css, fungsi display:inline-table di css, cara merubah tampilan scroll pada website, cara mengatur letak iklan pada mwb, sintak untuk menggabungkan navigation bar horizontal dan vertical

Kategori:About CSS

Tag: css kelompok style

Membuat Outline Dengan CSS

26 November 2010 oleh Admin | 239 pembaca Beri komentar »

Sebelumnya telah kita pelajari bagaimana membuat border dengan CSS, kali ini kita akan mempelajari bagaimana membuat outline dengan CSS. Outline di CSS hampir mirip seperti border. Outline adalah garis yang mengelilingi sebuah elemen dan posisinya diluar border, sehingga elemen tersebut terlihat menonjol atau keluar.

Property dari outline sendiri bermacam-macam yang terbagi menjadi 3 kelompok besar yaitu warna (color), style dan lebar/tebal (width). Untuk kelompok warna, kita dapat menggunakan semua warna HTML. Sedangkan untuk style terdapat beberapa pilihan, yaitu

» Baca kelanjutan: Membuat Outline Dengan CSS

Kata pencarian:

membuat outline dengan css, membuat outline di css, membuat outline di css untuk website, membuat outline gradasi css

Kategori:About CSS

Tag: border css outline

Membuat Border dengan CSS

10 November 2010 oleh Admin | 672 pembaca 1 komentar »

Sebuah elemen dalam website akan dibatasi oleh sebuah border. Tidak semua border harus terlihat tetapi batasnya akan menentukan dengan elemen-elemen yang lainnya. Margin akan memberikan jarak dengan elemen di luar dan padding akan memberikan jarak dengan isi di dalamnya.

Border juga memiliki beberapa properties yang menarik mulai dari terlihat dan tidak terlihat, ukuran border, warna border, bentuk border dan type border. Kali ini kita akan mengatur border tersebut dengan menggunakan CSS.

» Baca kelanjutan: Membuat Border dengan CSS

Kata pencarian:

membuat border css, membuat border dengan css, mengatur tampilan border, membuat frame css, Membuat border di css, cara membuat garis berdiri pada css, membuat kotak dan border dengan css, membuat template border menggunakan css, mengatur bentuk border dengan php, simbol border css, style 3d pada php, tipe border pada php, ukuran border di php, membuat kotak berita dengan css, membuat frame dg css, cara bikin garis kotak css, cara membuat border css, cara mengatur tampilan bolder, css; membuat border, mebuat border di css, membuat border 3d dengan css, membuat border komentar berita dengan php, buat border frame css php, ukuran border php

Kategori:About CSS

Tag: css mengatur border

Mengatur Tabel Dengan CSS

18 October 2010 oleh Admin | 2536 pembaca 2 komentar »

Pada saat pembuatan website, adakalanya kita memerlukan tabel untuk menyampaikan sesuatu kepada pengunjung. CSS atau Cascade Style Sheeet pada pembuatan tabel, dapat kita berdayakan untuk memudahkan kita dalam mengatur tabel dan membuat tabel menjadi lebih menarik.

Tabel dapat kita bagi menjadi baris judul dan baris isi dengan menggunakan tag <th> dan <tr> dan tiap cell akan menggunakan tag <td>. Selanjutnya, perlu kita ketahui terlebih dahulu beberapa properti yang melengkapi sebuah tabel dan dapat diatur menggunakan CSS. Properti tersebut adalah:

» Baca kelanjutan: Mengatur Tabel Dengan CSS

Kata pencarian:

membuat tabel dengan css, tabel dengan css, tabel css, membuat table dengan css, membuat tabel menggunakan css, membuat tabel css, css untuk tabel, css table, membuat css table, Mengatur Tabel Dengan CSS, membuat tampilan tabel web menjadi menarik, membuat table menggunakan css, css buat tabel, buat tabel dengan css, cara mengatur tinggi baris menggunkan css di website, membuat css untuk table, mengedit tabel dengan css, membuat tabel dengan css php, pengaturan tabel pada css, mengatur posisi tabel di tengah dengan css, membuat tabel menarik php, kode Css untuk mengatur table di PHP, table styling css 3, pengaturan css table, membuat tabel dengan css3, css untuk mengatur posisi tabel, cara buat tabel dengan css, tabel warna css, tabel css terbaik, buat tabel menggunakan css, css membuat tabel, css membuat table, mengatur vertical alignment text css, buat tabel pakai css, menambah baris tabel php html css, menagatur table css, mengatur posisi table dengan css, mengatu css tinggi tabel sama, mengatur cell alignment di php, mengatur css table, mendesign tampilan table dengan css, mengatur lebar dan tinggi tabel dengan php, mendesign tabel dengan css, mengatur letak tabel di tengah html, mengatur isi tabel css, mengatur letak vertical tabel css, mengatur posisi text dalam tabel php, mengatur table dengan css, tabel di css, tabel di dalam php memakai css

Kategori:About CSS

Tag: border-collapse css mengatur tabel padding

Mengatur Link dengan Cascade Style Sheet

11 August 2010 oleh Admin | 278 pembaca 4 komentar »

Di dalam sebuah website, biasanya ada link yang akan mengarahkan user menuju ke halaman website lain atau menjalankan sebuah perintah dsb. Link ini biasanya dibuat dengan style berbeda agar user dapat mengetahui bahwa elemen ini mengandung link di belakangnya.

Cascade Style Sheet atau CSS dapat mengatur hal ini sehingga seluruh link yang terdapat pada bagian yang sama akan ditampilkan dengan style yang sama dan kita tidak perlu melakukan setting lagi terhadap tampilan. CSS akan mengatur banyak properti mulai dari warna huruf, background, ukuran huruf, garis bawah dsb. » Baca kelanjutan: Mengatur Link dengan Cascade Style Sheet

Kata pencarian:

mengatur link dengan css, css untuk mengatur link, mengatur underline di css

Kategori:About CSS

Tag: css mengatur link

Mengatur Text dengan Cascade Style Sheet

21 June 2010 oleh Admin | 604 pembaca 1 komentar »

Pada saat pembuatan website, atau ketika kita melihat sebuah website terkadang kita melihat ada beberapa teks yang berbeda warna, pengaturan, kapital, huruf kecil, dsb dalam satu halaman.

Hal ini dapat dilakukan dengan mengatur text menggunakan Cascade Style Sheet atau CSS. Sehingga tiap blok akan menampilkan properti teks yang berbeda-beda sesuai dengan keinginan kita.

» Baca kelanjutan: Mengatur Text dengan Cascade Style Sheet