2015-11-23 23:27:03
漵凡
受験生
發言  

蔚藍星期天 / 遊戲樣式分享版 好主題 : 2

  本樣式分成
  填色版、浮動版、填色自訂、浮動自訂
  填色版
    
  請勿更改語法、拿掉版權,有使用問題歡淫告知ヽ(●´∀`●)ノ
  /*蔚藍星期天(填色) 2015 © XuFan*/
  .option-btn{-moz-box-shadow:inset 0px 0px 0px 2px #ffffff;
   -webkit-box-shadow:inset 0px 0px 0px 2px #ffffff;
   box-shadow:inset 0px 0px 0px 2px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
   background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
   background-color:#ededed;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -moz-border-radius-bottomleft:10px;
   border-radius:10px;
   text-indent:0px;
   display:inline-block;
   color:#2E3D6A;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:45px;
   line-height:45px;
   width:200px;
   text-decoration:none;
   text-align:center;border:4px solid #2E3D6A;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  .option-btn:hover {
  color:#fff;
   background:#2E3D6A;
   background-color:#2E3D6A;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  浮動版
    
  請勿更改語法、拿掉版權,有使用問題歡淫告知ヽ(●´∀`●)ノ
  /*蔚藍星期天(浮動) 2015 © XuFan*/
  .option-btn{-moz-box-shadow:inset 0px 0px 0px 2px #ffffff;
   -webkit-box-shadow:inset 0px 0px 0px 2px #ffffff;
   box-shadow:inset 0px 0px 0px 2px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
   background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
   background-color:#ededed;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -moz-border-radius-bottomleft:10px;
   border-radius:10px;
   text-indent:0px;
   display:inline-block;
   color:#2E3D6A;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:45px;
   line-height:45px;
   width:200px;
   text-decoration:none;
   text-align:center;border:4px solid #2E3D6A;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  .option-btn:hover {
  color:#fff;
   background:#2E3D6A;
   background-color:#2E3D6A;border:white;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  /
  2015/12/30 更新
  由於有人詢問能否更改顏色所以在這邊說明!
  歡迎大家更改顏色,但也請按照下列方式更改哦!
  為保留原本樣貌請改有「自訂顏色」的區域,其他請勿更改哦~
  填色版(自訂顏色)
   /*蔚藍星期天(填色Edited) 2015 © XuFan*/
  .option-btn{-moz-box-shadow:inset 0px 0px 0px 2px #ffffff;
   -webkit-box-shadow:inset 0px 0px 0px 2px #ffffff;
   box-shadow:inset 0px 0px 0px 2px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
   background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
   background-color:#ededed;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -moz-border-radius-bottomleft:10px;
   border-radius:10px;
   text-indent:0px;
   display:inline-block;
   color:自訂顏色;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:45px;
   line-height:45px;
   width:200px;
   text-decoration:none;
   text-align:center;border:4px solid 自訂顏色;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  .option-btn:hover {
  color:#fff;
   background:自訂顏色;
   background-color:自訂顏色;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  浮動版(自訂顏色)
  /*蔚藍星期天(浮動Edited) 2015 © XuFan*/
  .option-btn{-moz-box-shadow:inset 0px 0px 0px 2px #ffffff;
   -webkit-box-shadow:inset 0px 0px 0px 2px #ffffff;
   box-shadow:inset 0px 0px 0px 2px #ffffff;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
   background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
   background-color:#ededed;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -moz-border-radius-bottomleft:10px;
   border-radius:10px;
   text-indent:0px;
   display:inline-block;
   color:自訂顏色;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:45px;
   line-height:45px;
   width:200px;
   text-decoration:none;
   text-align:center;border:4px solid 自訂顏色;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}
  .option-btn:hover {
  color:#fff;
   background:自訂顏色;
   background-color:自訂顏色;border:white;
  -o-transition: all .30s ease-in-out;
      -webkit-transition: all .30s ease-in-out;
      -moz-transition: all .30s ease-in-out;
      transition: all .30s ease-in-out;}

No.1319431403 2016-08-03 09:47:09
小泉★  Lv.3:0  Lv.8

BM   發言  


 漵凡
 這個好漂亮好喜歡呀(*ˊ艸ˋ!!
 已經拿去使用了唷////




No.1311176921 2016-02-14 16:36:57
by900414  Lv.1:0
頭貼不是我ㄛ
BM   發言  


 好漂亮好漂亮~
 我拿去用囉~謝謝妳~
 
 可是剛剛我去測試了一下
 發現如果我點成人名牌的話會變成這樣
   
 我把它反白方便看清楚#
 這樣是正常的嗎#
 




漵凡 : 可以給我看你一個舞台的編輯畫面嗎 謝謝:)   2016-02-15 21:59
by900414 : http://i.imgur.com/sRnwZFk.png 這個嗎?   2016-02-16 18:13

No.1001617980 2016-02-09 16:32:30
✔小嘟 
BM   發言  


 漵凡
 
 謝謝你我拿去用囉~~




漵凡 : 哦給w謝謝喜歡:)   2016-02-12 00:56

No.1332926069 2016-01-17 17:40:31
bashily  Lv.3:0
永遠填不完的坑
BM   發言  


 好棒喔很喜歡,我拿去用了ˊ▽ˋ




漵凡 : 謝謝喜歡:)   2016-01-17 17:53

No.1303000032 2015-11-24 01:44:35
lazi  Lv.4:0  Lv.7
緊急事件請到FB找我
BM   發言  


 漵凡
 這個漂亮~




漵凡 : 謝謝 :目   2015-11-24 22:20