Wednesday, 26 September 2012

WEB DESIGN Tutorial

| Wednesday, 26 September 2012 | 1 comments

 Kumpulan Tutorial Web Design



CSS 2 Tutorial :   

 HTML Tutorial :

Javascript Tutorial :

CSS


    Readmore..

    Tuesday, 27 September 2011

    Database Powered By

    | Tuesday, 27 September 2011 | 0 comments

    Readmore..

    Dekstop Programming @ Powered BY

    | | 0 comments










    Readmore..

    Web Programming @Powered BY

    | | 0 comments

                                 



    Readmore..

    Mengubah Text Case CSS

    | | 0 comments

    Mengubah Text Case

     

    Dengan  CSS,  Anda  dapat  pula  mengubah  suatu  teks  menjadi  huruf  kecil  semua
    (lowercase),  besar  semua  (uppercase),  atau  capitalize  (hanya  huruf  pertama  dari  kata
    yang dibuat besar). Hal ini dilakukan dengan menggunakan properti

    text-transform : option;

    dengan option dapat diganti dengan lowercase, uppercase, atau capitalize.

    Contoh:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>CSS Guide</title>

    <style type="text/css">

    #heading1 {
          text-transform : uppercase;  
              }

    #heading2 {
          text-transform : lowercase; 
              }

    #heading3 {
          text-transform : capitalize;   
              }

    </style>
    </head>

    <body>

    <h1 id="heading1">Ini Judul Heading 1</h1>

    <h1 id="heading2">Ini Judul Heading 2</h1>

    <h1 id="heading3">Ini Judul Heading 3</h1>

    </body>
    </html>

    Readmore..

    Membuat Text Decoration CSS

    | | 0 comments


    Membuat Text Decoration

    Anda  dapat  membuat  text  decoration  seperti  underline,  overline,  line-trough,  maupun
    blink dengan properti

    text-decoration : option;

    dengan  option  dapat  diganti  dengan  underliner,  overline,  line-trough  atau  blink.  Untuk
    melihat perbedaannya, perhatikan contoh berikut.

    Contoh:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>CSS Guide</title>

    <style type="text/css">

    #heading1 {
          text-decoration : blink;   /* membuat teks berkelap kelip */
       }

    #heading2 {
          text-decoration : line-through;  
                /* membuat garis ditengah text/ dicoret */
       }

    #heading3 {
          text-decoration : underline; /* membuat garis bawah */
       }

    #heading4 {
          text-decoration : overline; /* membuat garis di atas text */
       }

    </style>
    </head>

    <body>

    <h1 id="heading1">Ini Judul Heading 1</h1>
    <h1 id="heading2">Ini Judul Heading 2</h1>
    <h1 id="heading3">Ini Judul Heading 3</h1>
    <h1 id="heading4">Ini Judul Heading 4</h1>

    </body>
    </html>

    Readmore..

    Membuat Drop Cap CSS

    | | 0 comments


    Membuat Drop Cap

    Ingin  mempercantik  tampilan  paragraf  dengan  menambahkan  drop  cap  pada  huruf
    pertamanya? Berikut ini contoh penulisan style untuk membuat hal tersebut.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>CSS Guide</title>

    <style type="text/css">

    p.styleku:first-letter {
           float: left;
           font-family: "Lucida Grande";
           font-size: 80px;
         }
    p {
        text-align : justify;
      }

    </style>
    </head>

    <body>

    <h1 id="heading1">Ini Judul Heading 1</h1>

    <p  class="styleku">Bagian  ini  adalah  paragraf.  Bagian  ini  adalah
    paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini  adalah  paragraf.
    Bagian  ini  adalah  paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini
    adalah  paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini  adalah
    paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini  adalah  paragraf.
    Bagian ini adalah paragraf. Bagian ini adalah paragraf. </p>

    </body>
    </html>

    Readmore..
     
    Copyright 2011. w3-id.blogspot.com. | Template by o-om.com - zoomtemplate.com