Hi5 :; Code & Skin *

ลำดับตอนที่ #12 : Skin * :: โค้ดสกิน ลายอาร์ทๆ ขาว-ดำ

ตัวอย่าง

 


โค้ด

<a href="http://www.mycutegraphics.com" style="position:absolute;background-repeat:no-repeat; background-image:url(http://mycutegraphics.com/buttons/lytbtn3.gif); left:0px; top:0px; width:100px; height:80px; background-position:top left;"></a> <style type=text/css> body {background-color:ffffff; background-image:url(http://i37.photobucket.com/albums/e92/mycutegraphics/blackwhite/bwbg27.gif); background-attachment:fixed; background-position:bottom left; background-repeat:no-repeat; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-face-color:ffffff; scrollbar-track-color:000000; scrollbar-arrow-color:000000; } body, li, .text, div, p, .blacktext10, .redtext, .redtext8, .redbtext, font {color:000000;font-family:arial;font-size:9pt;font-weight:normal; } .blacktext12 {color:000000;font-size:16pt;font-family:arial;font-weight:bolder;} .nametext{color:000000;font-family:arial;text-decoration:none;font-size:16pt;font-weight:bold; } .whitetext12, .lightbluetext8, .orangetext15, .btext {color:000000;font-weight:bold;font-size:10pt;font-family:arial; } a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited, {color:000000;font-weight:normal;font-size:9pt;text-decoration:none;font-family:arial; } a.redlink, a.redlink:link, a.redlink:active, a.redlink:visited, a:link, a:visited, a:active, a.man:link, a.man:visited, a.man:active, {color:000000; font-size:9pt;font-weight:normal;text-decoration:none;font-family:arial; } a.navbar:hover, a:hover, a.redlink:hover, a.man:hover {color:000000;font-weight:normal;font-size:9pt;text-decoration:overline underline;font-family:arial; } a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover {color:000000;font-weight:normal;font-size:8pt;text-decoration:none;font-family:arial; } table,tr,td {background-color:transparent; border:0px; padding:2px; font-family:arial; font-size: 9pt; color:000000; font-weight:normal; text-decoration: none; } table table {border:0px; } table table table {border:2px solid; border-color:000000; background-color:ffffff; } table table table table{border:0px; } .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url(http://i37.photobucket.com/albums/e92/mycutegraphics/contact/bw/bwct27.gif); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td{padding:0px !important;border:0px;background-color:transparent;background-image:none;} .contactTable a img{visibility:hidden;border:0px!important;} .contactTable a{display:block;height:28px; width:115px;} .contactTable .text, contactTable td.whitetext12{font-size:1px!important;} .contactTable .text, .contactTable a, .contactTable img{filter:none!important;} .whitetext12 {display:none;}</style> <style type=text/css> table table table td {vertical-align:top !important;} span.blacktext12 { visibility:visible !important; background-color:transparent; background-image:url(http://i37.photobucket.com/albums/e92/mycutegraphics/extend/bw/bwextend27.gif); background-repeat:no-repeat; background-position:center; font-size:0px; letter-spacing:-0px; width:440px; height:100px; display:block !important; } span.blacktext12 img {display:none;} </style> <br/>