Nabiha Zaidi

02 August 2011

Tutorial- Flash blockquote

Before

after

So, macam ni care dia.

background-image: url(URL IMAGE BACKGROUND);
border:1px solid #f3e2a9;
border-left:10pt double #f3e2a9;
padding: 4px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.post blockquote:hover {
background-color: #ecfcec;
-webkit-transition-duration: 2.5s;
background-image:url(CUTE ICON);
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #f3e2a9;
border-right:10pt double #f3e2a9;
}
.post blockquote p {
margin: .75em 0;
}

red : image background for your blockquote. you can find it here or here

blue : your blockquote hover background colour

green : your blockquote hover border colour

orange : blockquote border colour before hover

purple : you can find it here

color code : here

paste all the code below .post blockquote { okay?

save and done :)

you can change the code if you want.

credit: amylia

You may leave your comment :)

25 July 2011

Freebies- simple header

header for you . . drop comment kalau ambek k :)

doodle yang pakai baju sekolah tu hak milik Syafeika Edora .. terima kasih kat die okey!
yang lain-lain aku punya . . sila klik header tu 2kali . untuk dapat size header yang sebenar .sorry . simple .. nak yang lawo-lawo . . boleh la tempah . .

You may leave your comment :)

24 July 2011

Tutorial- cara upload header

cara upload header macam ni .

(new blogger)

1.dashboard-design-click edit kat tempat header tu.

2.Pilh from your computer -choose file-upload-save

You may leave your comment :)

freebies-download font comel

bagi aku . font yang comel . kat bawah ni

download

sudah ? kalau ade yang comel lagi . aku update .

You may leave your comment :)

18 July 2011

Tutorial background post / sidebar title

1.design-edit HTML

SIDEBAR

ctrl+f and search h2 { atau h2{
padam code yang dibawah h2 { atau h2{ tadi sampai code {
gantikan dengan code.

text-align:center;
text-shadow: 2px 2px 3px #000000;
font: 23px ducky;
border-top: 2px solid#00FFFF;
border-left: 3px solid #00FFFF;
border-right: 3px solid #00FFFF;
border-bottom: 3px solid #00FFFF;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 3px solid #F9B7FF;
background:url('http://i863.photobucket.com/albums/ab195/shz97/bg/pinkyred.png')
}