Blog Request tutorial? klik disini!

  • CSS 3 Generator Part I

    949 kali dibaca
    01 Jan / 2014 22:00

    Selamat Tahun Baru 2014 smiley

    Pada kesempatan ini akan saya perkenalkan tools dari website yang berguna sekali dalam memberikan efek css 3 dan gampang sekali untuk di terapkan ke website teman-teman.

    CSS 3 Generatorwww.css3generator.com

    Kursus Website, Kursus Web Design, Kursus Komputer

    Nah, teman-teman bisa melihat kita bisa memilih 12 tools yang telah di sediakan. Di kesempatan kali ini saya akan mengenalkan tool yang bernama "Border Radius".

    Di halaman awal, kita akan melihat menu yang sangat simple. "Choose Something". Silahkan di klik. Maka akan muncul list tools yang bisa di terapkan di website kita.

    Saya akan pilih "Border Radius". Maka tampilannya akan menjadi seperti gambar di bawah ini.

    Kursus Website, Kursus Web Design, Kursus Komputer

    Nah, sekarang kita tentukan dulu, apakah kesemua sisi / sudut dari website akan kita beri efek melengkung. untuk kasus di sini akan saya demokan kalau sisi kiri dan kanan atas saja yang kita berikan efek "Border Radius" sebesar 20 pixel.

    Kursus Website, Kursus Web Design, Kursus Komputer

    Bisa di lihat, highlight paling ata adalah informasi versi minimum browser untuk menjalankan CSS 3 ini. Lalu untuk yang di bagian kotak putih, bisa di lihat kalau sudut kanan dan kiri itu udah melengkung sebesar 20 pixel. Sedangkan yang di kiri dan kanan bawah masih tajam sudutnya.

    Kalau sudah cocok, maka tinggal kita klik button "Copy". Maka code-nya siap kita pindahkan ke css website kita. Contoh, kalau mau di taruh di "header" sebuah website, maka kita cek dulu struktur HTML nya. Kalau struktur halaman websitenya terdiri dari "wrapper" lalu "header", maka yang harus kita beri code CSS 3 barusan itu di "wrapper" dan "header". Silahkan mencoba. Kalau ada yang mau ditanyakan silahkan ke www.facebook.com/dumetschool untuk tanya-tanya smiley






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155