Assalamualaikum w.b.t dan Salam Sejahtera.
Bagaimana kita nak jadikan @font title / images di blog ada bayang-bayang(shadow). Tips dan trick ni mudah sebab main dengan .css dan font tersebut lebih tampak menonjol. Sekadar berkongsi bagi yang belum tahu dan korang boleh masukkan kod dibawah.
1. Tambah shadow di @font title
1. Buka Admin Panel > Editor > style.css
2. Masukkan kod dibawah di #font
.entry-title a:link, .entry-title a:visited, #content .entry-title {
color: #xxxxxx;
text-shadow: #999 1px 1px 2px;
}
Tukar warna #xxxxx kepada warna yang korang nak
3. Update file dan hasilnya seperti gambar dibawah
2. Tambah shadow di Images
1. Buka admin panel > Editor > style.css
2. Masukkan kod dibawah di #images
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
3. Update file dan Save
Dah siap! Mudah bukan? Selamat mencuba~ :love:
Nantikan #tips and trick lain di platform WordPress selepas ni. Watch Out!! 🙂
carikan ni, how to use ubuntu font on thesis theme? hehe
aik tak le ke?
bukan ke dah ada kat google api tu. cuba la
hahaha, best2!!!..tobat aku suka, terima kasih!!!
sama2 bro
godek dalam lagi taw theme twenty ten tuh
yeah!!
Oh ok ni.. cuma shadow dan round guna CSS tak valid dalam W3C..huk huk
ha ah,
tapi tak pe la kalau nak lawakan blog kena la guna jugak kan?
wahh dapat lagi satu ilmu yang best
tq tq bro
wahh.. ini yg aku carik nih…. bagus2
yeaa..
cuba la, shadow it..hehe
bro kat mana aku nak paste ek : nih css aku : http://tinypaste.com/be977
untuk code shadow text tu…tq bro…
Nice tip bro. Cuma aku dah lama tak kacau css file tu.. he he..
rasanya dah puas ati dgn apa yg ada. Kalau start mendesign balik, sure tak abis 2 tahun.. 😀
wah~
2 tahun
pergh, ini otai design ni..hehe
wah.. buat untuk blockquote lak.. huhu..
insyaallah bro
kalau free aku try..hehe
Memang lawa tapi kurang berani hendak godek CSS 🙂
ala bro cuba je. hehe
backup je css tu
adehh.. lupa lak nk masukkan shadow kt image pkai -webkit-..
bro.. ajar buat page 404 plak.. 😛
aku pun nak ejas 404 yang tak hensem
ek, bukan ke bro nak buat.hehe
cepat2 nantikan ni.
nice info bro.. 🙂
terima kasih.
wah style la SH. 3 sem aku blajo tak tau pulak wujud text-shadow ni. aduhh n00b nye aku. =(
erk..biar betik
ko expert lagi dari aku ni.. :[
fiq, ko xtau si syahril “noob” ni memang hebat….
haha, banyak la.
aku ni tak hebat macam korang la..
terbaik nih bro… akan ku prakttikan… sangat mudah.. rupanya… aku banyak belajar dari bro rozaghani.. jugak tuh yang lain2..
ha ah, aku banyak belajar dari dia gak
umpama senpai dalam 2010, dia la..hehe