• ARCHIVES 
  • » page number with css3 Letakkan code di bawah ini sebelum tag ]]></b:skin> [spoiler]/* CSS3 search form -------------------------------------- */ .searchform { background: #111111; background: -we

Pages: 1

page number with css3 Letakkan code di bawah ini sebelum tag ]]></b:skin> [spoiler]/* CSS3 search form -------------------------------------- */ .searchform { background: #111111; background: -we

#1  2010-12-16 23:56:21

ngalam
» n00b
FTalk Level: zero
1
0
1969-12-31

page number with css3 Letakkan code di bawah ini sebelum tag ]]></b:skin> [spoiler]/* CSS3 search form -------------------------------------- */ .searchform { background: #111111; background: -we

page number with css3 Letakkan code di bawah ini sebelum tag ]]></b:skin> [spoiler]/* CSS3 search form -------------------------------------- */ .searchform { background: #111111; background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#555555)); /* CSS gradient */ background: -moz-linear-gradient(top, #111111, #555555); /* CSS gradient */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#555555'); /* CSS gradient ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#555555'); /* CSS gradient ie8 */ display: inline-block; zoom: 1; /* hack untuk ie7 */ *display: inline; border: solid 1px #555555; padding: 3px 5px; -webkit-border-radius: 20px; /* rounded corner */ -moz-border-radius: 20px; /* rounded corner */ border-radius: 20px; /* rounded corner */ -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); /* CSS shadow */ -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); /* CSS shadow */ box-shadow: 0 1px 0px rgba(0,0,0,.1); /* CSS shadow */ } .searchform input { font: normal 12px Arial, Helvetica, sans-serif; } .searchfield { background: #ededed; padding: 6px 6px 6px 8px; width: 200px; border: solid 1px #222222; outline: none; -webkit-border-radius: 20px; /* rounded corner */ -moz-border-radius: 20px; /* rounded corner */ border-radius: 20px; /* rounded corner */ -moz-box-shadow: inset 0 1px 3px #222222; /* CSS shadow */ -webkit-box-shadow: inset 0 1px 3px #222222; /* CSS shadow */ box-shadow: inset 0 1px 3px #222222; /* CSS shadow */ } .searchbutton { color: #fff; border: solid 1px #b80000; font-size: 11px; height: 28px; width: 55px; text-shadow: 0 1px 1px #222222; /* CSS text shadow */ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ff0000; background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#b80000)); /* CSS gradient */ background: -moz-linear-gradient(top, #ff0000, #b80000); /* CSS gradient */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#b80000'); /* CSS gradient ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#b80000'); /* CSS gradient ie8 */ }[/spoiler] Setelah itu taruh code html di bawah ini di tempat yang kalian inginkan [spoiler]<form class="searchform"> <input class="searchfield" type="text" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" /> <input class="searchbutton" type="button" value="Search" /> </form>[/spoiler] Note kalian juga bisa mengganti tulisan serch dengan tulisan kalian sendiri

Last edited by ngalam (2010-12-17 00:00:48)

  • ARCHIVES 
  • » page number with css3 Letakkan code di bawah ini sebelum tag ]]></b:skin> [spoiler]/* CSS3 search form -------------------------------------- */ .searchform { background: #111111; background: -we

Pages: 1

Board footer

© 2025 F Talk

Current time is 13:51

[ 10 queries - 0.007 second ]
Privacy Policy