Blog Request tutorial? klik disini!

  • Membuat Desain Responsive Sederhana Pada Tampilan Content

    Ditulis oleh: Faizal Rafik
    2768 kali dibaca
    02 May / 2014 20:21

    Hallo teman-teman apa kabar semuanya semoga sehat semuanya ya teman-teman, amin.. Pada tutorial kali ini saya akan melanjutkan tutorial yang sebelumnya yang pernah saya posting di blog DUMET School yaitu tentang bagaimana caranya membuat Desain sederhana Navigasi Menu Responsive dan pada tutorial kali ini saya akan mengajarkan kepada teman-teman bagaimana caranya membuat Desain Responsive Sederhana pada Tampilan isi Content hanya menggunakan CSS. Baiklah kita langsung saja masuk ke pokok pembahasannya.

    Pertama teman-teman bisa buat struktur file HTML nya seperti di bawah ini :

    Setelah teman-teman buat file HTML nya teman-teman bisa buat file CSS nya untuk tampilan di layar dekstop seperti di bawah ini :

    Lalu di bawah ini adalah CSS untuk tampilan Responsive untuk di layar dengan ukuran kecil :

    Setelah semua Source kodenya teman-teman tulis dengan benar teman-teman bisa save dan lihat hasil nya. Mudah kan teman-teman hanya dengan CSS kita sudah dapat menghasilkan desain Responsive yang kita inginkan.

    Sekian dulu Tutorial dari saya semoga bisa menambah ilmu teman-teman. Terima Kasih.

    Kalau teman-teman ingin melihat hasilnya di SINI dan DOWNLOAD Source.






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