Pages

Minggu, 30 Januari 2011

0
Buat Efek Bayang Pada Teks Dengan Css

Efek bayangan atau shadow memang sangat mempercantik blog,dengan adanya banyangan blog kita jadi terlihat unik dan keren,tapi tentu saja kembali kepada sipengguna blogger tersebut,jadi seperti ini,kalau si blogger tersebut membuat efek bayangan disetiap teks posting tentu saja tulisan dalam postingan dia akan sulit terbaca,jadi saya sarankan untuk membuat efek bayangan ini di judul blog atau judul artikel saja,seperti blog saya,saya hanya memberikan efek bayangan di judul artikel saja.
Langsung praktekin saja lah takut nanti saya lupa lagi.hehe

Sebenarnya kalau ingin memberikan
efek banyangan pada teks anda hanya perlu menambahkan kode seperti dibawah ini.

text-shadow:1px 1px 1px #000000;

keterangan : untuk efek bayangan yang berwarna hitam dan ketebalan 1 pixel,tapi bisa anda tambahkan lagi.

Kita contohkan untuk sebuah judul blog saja,jadi disini kita akan membuat efek bayangan pada judul blog,seperti yang tadi saya sebutkan diatas anda hanya perlu meletakan kode untuk efeknya tersebut,kurang lebihnya seperti ini.
  • Kode yang dibawah ini adalah untuk menambahkan efek bayangan pada judul sidebar.
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor; text-shadow:1px 1px 1px #006400; }

  • Kode yang berikut ini untuk efek di judul artikel blog anda.
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor; text-shadow:1px 1px 1px #006400; }

  • Dan kode yang satu ini untuk bayangan pada komentar,kalau tidak salah yang bertuliskan poskan komentar.
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor; text-shadow:1px 1px 1px #006400; }

Untuk menambahkan efek-efek seperti yang saya sebutkan anda hanya perlu mencari judul dari kode tersebut,contohnya jika saya ingin menambahkan efeknya pada judul artikel berarti saya hanya perlu mencari kode  .post h3 dan menambahkan kode untuk bayangan tersebut.
Ok bagaimana apakah sudah mengerti,atau apakah penjelasan saya yang membuat anda tidak mengerti..hehe
mungkin untuk para master blogger menambahkan efek-efek itu sangat mudah apalagi sangat mengerti apa itu bahasa HTML atau CSS..jadi untuk newbie sajalah seperti saya..


NB : Jika ingin melihat contoh script teks shadow bisa Klik disini.
 

0 Komentar:

Posting Komentar

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.