Menentukan Jenis Font Sesuka Hati dengan CSS3

Zaman dulu sebelum ada CSS3, para web designer jika ingin menampilkan font yang keren-keren maka mereka harus menampilkan tulisan tersebut sebagai file gambar, karena font yang keren tersebut belum tentu ada di komputer client atau user.

Read more

Cara mengganti warna background secara otomatis

Anda bisa mengganti background Anda secara otomatis artinya setiap hati selalu berganti tanpa harus Anda update setiap hari. Cara mudah sekali, cukup berikan teknik array ditambah fungsi date untuk memanipulasi tag HTML, yaitu tag Bady bgcolor. Pada trik ini, kita akan mengganti warna background yang selalu berganti otomatis setiap hari dalam seminggu (7 hari).

Read more

Membuat Objek berputar 360 Derajat dengan CSS

Sobat, ini saya mau share tentang bagaimana cara membuat sebuah animasi objek yaitu dengan memutar sebuah objek sebanyak 360 derajat. Disini kita akan melakukannya dengan menggunakan bantuan script CSS. Ternyata CSS sekarang sudah semakin maju ya. Hehehe bisa memutar objek. Tanpa panjang lebar, langsung saja kita ke TKP. 

Read more

Cara membuat Resize dengan menggunakan CSS3

Pernahkah sobat melihat sebuah halaman yang memiliki sebuah textarea atau text box yang bisa di resize atau di ubah-ubah ukurannya ? Contohnya seperti pada blogger. PAda blogger kolom editor untuk mengedit kode HTML menggunakan sebuah text box yang bisa kita ubah ukurannya dengan menarik salah satu sisinya. Maka dengan seketika text box itu akan berubah ukurannya sesuai dengan yang kita inginkan. Lalu bagaimanakah hal itu bisa di terjadi ? Bagaimana kita bisa membuatnya ?

Jika hal itu yang sedang sobat pertanyakan, maka ini adalah salah satu kabar gembira karena kita akan membahasnya sekarang. Sebenarnya untuk membuat itu cukup sederhana saja. Kita bisa membuatnya dengan menggunakan CSS yang diperkenalkan di CSS3. properti yang digunakan yaitu resize dan overflow. Itu saja yang kita gunakan untuk bisa membuat sebuah objek bisa di resize.

Read more

Cara membuat ToolTips yang Super Beautifull dengan CSS

Sobat, kali ini kita akan mencoba membuat sebuah tooltips dengan penampilan yang sungguh menarik. Tooltips yaitu sebuah teks penjelas tentang suatu objek. Misalnya ketika sebuah link kita sorot dengan mouse pointer, maka akan muncul sebuah pesan. NAh pesan inilah yang disebut sebagai tooltips. 

Sekarang bagaimana cara kita membuat sebuah tooltips yang memiliki penampilan yang menarik ?

Read more

Cara membuat Rounded Borders menggunakan CSS

Sobat tahu tidak apakah yang dimaksud dengan Rounded Border ? Rounded Border adalah sebuah border dengan gaya baru yang di perkenalkan melalui CSS3. Border gaya ini merupakan sebuah border yang cukup menarik bagi kalangan yang menyukainya. Nah, apakah sobat juga menyukainya? Apakah sobat juga sedang mencari tahu bagaimana sih border sejenis itu dibuat ? Koq menarik sekali ? Hehehe 

Jika demikian, ayo lanjutin membacanya karena kita akan membahasnya sampai tuntas. Rawe-rawe rantah, marang-marang putong. Opo iki ??? Rounded Border memiliki beberapa tipe, ada yang full dan ada yang setengah.

Untuk membuat rounded border,

Read more

Dasar pemrograman dengan CSS

Tahukah sobat semua apakah itu CSS? Kenapa kita mempelajari CSS? Apakah sobat pernah bertanya dan berpikiran untuk mengetahui dan mempelajarinya? Jika ya, maka sobat bisa lanjutnya untuk membaca. Tapi jika tidak, ya mendingan sobat cari menu yanng lain saja ya. Karena kali ini saya akan membahas tentang CSS. 

CSS adalah singkatan dari Cascading Style Sheet yaitu sebuah bahasa yang digunakan untuk memformat sebuah tampilan

Read more

Kode Warna Hexadesimal

Untuk mendesain template, web, dan desain lainnya, kita sering berhadapan dengan yang namanya Kode warna Hexadecimal (kode warna yang terdiri dari 6 karakter. Tabel di bawah ini sengaja diposting untuk memudahkan melihat kode warna yang nantinya diinsert ke dalam desain template. o'CHAN udah coba sediakan segala macam kode warna selengkap-lengkapnya. semoga membantu.

Read more

Cara membuat objek berputar 360 derajat dengan CSS

Sobat, ini saya mau share tentang bagaimana cara membuat sebuah animasi objek yaitu dengan memutar sebuah objek sebanyak 360 derajat. Disini kita akan melakukannya dengan menggunakan bantuan script CSS. Ternyata CSS sekarang sudah semakin maju ya. Hehehe bisa memutar objek. Tanpa panjang lebar, langsung saja kita ke TKP. 

Read more

Cara membuat ToolTips yang Super Beautifull dengan CSS

 Sobat, kali ini kita akan mencoba membuat sebuah tooltips dengan penampilan yang sungguh menarik. Tooltips yaitu sebuah teks penjelas tentang suatu objek. Misalnya ketika sebuah link kita sorot dengan mouse pointer, maka akan muncul sebuah pesan. NAh pesan inilah yang disebut sebagai tooltips. 

Sekarang bagaimana cara kita membuat sebuah tooltips yang memiliki penampilan yang menarik ? 

Read more

Selector Class dan ID pada CSS

Masih ingat kan pada pelajaran syntax CSS bagian pertama yang di tulis adalah selector. Pada contoh-contoh di pelajaran sebelumnya, anda melihat penggunaan tag HTML sebagai selector.

Misalkan anda membuat kode CSS untuk tag <h1>. Sekarang bagaimana jika anda ingin memformat tag <h1> dengan warna / property berbeda? Misalkan, anda ingin tag <h1> di kolom kiri berwarna biru sementara tag <h1> di kolom tengah berwarna hitam.

Untuk kasus seperti ini, anda bisa menggunakan Class selector dan ID selector.

Read more

Syntaks pada CSS

Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector, 1 property, 1 value.

Format penulisan kalimat CSS:

selector { property: value }

Selector itu untuk menunjukkan bagian mana yang hendak diatur / diformat.

Property untuk menunjukkan, bagian (properti) dari selector yang hendak diatur.

Value adalah nilai dari pengaturannya.

Contoh Syntax:

Read more

Pengenalan CSS

Apa Itu CSS?

CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke kode lain yang saling berhubungan.

Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.

Read more