2016-02-21 13:19:11
mona206  Lv.5:0
創作是一種抽象藝術的展現。
發言  

諜海謎雲 / 遊戲樣式分享版 好主題 : 0

    
    
    
  選項+人名牌。
  此色調適用於Google瀏覽器;使用IE瀏覽器觀看會有微調的色彩差異,人名牌的部分則會只顯示其一單色調。
  「故事開始」為滑鼠移到該選項時的變色色彩。
  人名牌的色調則是獨立的。
  語法:
      <style>
      .option-btn , .nametag{
   -moz-box-shadow:inset 5px 1px 25px 5px #3f5743;
   -webkit-box-shadow:inset 5px 1px 25px 5px #3f5743;
   box-shadow:inset 5px 1px 25px 5px #3f5743;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99fff7), color-stop(1, #52a0ff) );
   background:-moz-linear-gradient( center top, #99fff7 5%, #52a0ff 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99fff7', endColorstr='#52a0ff');
   background-color:#99fff7;
   -webkit-border-top-left-radius:15px;
   -moz-border-radius-topleft:15px;
   border-top-left-radius:15px;
   -webkit-border-top-right-radius:15px;
   -moz-border-radius-topright:15px;
   border-top-right-radius:15px;
   -webkit-border-bottom-right-radius:0px;
   -moz-border-radius-bottomright:0px;
   border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -moz-border-radius-bottomleft:0px;
   border-bottom-left-radius:0px;
   text-indent:0px;
   border:1px solid #7799c2;
   display:inline-block;
   color:#113f47;
   font-family:Courier New;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:29px;
   line-height:29px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px 1px 50px #5823ba;
    }
      .option-btn:hover {
   -moz-box-shadow:inset 0px 1px 19px -1px #080307;
   -webkit-box-shadow:inset 0px 1px 19px -1px #080307;
   box-shadow:inset 0px 1px 19px -1px #080307;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1e6ff), color-stop(1, #6d77ed) );
   background:-moz-linear-gradient( center top, #d1e6ff 5%, #6d77ed 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1e6ff', endColorstr='#6d77ed');
   background-color:#d1e6ff;
   -webkit-border-top-left-radius:0px;
   -moz-border-radius-topleft:0px;
   border-top-left-radius:0px;
   -webkit-border-top-right-radius:0px;
   -moz-border-radius-topright:0px;
   border-top-right-radius:0px;
   -webkit-border-bottom-right-radius:0px;
   -moz-border-radius-bottomright:0px;
   border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -moz-border-radius-bottomleft:0px;
   border-bottom-left-radius:0px;
   text-indent:0px;
   border:1px solid #6d77ed;
   display:inline-block;
   color:#164023;
   font-family:Georgia;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:30px;
   line-height:30px;
   width:100px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px 0px 0px #579c49;
    }
  .nametag{
   -moz-box-shadow:inset -1px 1px 0px -1px #c7966c;
   -webkit-box-shadow:inset -1px 1px 0px -1px #c7966c;
   box-shadow:inset -1px 1px 0px -1px #c7966c;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c78cc), color-stop(1, #96f2d3) );
   background:-moz-linear-gradient( center top, #7c78cc 5%, #96f2d3 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c78cc', endColorstr='#96f2d3');
   background-color:#7c78cc;
   -webkit-border-top-left-radius:0px;
   -moz-border-radius-topleft:0px;
   border-top-left-radius:0px;
   -webkit-border-top-right-radius:0px;
   -moz-border-radius-topright:0px;
   border-top-right-radius:0px;
   -webkit-border-bottom-right-radius:0px;
   -moz-border-radius-bottomright:0px;
   border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -moz-border-radius-bottomleft:0px;
   border-bottom-left-radius:0px;
   text-indent:0;
   border:1px solid #d1cfff;
   display:inline-block;
   color:#244f66;
   font-family:Trebuchet MS;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:32px;
   line-height:32px;
   width:131px;
   text-decoration:none;
   text-align:center;
   text-shadow:-1px 1px 32px #ffbfdc;
    }
  只想要人名牌的話只要使用這部分的語法:
    <style>
  .nametag{
   -moz-box-shadow:inset -1px 1px 0px -1px #c7966c;
   -webkit-box-shadow:inset -1px 1px 0px -1px #c7966c;
   box-shadow:inset -1px 1px 0px -1px #c7966c;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c78cc), color-stop(1, #96f2d3) );
   background:-moz-linear-gradient( center top, #7c78cc 5%, #96f2d3 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c78cc', endColorstr='#96f2d3');
   background-color:#7c78cc;
   -webkit-border-top-left-radius:0px;
   -moz-border-radius-topleft:0px;
   border-top-left-radius:0px;
   -webkit-border-top-right-radius:0px;
   -moz-border-radius-topright:0px;
   border-top-right-radius:0px;
   -webkit-border-bottom-right-radius:0px;
   -moz-border-radius-bottomright:0px;
   border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -moz-border-radius-bottomleft:0px;
   border-bottom-left-radius:0px;
   text-indent:0;
   border:1px solid #d1cfff;
   display:inline-block;
   color:#244f66;
   font-family:Trebuchet MS;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:32px;
   line-height:32px;
   width:131px;
   text-decoration:none;
   text-align:center;
   text-shadow:-1px 1px 32px #ffbfdc;
    }
  提醒:只套人名牌的語法,選項或點選遊戲內的功能上面出現的讀取或存檔等區塊都會是白底的單調色系選項。
  因此建議再套選項部分的語法,比較不會讓板面太難看。
  不強制套這個主題的選項語法,歡迎多使用其他人設計的選項或自己設計的⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