Nurulbalqis 'Olive' Izzuddin ; 16 years old.

“Time is an illusion, lunchtime, doubly so."

[Tutorial]: Jenis-jenis Shadow

, Sunday @ 11:25 AM } 0 comment (s)



assalamualaikum w.b.t
di pagi ahad yang amat indah ini , saya teringinlah nak berkongsi sesuatu dengan anda semua . kalau nak tau apa itu shadow yang boleh kita letak dalam blog kita yang comel-comel ni , kita rujuk gambar di bawah;
1. shadow belakang post title dan sidebar title
 2. shadow belakang content
 3. shadow di belakang blockquote
4. shadow pada teks

(Untuk shadow pada belakang kolum/blockquote/post title) 
1. Sila jamu mata anda pada shadow-shadow berikut supaya senang anda pilih nanti :)


-moz-box-shadow: inset 0 0 1em gold;
-webkit-box-shadow: inset 0 0 1em gold;
        box-shadow: inset 0 0 1em gold;




-moz-box-shadow: 0 0 1em gold;
-webkit-box-shadow: 0 0 1em gold;
        box-shadow: 0 0 1em gold; 
-moz-box-shadow: 3px 3px red, -1em 0 0.4em olive;
-webkit-box-shadow: 3px 3px blue, -1em 0 0.4em yellow;
        box-shadow: 3px 3px blue, -1em 0 0.4em yellow;
-moz-box-shadow: 10px 5px 5px black;
-webkit-box-shadow: 10px 5px 5px black;
        box-shadow: 10px 5px 5px black;












sikit sangat? takpe , kat sini ada banyak lagi pilihan; >SINI<

3. Cara nak guna shadow tersebut?
Untuk shadow belakang content;
pergi Design > Edit HTML , kemudian serentak CTRL+F cari #content-wrapper { . Pastekan kod shadow tadi di bawah #content-wrapper { ., contoh;

#content-wrapper {
-moz-box-shadow: inset 0 0 1em
box-shadow: inset 0 0 1em gold;
Untuk shadow belakang blockquote;
pergi Design > Edit HTML , serentak CTRL+F cari .post blockquote {  . kemudian , paste kod shadow tadi di bahagian bawah sekali kod .post blockquote { . contoh;

.post blockquote {
 background: url (kodkod); padding:5px;
 Border:2px dashed #DF01D7;
 colour:#FFFFFF;
-moz-box-shadow: inset 0 0 1em
box-shadow: inset 0 0 1em gold;
}
 Untuk shadow belakang post title dan sidebar title
Untuk post title, cari .post-title { dan paste shadow kod tadi di bawah .post-title {
Untuk sidebar title, cari .sidebar h2 { dan paste shadow kod tadi di bawah kod tadi tu .

(Untuk text shadow)
1) Tambah kod ini;
text-shadow: 2px 2px 3px #BE81F7;
 * yang diboldkan itu untuk kedudukan shadow , bold warna fuchsia pula untuk warna shadow .
a) untuk setiap teks dalam entri , paste kan kod tadi di bawah .post { .
b) untuk post title , paste kan kod tadi di bawah .post-title {

sticker : penggunaan shadow ini tidak terhad , terserah pada anda untuk menggunakannya . di link , di blockquote dan apa-apa sahaja . yang penting anda tahu untuk meletakkannya di tempat yang betul .

satu klik?

0 commenter(s)