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

 【選項】   蔚藍星期天 (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)    給我的話   相本化   本主題精華文章    發表留言  

文章連結 1165844727

斯諾 嚇到吃手手！
 Lv.2:0
私訊  發言  +好友

2016-08-20 02:29:55

 漵凡
 拿走，非常感謝(鞠躬)

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

文章連結 1319431403

小泉★
 Lv.3:0  Lv.8
私訊  發言  +好友

2016-08-03 09:47:09

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

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

文章連結 1311176921

by900414 頭貼不是我ㄛ
 Lv.1:0
私訊  發言  +好友

2016-02-14 16:36:57

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

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


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

文章連結 1001617980

✔小嘟

私訊  發言  +好友

2016-02-09 16:32:30

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

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


漵凡 : 哦給ｗ謝謝喜歡：）   2016-02-12 00:56

文章連結 1332926069

bashily 永遠填不完的坑
 Lv.3:0
私訊  發言  +好友

2016-01-17 17:40:31

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

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


漵凡 : 謝謝喜歡：）   2016-01-17 17:53

 頁數 : 0   1  2  

搜尋本版


 

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