Friday, September 17, 2010

Tips dan Tricks CSS (Cascading Style Sheets)

2 comments
Saya tadinya sangat awam dan sangat malas untuk belajar Cascading Style Sheets atau CSS karena sering bikin pusing dan sangat membosankan, tapi setelah mengenal internet apalagi setelah mempunyai blog, mau tidak mau (awalnya terpaksa) harus mulai belajar dan mengenal apa itu css dan seluk beluknya. Ternyata belajar CSS itu mulai mengasikkan dan bisa betah ber-jam-jam di depan komputer, sampai-sampai kadang malah sedikit mengabaikan untuk mengupdate blog atau membuat postingan.
Supaya tidak lupa dari sedikit yang pernah saya pelajari, ijinkan saya untuk mengarsipkannya, dan siapa tahu malah mungkin bermanfaat untuk pengunjung blog ini.
1. CSS Drop Caps


p:first-letter {
       font-size : 300%;
       font-weight : bold;
       float : left;
       width : 1em;
}

2. Capitalize Text


{text-transform: capitalize;}
{text-transform: lowercase;}
{text-transform: uppercase:}

capitalize = Mentransformasi karakter pertama dari setiap kata menjadi huruf besar.
lowercase = Mentransformasi semua karakter menjadi huruf kecil
uppercase = Mentransformasi semua karakter menjadi huruf besar
3. CSS Text Shadow


