Tag Archives: css

Membuat Menu Horizontal CSS

Alhmdulillah, Saya diberi kesempatan untuk posting tutorial lagi :).

Pada tutorial kali ini, saya akan membahas bagaimana membuat Horizontal Menu dengan menggunakan CSS.Horizontal menu atau sering disebut Navigation Menu merupakan hal yang mutlak diperlukan sebuah website.

Oke, langsung saja pembuatannya ­čśÇ

Buat file html berikut

<html>
<head>
<title>Horizontal Menu Navigation</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="nav">
 <ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">About</a></li>
 <li><a href="#">Portfolio</a></li>
 <li><a href="#">Contact</a></li>
 </ul>
</div>
</body>
</html>

Continue reading Membuat Menu Horizontal CSS

Advertisements

Membuat Rounded Button dengan CSS3

Seiring perkembangan teknologi web, salah satu teknologi yang juga berkembang adalah CSS (Cascading Style Sheet) yang sampai tahun ini sudah menjadi CSS3.CSS3 sekarang ini menjadi idola di kalangan web programmer.CSS3 memberikan kemudahan dalam membuat website yaitu sedikit desain tapi layout yang dihasilkan tidak kalah dengan desain murni, misalnya dalam membuat rounded button, dulu kebanyakan membuatnya dengan menggunakan image yang kemudian dijadikan background.Tapi dengan adanya CSS3 rounded button dapat dibuat dengan mudah hanya dengan sebaris kode sederhana.

Continue reading Membuat Rounded Button dengan CSS3

Membuat Layout Web 2 Kolom Tanpa Tabel

Awal munculnya sebuah website, para programmer website membuat sebuah layout website menggunakan permainan tabel.Semakin berkembangnya teknologi web,penggunaan tabel semakin ditinggalkan selain karena alasan kurang fleksibel teknologi tabel juga menjadikan layout website tampak kaku.Akhirnya muncullah teknologi baru yang dikenal dengan nama CSS(Cascading Style Sheet).

CSS seakan sebuah malaikat bagi teknologi web saat ini, bagaimana tidak dengan menggunakan CSS para programmer semakin mudah dalam menuliskan tag-tag HTML.Sehingga layout pun akan labih ringan saat diload.

Continue reading Membuat Layout Web 2 Kolom Tanpa Tabel

Membuat Menu Vertikal dengan CSS

Pada postingan yang lalu, saya sudah membahas bagaimana membuat Menu Navigasi Horizontal.Selain menggunakan menu horizontal,website juga terkadang dilengkapi dengan menu vertikal.

Biasanya, menu vertikal pada website berisi menu-menu tambahan, selain yang ada pada menu horizontal seperti, Recent Posts, Comments, dsb.Itu sedikit penjelasan mengenai menu vertikal.Sekarang cara buatnya… ­čÖé

Continue reading Membuat Menu Vertikal dengan CSS

Pengertian CSS

Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Continue reading Pengertian CSS