Home » » Perintah CSS (2)

Perintah CSS (2)

Written By Parmin Prim on 01 Oktober 2007 | 10.38

Sebelumnya kami sudah menjelaskan sedikit tentang beberapa perintah CSS. Baiklah sekarang kita akan membahas beberapa perintah CSS yang lain.

Membuat format CSS sendiri
Anda bisa membuat sebuah format CSS yang nantinya tinggal di hubungkan dengan bentuk yang akan ditampilkan. Misalnya Format Sidebar kiri dan Isi / Main. .


Bentukya sebagai berikut :

#main {
margin:0 0 0 10px;
width:410px;
float:right;
padding:0 8px 10px 8px;
border:1px solid #999;
}
#sidebar-left {
background:#66CCFF;
margin:0;
width:150px;
float:left;
padding:0 5px 100px 5px;
font:#663333;
font-size:85%;
border:1px solid #000;
}

Beberapa penjelasan perintah diatas:
Margin = batas dari main / Sidebar
Width = lebar dari area sidebar atau main
Float = Letak dari pada Sidebar dan Main bisa di Left atau right
Background = format warna atau gambar dari background
Font = format warna tulisan
Font-size = Ukuran tulisan
Padding = Ketebalan sisi area dengan textnya
Border = garis yang ada di sekeliling text

Kemudian untuk menghubungkan perintah CSS ke bentuk yang di inginkan sebagai berikut :

<!-- Begin #sidebar -->
<div id="sidebar-left"><div id="sidebar2">

Isi Sidebar / sisi

</div></div>
<!-- End #sidebar -->


<!-- Begin #main -->
<div id="main"><div id="main2">

Isi dari pada Postingan / main

</div></div>
<!-- End #main -->


Ketrangan :
<div id="sidebar-left"> adalah untuk mengambil format yang dibentuk oleh side bar kiri
<div id="main"> adalah untuk mengambil format yang dibentuk oleh main / postingan

Bila anda ingin mempelajari perintah HTML untuk memformat peritah-perintah CSS, saya rekomendasikan anda ke situs ini http://www.htmldog.com
Share this article :

3 komentar:

  1. haha .. CSS ya .. ^^
    biasanya saya pake Mac. Dreamweaver kalu bikin CSS .. lebih gampang ... ^^

    nice post .. ^^

    BalasHapus
  2. Ternyata loe boy orang yang gue cari cari... Law di tempat loe enak boy gampang di mengerti... Di tempat orang gue enggak ngerti semua, loe punya fb enggak boy? Mampir boy ke tempat gue... Anak kampung pengen ngetrend!

    BalasHapus
  3. Thanks gan udah berkunjung...! ini FB ane...Parmin Prim, silahkan di buka.

    BalasHapus

Popular Posts

Posting Update

Chat Langsung

Diberdayakan oleh Blogger.

Follow by Email

 
Support : Primaya | Masprim | My Facebook
Redesain © 2015. primaya.blogspot.co.id - All Rights Reserved
Template Source from Creating Website
Proudly powered by Blogger