2016-01-12 21:22:45
mona206  Lv.5:0
創作是一種抽象藝術的展現。
發言  

/ 遊戲樣式分享版 好主題 : 1

    
  選項+人名牌。
  有一件事可能得提前聲明,用Google瀏覽器看會是標準圖片的色彩;可是用IE瀏覽器看則是直接一個色系沒有漸層,這點,我目前還找不出原因。
  IE瀏覽器真的要被淘汰了
  因此希望使用的人能先了解這件事。
  「故事開始」為選項預設色彩,「遊戲開始」則是滑鼠移到該選項時的變色色彩。
  人名牌顏色是分開的所以沒差不用管它〈〈喂
  語法
    <style>
    .option-btn , .nametag{
   -moz-box-shadow:inset 1px 1px 0px -34px #b2cc1e;
   -webkit-box-shadow:inset 1px 1px 0px -34px #b2cc1e;
   box-shadow:inset 1px 1px 0px -34px #b2cc1e;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9ee8fa), color-stop(1, #e6fae9) );
   background:-moz-linear-gradient( center top, #9ee8fa 5%, #e6fae9 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ee8fa', endColorstr='#e6fae9');
   background-color:#9ee8fa;
   -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 #ebf7c3;
   display:inline-block;
   color:#545454;
   font-family:Verdana;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:28px;
   line-height:28px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px 1px 24px #fac94d;
  }
    .option-btn:hover {
   -moz-box-shadow:inset 0px 1px 0px -34px #879914;
   -webkit-box-shadow:inset 0px 1px 0px -34px #879914;
   box-shadow:inset 0px 1px 0px -34px #879914;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d3ff), color-stop(1, #b1faf6) );
   background:-moz-linear-gradient( center top, #d1d3ff 5%, #b1faf6 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d3ff', endColorstr='#b1faf6');
   background-color:#d1d3ff;
   -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 #dadeca;
   display:inline-block;
   color:#545454;
   font-family:Verdana;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:28px;
   line-height:28px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px 1px 24px #fac94d;
  }
  .nametag{
   -moz-box-shadow:inset -50px 43px 34px -34px #f3faed;
   -webkit-box-shadow:inset -50px 43px 34px -34px #f3faed;
   box-shadow:inset -50px 43px 34px -34px #f3faed;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00ffff), color-stop(1, #ffc7ff) );
   background:-moz-linear-gradient( center top, #00ffff 5%, #ffc7ff 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#ffc7ff');
   background-color:#00ffff;
   -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 #ebf1ff;
   display:inline-block;
   color:#b38d7c;
   font-family:Verdana;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:28px;
   line-height:28px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:0px 1px 0px #fceafc;
  }
  只想要人名牌的話只要使用這部分的語法:
    <style>
  .nametag{
   -moz-box-shadow:inset -50px 43px 34px -34px #f3faed;
   -webkit-box-shadow:inset -50px 43px 34px -34px #f3faed;
   box-shadow:inset -50px 43px 34px -34px #f3faed;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00ffff), color-stop(1, #ffc7ff) );
   background:-moz-linear-gradient( center top, #00ffff 5%, #ffc7ff 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#ffc7ff');
   background-color:#00ffff;
   -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 #ebf1ff;
   display:inline-block;
   color:#b38d7c;
   font-family:Verdana;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:28px;
   line-height:28px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:0px 1px 0px #fceafc;
  }
  提醒:只套人名牌的語法,選項或點選遊戲內的功能上面出現的讀取或存檔等區塊都會是白底的單調色系選項。
  因此建議再套選項部分的語法,比較不會讓板面太難看。
  不強制套這個主題的選項語法,歡迎多使用其他人設計的選項或自己設計的⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

No.1311250707 2016-02-09 16:38:16
✔小嘟 
BM   發言  


 mona206
 
 拿了人名牌的好漂亮唷~謝謝你喔><
 
   




mona206 : 不會,很高興能幫上忙。我自己也很喜歡這個人名牌XDDD   2016-02-09 19:11