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

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...

freebies background part 4

assalamualaikum w.b.t.. nak bagi background dekat korang nie.. ambik lah jangan tak ambik tapi mesti mau kredit..kalo tak lawa cakap\jadi orang yg jujur/ Flower cute background https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNLEkawfQDwiUWupO4wP6ft-6tok_8uPgWQW2NaOvvQPzxA3kJR972kDhP4Hl9QRi6x7BDhOOhJL0Gi8gGP-MeaiCjAjojLKzGkJmrDJOFXgRf7fITOCMGOi4WKd_vDUxy5HH8032gDhV/s1600/polkadot-crop.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeiNPZVq1fEczqo8y6HqV_1UAuIGVNYpNrhovIML9GXyEX-fhK5VaT7Rzm7Jrl6WZJM7ll7w95WjYA8NdXjV5iUxs7wdh4197XvOhHBqHu3YFh4gQzk-7IwvwCspJm4Jf4iUM74Rv0A9D/s1600/polkadot-crop+purple.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicb9FvTFnNJKXjOqDJ8G-neMypMsN4Cotr7T1coMIZIUOie03jwtMp5k3b6M8RpU9VCHm5byrGWbm59911yZsFh5_GnNGdN0F993kcLm8rKQaBaoLorQjFhMQ3VaQPvK4hj3AgCqnSJ4T0/s1600/polkadot-crop+blue.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpiDdjq_KVHSN0AA7ZiDCT6yjCvXYWcKpIse7Vyv3NuowlhjvkRyKYvriIa4bkSPZ...

freebies UGLY cursors

lapar macD la pulak..comot giler adik tirah makan.. nak bagi freebies la kat korang..baik hati betul...kita kenalah selalu sedekah=) hish bising betulla adik-adik saya nie..nak tulis ayat pun tak da idea.. ok tanpa buang masa lagi...mempersembahkan hasil karya saya..UGLY CURSORS, knpa ugly?? ini adalah trend sekarang..hahaha huhuhu https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd097Udj-DK67qec-B7qVz2Eu26H9ixMFE7tXhMCAZH99Qq0-mL2IDpr18Re5rzPczghJhcIWK1ok2oxO2Fs0cFJ6VA00AvoSBFLLoSG6tPt8YaIkmOyxTBYYS-CddiH_YEep6SSdm6m-L/s1600/cloud+2.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBvYI38xFPaHy1z2ECBWe0k-ptDloQyWtNMBlNM5cV0nSDlhsrwSrAMQFn7vbAiWBe60ekTTrLnJvGZt4K-av9-kqI3n7laqfURFhi2SCDXXE2jGZsB4ndUgBsf4HxpTYM59eHkC14Tdk/s1600/epal.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg11uhYKTSHR7qvJtF9MWhvPV7lmL_yYbRSVBRTrRAv-mSWFbq9GbW3wDChgKN8wu1MjH0LcBK5xKsS-MFCxlKLOH_o-ys8nE7yjuQN8lzgLyDIKRmAoSLwhnDN-gqxG7IwZlbNkX10V53z/s1600/flower.png https:...

InfoNice

Search This Blog