首頁 遊戲 小說 論壇 設計 問卷 註冊
常客排名    分類精華文章    發表新主題    回論壇   回討論版   跳到發言  

 【選項】   蔚藍星期天 (11) 遊戲樣式分享版



漵凡 受験生

私訊  發言  +好友
2015-11-23 23:27:03



  本樣式分成
  填色版、浮動版、填色自訂、浮動自訂
  
  填色版
  
    
  
  請勿更改語法、拿掉版權，有使用問題歡淫告知ヽ(●´∀`●)ﾉ
  
  /*蔚藍星期天(填色) 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;}

好文(2)    給我的話   相本化   本主題精華文章    發表留言  

文章連結 1228616687

~眉玲~ 還是好想找人一起玩系列文。
 Lv.15:0
私訊  發言  +好友

2021-07-24 23:16:22

 漵凡
 借用走哦謝謝分享！:D

給5  10  20  其他bm     好文(0)    意見    回覆文章    分享留言   

文章連結 1169727165

juliaangel778 梵語月光

私訊  發言  +好友

2018-01-10 21:12:35

 漵凡
 不錯呢！謝謝分享！
 拿去用囉:D
 

給5  10  20  其他bm     好文(0)    意見    回覆文章    分享留言   

文章連結 1147365348

幻境煙夢 小b
 Lv.11:0
私訊  發言  +好友

2016-11-07 02:24:04

 漵凡
 謝謝!好漂亮喔!
 不過,假如我希望他一開始的字就是置中的,該如何改?一開始的字有點偏下面><

給5  10  20  其他bm     好文(0)    意見    回覆文章    分享留言   

文章連結 1391311860

Foxx

私訊  發言  +好友

2016-10-11 20:49:55

 漵凡
 好喜歡這個 借拿 謝謝
   

給5  10  20  其他bm     好文(1)    意見    回覆文章    分享留言   

文章連結 1324150896

s128794120

私訊  發言  +好友

!
2016-08-23 19:26:44

 漵凡
 很喜歡，借去製作非常感謝～

給5  10  20  其他bm     好文(1)    意見    回覆文章    分享留言   

 頁數 : 0  1   2  

搜尋本版


 

使用上有疑問嗎? 先問 BASS 專屬搜尋吧 !