Selasa, 17 Februari 2009

Membuat Kalimat dengan Background

. Selasa, 17 Februari 2009

Saat kita surfing di internet, kita sering menjumpai kalimat-kalimat atau script yang di beri background warna, ataupun  yang diberi background gambar hal ini biasa dilakukan para penulis untuk menonjolkan kalimat atau script tersebut agar pembaca mudah membedakan. ternyata untuk membuatnya tidaklah begitu susah.

 

  • Menggunakan Background Warna : cara cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"
    untuk background warna kita gunakan code seperti dibawah ini

<div style="background:#E3CEF6; border:1px dotted #8000FF; padding:5px;">
KALIMAT DENGAN BACKGROUND WARNA</div>

                        Maka hasilnya akan seperti ini :
KALIMAT DENGAN BACKGROUND WARNA

 

Keterangan :

    • background:#FFFFCC;
      adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai.
    • border:1px dotted #F5003D;
      adalah garis tepinya 1px adalah ketebalan dari garis tepinya, bisa kamu ganti ketebalanya sesuai selera Anda,
    • Dotted adalah jenis bordernya bisa kamu ganti sesuai selera kamu #8000FF adalah kode warna dari border silahkan Anda ganti dengan selera Anda.
    • Padding:5px;
      Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.
    • tambahkan overflow:auto; jika ingin menambahkan fungsi scroll

 

  • Menggunakan Background Gambar :

<div style="padding-right: 20px; padding-left: 50px; background: url(http://i295.photobucket.com/albums/mm127/adhie0305/abstractVectorBack9.jpg); padding-bottom: 20px; width: 491px; padding-top: 60px; height: 108px">
  <p align="center"><strong><font size="5"><font color="#ff0000"><font size="4">JANGAN BERKATA “ TIDAK BISA” KARENA ITU BERARTI TIDAK PERNAH MENCOBA</font> </font></font></strong></p>
</div>

             Maka hasilnya akan seperti ini :

JANGAN BERKATA “ TIDAK BISA” KARENA ITU BERARTI TIDAK PERNAH MENCOBA

 

Keterangan :

    • Yang tercetak merah adalah alamat Gambar yang kita upload
    • Padding-right : Batas Kanan
    • Paddding-Left : Batas Kiri
    • Widht : Lebar Gambar
    • Height : Tinggi Gambar

Selesai, coba Anda coba sendiri dengan kreatifitas Anda, Sukses selalu…

 

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Silakan isi komentar anda

 

TUKERAN LINK DISINI

ADHIE CENTER

INFO SITE

My Popularity (by popuri.us)
ADHIE CENTER is proudly powered by Blogger.com | Template by o-om.com