Regular text shadow kodenya :
{ text-shadow: 1px 1px 1px #000; }
Multiple shadows :
{ text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

4. Rounded Corners tanpa gambar.
Berikut ini adalah cara sederhana untuk membuat bulatan sudut DIV menggunakan beberapa atribut css. Cara ini bisa berfungsi di Firefox, Safari, Chrome dan browser CSS3-lain yang kompatibel, untuk saat ini belum suport di Internet Explorer (IE).


div {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

Untuk membuat bulatan/lengkungan pada sudut tertentu, misalkan sudut kiri atas.


div {
 -moz-border-radius-topleft: 10px;
 -webkit-border-top-left-radius: 10px;
}

5. Browser Opacity.


.transparent_class {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
}

6. Rotate Text menggunakan CSS.


.rotate-style {
  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

Dan masih banyak lagi yang belum sempat saya arsipkan, insya Allah di postingan berikutnya akan saya lengkapi.

2 comments:

  1. TOKO CAMERA CENTER
    ALAMAT TOKO:MALL RATU PLAZA L1.NO 1 BJL.JEND SUDIRMAN JAKARTA SELATAN
    Cara Order Invite Pin BB:2AD96D7F HP:085229488511
    format nama... alamat... no ktp... kode pos.... tipe barang... no hp/tlp....
    www.cameracenter2015.blogspot.com
    CANON PowerShot SX170 + 8g Rp.825,000
    CANON PowerShot SX280 HS Rp1,395,000
    CANON PowerShot SX510 + 16g Rp.1,245,000
    CANON PowerShot SX50 HS + 16g Rp.2,150,000
    CANON PowerShot S120 + 8g Rp.1,995,000
    CANON PowerShot S200 + 8g Rp.1,395,000
    CANON PowerShot N Rp.2,750,000
    CANON PowerShot G16 + 16g Rp.2,295,000
    CANON PowerShot G1X + 16g Rp.2,495,000
    CANON PowerShot D30 Underwater Rp.1,425,000
    CANON IXUS 135 + 8g Rp.505,000
    CANON IXUS 140 Rp.695,000
    CANON IXUS 145 + 8g Rp450,000
    CANON IXUS 155 + 8g Rp.725,000
    CANON IXUS 255 HS Rp1,115,000
    Nikon D3100 - Lensa Kit 18-55mm - 14.2 MP - Hitam Rp 1.750.000
    Nikon D800 Body - 36.3 MP - Hitam + Memori SDHC 8 GB Rp 9.800.000
    Nikon D7000 Lensa Kit 18-105mm - 16.2 MP - Hitam Rp 4.800.000
    Nikon D3200 - Lensa Kit 18-55mm - 24.2 MP - Hitam + Memori SDHC 8 GB Rp 2.100.000
    Nikon D600 Lensa Kit 24-85mm – 24.3 MP – Hitam + Memori SDHC 8 GB Rp 12.000.000
    Canon EOS 7D Lensa Kit 18-135mm – 18 MP – Hitam + CF 4 GB Rp4.150.000
    Canon EOS 1100DC Kit 18-55 Black + Bonus SDHC 8 GB + Tripod Excell Promos Rp.1.750.000
    Canon EOS 600D - Lensa Kit 18 - 55 mm - 18 MP + Memori SDHC Sandisk 8 GB class 4 Rp.2.550.000
    Canon EOS 650D - Lensa Kit 18 - 55 mm IS - 18 MP Rp.3.100.000
    Sony Alpha SLT-A65VK - 24.3 MP - Hitam Rp 4.OOO.000
    Sony SLT-A99V DSLR - 24.3 MP - Hitam Rp.10.800.000
    Sony Alpha SLT-A37M - 16.1 MP - Hitam Rp.3.200.000
    Sony Alpha SLT-A77VQ - 24.3 MP - Hitam Rp.7.200.000

    saya memberikan penawaran khusus kepada para pembeli baru dan pelanggan kami.
    Berikut adalah daftar harga KAMERA, untuk penawaran khusus dari kami dalam program penjualan Online
    berupa beberapa type barang kamera .
    Berikut daftar harga kamera yang saya tawarkan :
    KAMI Melayani Pengiriman Ke seluruh indonesia melalui TIKI/JNE

    ReplyDelete
  2. TOKO CAMERA CENTER
    ALAMAT TOKO:MALL RATU PLAZA L1.NO 1 BJL.JEND SUDIRMAN JAKARTA SELATAN
    Cara Order Invite Pin BB:2AD96D7F HP:085229488511
    format nama... alamat... no ktp... kode pos.... tipe barang... no hp/tlp....
    www.cameracenter2015.blogspot.com
    CANON PowerShot SX170 + 8g Rp.825,000
    CANON PowerShot SX280 HS Rp1,395,000
    CANON PowerShot SX510 + 16g Rp.1,245,000
    CANON PowerShot SX50 HS + 16g Rp.2,150,000
    CANON PowerShot S120 + 8g Rp.1,995,000
    CANON PowerShot S200 + 8g Rp.1,395,000
    CANON PowerShot N Rp.2,750,000
    CANON PowerShot G16 + 16g Rp.2,295,000
    CANON PowerShot G1X + 16g Rp.2,495,000
    CANON PowerShot D30 Underwater Rp.1,425,000
    CANON IXUS 135 + 8g Rp.505,000
    CANON IXUS 140 Rp.695,000
    CANON IXUS 145 + 8g Rp450,000
    CANON IXUS 155 + 8g Rp.725,000
    CANON IXUS 255 HS Rp1,115,000
    Nikon D3100 - Lensa Kit 18-55mm - 14.2 MP - Hitam Rp 1.750.000
    Nikon D800 Body - 36.3 MP - Hitam + Memori SDHC 8 GB Rp 9.800.000
    Nikon D7000 Lensa Kit 18-105mm - 16.2 MP - Hitam Rp 4.800.000
    Nikon D3200 - Lensa Kit 18-55mm - 24.2 MP - Hitam + Memori SDHC 8 GB Rp 2.100.000
    Nikon D600 Lensa Kit 24-85mm – 24.3 MP – Hitam + Memori SDHC 8 GB Rp 12.000.000
    Canon EOS 7D Lensa Kit 18-135mm – 18 MP – Hitam + CF 4 GB Rp4.150.000
    Canon EOS 1100DC Kit 18-55 Black + Bonus SDHC 8 GB + Tripod Excell Promos Rp.1.750.000
    Canon EOS 600D - Lensa Kit 18 - 55 mm - 18 MP + Memori SDHC Sandisk 8 GB class 4 Rp.2.550.000
    Canon EOS 650D - Lensa Kit 18 - 55 mm IS - 18 MP Rp.3.100.000
    Sony Alpha SLT-A65VK - 24.3 MP - Hitam Rp 4.OOO.000
    Sony SLT-A99V DSLR - 24.3 MP - Hitam Rp.10.800.000
    Sony Alpha SLT-A37M - 16.1 MP - Hitam Rp.3.200.000
    Sony Alpha SLT-A77VQ - 24.3 MP - Hitam Rp.7.200.000

    saya memberikan penawaran khusus kepada para pembeli baru dan pelanggan kami.
    Berikut adalah daftar harga KAMERA, untuk penawaran khusus dari kami dalam program penjualan Online
    berupa beberapa type barang kamera .
    Berikut daftar harga kamera yang saya tawarkan :
    KAMI Melayani Pengiriman Ke seluruh indonesia melalui TIKI/JNE

    ReplyDelete