CSS Giao Diện Tím NhạtĐầu tiên bạn copy và post css này vào head: Mã:
<style type="text/css">body { color: #2F4F4F; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif, Lucida Sans; background: #fff; margin: auto; } .index{ font-size: 11px; background-color: #ffe3e1; border: 1px solid #dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } .logoo {height: 40px; background-color : #474747; padding : 3px; border-bottom: 4px solid #393939; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .cop { height: 25px; background-color: #e95e66; padding-left: 10px; margin: 0px 0px 0px 0px; color: #ffffff; border-top: 4px solid #c4444c; background-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius:6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .c {background-image: url ('c.gif'); background-repeat: no-repeat; background-position: top left; height: 35px; padding: 3px 3px 3px 40px } .lang { background: #e76f80; border-bottom: 2px solid #cc6378; padding: 2px 4px;color: #ffffff } .rekl { background-color: #e9e9e9; margin: 1px 0px; padding: 4px; border-bottom: 4px solid #cecece; background-image: url ('rekl.gif'); background-repeat: repeat-x; background-position: top; } .rb { margin-top: -5px; margin-left: 8px; padding: 10px; display: block; background: url(rekl_ b.gif) no-repeat left top; } .rekl a { color: #5e5e5e } .b_g { background: #e76f80; border-bottom: 2px solid #cc6378; padding: 2px 4px;color: #ffffff } .bmenu { font-size: 11px; border-top: 1px solid #dc9d9d;border-bottom: 1px solid #dc9d9d; border-left: 1px solid #dc9d9d; border-right: 4px solid # dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } .serv { background: #cecece; padding: 3px } .serv a {color: #535353} .glagne { background: # 272727; padding: 3px; color:#ffffff; margin-top: 1px } .glagne a {color: #ffffff} .foot, .title { color: #ffffff; background-color: #c42207; font-weight: bold; text-shadow: black 1px 1px 2px, red 0 0 1em; padding: 5px; } .title a {color: #ffffff; text-shadow: #ccc 1px 1px 2px, red 0 0 1em; } .menu, .main, .rekl { font-size: 11px; border-top: 1px solid #dc9d9d; border-bottom: 1px solid #dc9d9d; border-left: 1px solid #dc9d9d; border-right: 4px solid # dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } .navigation { font-size: 11px; background-color: #ffe3e1; border: 1px solid #dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } .block, .sort { font-size: 11px;background-color: #ffc8c4; border: 1px solid #dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } .index_rekl { font-size: 11px; background-color: #ffe3e1; border: 1px solid #dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } .error { color: red; font-size: 11px; border: 1px solid #dc9d9d; margin: 1px 1px 1px 1px; padding: 4px 4px 4px 4px; } a { color: #981805; text-decoration: none; } a:hover { font-weight: bold; top: 1px; } textarea { font-size: 11px; font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans; border: 1px solid # dc9d9d; width: 34px; width: 70px; } input[type="submit"], input[type="button"] { color: #FFFFFF; font-size: 11px; font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans; background-color: #dc9d9d; padding: 3px 5px 3px 5px; border: 1px solid #dc9d9d; margin-top: 3px; } input[type~="text"], input[type~="password"], input[type~="file"] { font-size: 11px;font-family: tahoma, tahoma, verdana,arial, sans-serif, Lucida Sans; border: 1px solid #dc9d9d; }</style>