Share Css đẹp cho wap

Lượt xem: 1162
FaceBook Google+ Twitter

Top này dùng để share Css nhé,trong đây là những Css mà aothien săn đượcgiao diện bá đạo miễn chêbắt đầu nào!!!

Css Team Mã:
<style type="text/css">body { padding: 0 margin: 0; background-color: #B3AFAF;} body, td, a, span {font-size: small;color:#000} a {text-decoration: none;}.wa {max-width: 640px;margin: 0 auto;background-color: #D9D9D9;border: 1px solid gray;border-top<img src="https://ovigame.ngatngay.net/images/smileys/simply/no.gif" alt="" />ne}.menu{background-color:#D9D9D9; padding: 0;margin: 0;} table {width: 100%;} td {margin: 0;text-align: center; background-color: #71BC00; border-right: 1px solid # D9D9D9;} td a {font-weight: bold;color: #FFF; } select{background-color: #EAEAEA;}selected a {font-weight: bold; color: #032E58;} .news {background-color: #EAEAEA;} .game{clear: both;padding: 4px 0 0 1px; border-bottom: 1px solid #C1C1C1;} table,div.img {float: left; }/*edit by VanThu*/</style>
cái này dùng để xem top mới nhất nè Mã:
<div class="menu"> <table cellspacing="0"> <tbody> <tr> <td colspan="3" style="background-color: #71BC00"></td></tr> <tr> <td style="background:#D9D9D9;"><a href="<a href="http://chemvl.wapka.mobi">Hot">http://chemvl.wapka.mobi">Hot</a> nhất</a></td> <td><a href="http:/ chemvl.wapka.mobi"> Mới nhất</a></td></tr></tbody></table></div>
@Smallg,@Nagatori,@thang999.Css team đẹp vãi lòng nè!css teamsau khi dán sẽ xám cả nền thì post code này vào đầu và đuôi từng code wap sẽ sáng trở lại,đẹp lém đó Mã:
<div class="news">Nội dung ở đây</div>

Đã chỉnh sửa. aothiensuphu (12:32 / 07.01.2016) [1]

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>

Những class dưới đây bạn chèn vào xhtml/wml và bao bên ngoài code,text,link,hình,văn bản của wap bạn. Mã:
<div class="lang">Nhập tên wap</div>
Mã:
<div class="index">nhập tên wap</div>
Mã:
<div class="index">Nhập tên wap</div>
Mã:
<div class="index">Nhập tên wap</div>
Mã:
<div class="index">Nhập tên wap</div>
Mã:
<div class="index">Nhập tên wap</div>
Mã:
<div class="logoo">Nhập tên...</div>
Mã:
<div class="cop">Nhập tên...</div>
Mã:
<div class="rekl">Nhập tên...</div>
Mã:
<div class="rekl">Nhập tên...</div>
Mã:
<div class="rekl">Nhập tên...</div>
Đề mô
Đã chỉnh sửa. aothiensuphu (07:24 / 07.01.2016) [1]

Ko có demo thì chịu

CSS Giao Diện Xanh Dươngdẫn link vì quá dàiVào đây

Bộ Div Style Giao Diện Những Class Đẹp NhấtVàocode dài
Đã chỉnh sửa. aothiensuphu (07:35 / 07.01.2016) [1]