Skip to main content

tutorial border melengkung berwarna+shadow berwarna

Tumblr_lno49rwdxk1qfjv55o1_500_large
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
Post a Comment

Popular posts from this blog

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...
Post a Comment
read more

Autisme

Autisme tu apa?? istilah autisme berasal daripada perkataan autos  yang bererti diri sendiri   dan Isme yang bererti aliran. Ini bermakna autisme membawa maksud keadaan yang menyebabkan kanak-kanak menumpukan perhatian dalam dunianya sendiri.<sumber: ummuhaq.qulhaq pesakit autisme nampak normal je tapi bila bab menguruskan diri dan berkomukasi diaorang ada masalah sikit..contoh paling dekat adalah adik saya.Adik saya dah umur 6 tahun tapi masih lagi tak boleh bercakap..tapi walaupun tak pandai bercakap sangat pandai membuli kakaknya.. adik saya nie jenis autisme yang active,ada yang sepupu saya tu jenis yang pasive.. huh penat betul kawal dia nie boleh kurus tau sapa yang jaga dia..hehehhe.. mak saya kata kalau hntr dia nie kat babysitter confirm babysitter tu tak larat nak jaga.. hanya orang yang faham dia je yang boleh jaga dia.. kat bawah nie la anak kesayangan mak n abah.. ♥ ♥ ♥ my beloved youngest sis.. ♥ comel tak=) adik saya nie tak boleh dengar ...
Post a Comment
read more

TUTORIAL CURSORS

haloo...hari saya bagi tip nak cantikkan korang punya arrow  dengan gambar2 cute.. kalau korang nak cari kat   cursors 4 u  cantik2 tau tapi jangan pilih yang tulis animated dah la ye.saya percaya ramai dah ada cursor tapi ada sesetengah blogger nie dia tak buang label cursor tu..nmpk tak eloklah kalau cam tu.. ok!kalau dah jmpa yang berkenan silalah ikut step nie 1)design>page element>add gadget>HTML/javascript 2)copy kod cursor yang telah dipilih dan pastekan dalam HTML/javascript 3)buangkan coding berikut...contohnya: <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur231.cur), progress;}</style> <a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-transparent-pink-pointer.html" target="_blank" title="Cool Transparent Pink Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Transparent Pink Pointer" style...
1 comment
read more