tutorial border melengkung berwarna+shadow berwarna

dah lama tak buat tutorial...nak tahu try tengok contoh dekat blog cikchubbypunyahakmilik.sebenarnya tu blog baru saya..tak siap renovate lagi tau..

tak mau buang masa,jom start ~~enjin~~ tuto..brum..brum..

1)design>edit HTML>tekan Ctrl+F nak senang carik coding

2)cari kod di bawah nie

#content-wrapper {

3)dah jumpa,copy kod dibawah dan paste dibawah kod yang dicari

-moz-box-shadow: 0 0 5px 5px #FFFFFF;

-webkit-box-shadow: 0 0 5px 5px #FFFFFF;

box-shadow: 0 0 5px 5px #FFFFFF;

margin: 0 2%;

padding: 0 0 15px;

text-align: $startSide;

background-color: $mainBgColor;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

border-top: 2px dashed #A9D0F5;

border-left: 2px solid #A9D0F5;

border-right: 2px solid #A9D0F5;

border-bottom: 2px dashed #A9D0F5;

}

4)preview and then save!

nota kecik:

yellow-untuk warna shadow
brown-boleh tukar dotted,solid,double,dashed
orange-untuk warna border

Comments

scha vella said…

xjadi pun.. template tu tiba2 membesar, mcm tmplate washed denim.. saya pakai denim saje

3 October 2011 at 02:50

Anonymous said…

nice , thanks :)
coding ni jadi , tapi saya letak bawah #content-wrapper{
best code ni sebab dia jadi ke tepi. dalame cari code mcm ni. tq.
*denim.

24 November 2011 at 03:29

freebies header part2

asyik bagi orang freebies header cantik2 tapi header sendiri tak cantik..saya tau la kenapa setiap kali buat header untuk diri saya tak cantik..T_T...ok la malas nak cakap banyak,saya kasi korang.. pastikan kredit saya ye..kalau tak mau kredit siap!hahaha cara nak ambik: -klik gambar -klik right klik dan save image as *maaf tak berapa nak cantik =)

freebies background part 2-vintage

untuk vintage lover saya nak bagi background yang cun untuk korang..ameklah kalau sudi...jangan lupa kredit ye..penat buat benda nie~~ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0F-8FBfk4R78PgOZVJb5s5b2K5gKhWCuqAW7kXyRmaGQrKDusWH6vI85l3LymdbJY-h9YslpZxNqpZGY7entAFpaSAYuCRtDTdCvrAIZGzRcV5_PUWD_nTr2UXgYSFKygHkixRsb9YUkK/s1600/bluevintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmLoFaluJ-tak1317wMsIBhyphenhyphenu2nOlTFNCaQr3dxuS3ct4xF7kXgAUE7BKgE9XQB7DaiCh8EUMgCl8ni6RsIG0H9NE_jJwjAvS6rLaYfz-tIl0fu1pXbyJ7n3i-efSgqpeW-nm61IXQE250/s1600/greenvintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvLudPmL13ciJFQCUvgg5YzS4LiZPZoxFxpGnTHaldPuFKp87yIG9QVL-MeNO5ROePCR0BSCmwJu6wMJjE87mG7fsazzSob-BeUOCGCdtWi0-0EvqHDAL5GH62AJPNA-q_pM-LRfrmxrLj/s1600/maroonvintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeMIstnr0ZgD745qT_Xid5vgzsYoFr990KSzeTtNKZ5UByaBK2TonBCI0Ft0Gl43kJN-e5KEWYwnEo7OJ_E_WpIMozTU0W7XDwz4-p0k-mjA1WpOtQa4...

TUTORIAL SHOUTBOX TIMBUL TEPI BLOG TANPA BERJALAN

Asalamualaikum w.b.t...saya tak tau nak explain macam mana rupa shoutbox nie..shoutbox nie macam ajax floating shoutbox jugakla tapi dia tak timbul kat tengah-tengah..tengoklah sendiri rupanya=) tekan untuk lihat dengan lebih jelas! header tu x berapa nak lawakan..hehehe.. ok!step dia senang daripada shoutbox ajax floating tu.. 1)login blog>design>page element>add gadget>HTML/javascript 2)copy kod dibawah dan pastekan di javascript <style type="text/css"> .gb_fixed{ position :fixed; top:0px; right:0px; z-index: 10; } * html .gb_fixed {position:relative;} #hidden_gb2 { display:none; border:2px solid #333333; background:#ffffff; padding:10px; padding-top:0px; } </style> <div class="gb_fixed"> <table id="hidden_gb2" cellpadding="0" cellspacing="0"> <tr><td> <div><a href="javascript:void(0)" onclick="gb_showHideGB()">[ close ]</a></div> <div...

InfoNice

Search This Blog