:s/需將所有有圖片的地方,加上以下CSS語法,方便圖片按照螢幕寬度的自動縮放/ img { height: auto; max-width: 100%; } :s/在CSS的地方加上以下規則,不同寬度大小,給予新的不同CSS規則/ // Media Query ,也就是當寬度 < 768 px 時將載入下面這段 CSS : @media only screen and (max-width: 768px) { //CSS的內容 .... } // Media Query ,也就是當寬度 < 480 px 時將載入下面這段 CSS : @media only screen and (max-width: 480px) { //CSS的內容 .... } // Media Query ,也就是當寬度 < 320 px 時將載入下面這段 CSS : @media only screen and (max-width: 320px) { //CSS的內容 .... } :s/把遊戲小說論壇那排的BASS製作平台拿掉/ .app-bar-logo{display:none;} :s/遊戲小說那排當滑鼠滑過時會出現小圖案/把括號裡的網址換成你的 a:hover{background-image:url(http://i.imgur.com/kgD6kmj.png); background-repeat:no-repeat;padding-left:25px;} b{padding:2px;background:#cacaeb;} :s/更改遊戲小說那排的顏色/ .app-bar,.tab-bar button{background:#000000 ;} :s/更改遊戲小說那排的顏色加滑鼠滑過時會變成圓角/ .tab-bar button:hover{background:#e9e6ff;-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;-moz-text-shadow: 0px 0px 4px #737296; -webkit-text-shadow: 0px 0px 4px #737296; text-shadow: 0px 0px 4px #737296;font-color:#fff;-moz-border-radius: 43px; -webkit-border-radius: 43px; border-radius: 43px; } .app-bar,.tab-bar button{background:#ff6699 ;} b{padding:2px;background:#cacaeb;} :s/更改背景/跟lapps7的語法一樣可選擇位置,中間【center】,左邊【left】、右邊【right】、左上方【top left】、右上方【top right】,背景重覆只要把no-repeat里的no-拿掉就好了 body { background-image:url(http://i.imgur.com/NNcEzrP.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top right; } ∥曉晴天Sunny∥感謝分享!∥2016-12-04 21:22 ∥繪森∥謝謝分享!!!∥2017-01-20 22:34 ∥polariel∥感謝分享>//<∥2024-04-02 02:30" /> 「語」分享語法 - BASS 論壇
 

「語」分享語法 (0)  by 就是愛挖坑♥由凜    給5bm   10bm   20bm   好文(5)     回復文章    取消收錄    分享到 FB 


#留言版語法#
第一次發文...RWD版的語法好複雜...是說解說我不太會...所以就造字面翻,其實雖說是留言版語法,但是也可以用在遊戲上

/必須先在網站開始的地方加上以下meta語法/

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

/需將所有有圖片的地方,加上以下CSS語法,方便圖片按照螢幕寬度的自動縮放/

img {

     height: auto;

     max-width: 100%;

 }

/在CSS的地方加上以下規則,不同寬度大小,給予新的不同CSS規則/

// Media Query ,也就是當寬度 < 768 px 時將載入下面這段 CSS :

 @media only screen and (max-width: 768px) {

     //CSS的內容

     ....
}

// Media Query ,也就是當寬度 < 480 px 時將載入下面這段 CSS :

 @media only screen and (max-width: 480px) {

     //CSS的內容

     ....
}

// Media Query ,也就是當寬度 < 320 px 時將載入下面這段 CSS :

 @media only screen and (max-width: 320px) {

     //CSS的內容

     ....
}

/把遊戲小說論壇那排的BASS製作平台拿掉/

.app-bar-logo{display:none;}

/遊戲小說那排當滑鼠滑過時會出現小圖案/把括號裡的網址換成你的

a:hover{background-image:url(http://i.imgur.com/kgD6kmj.png);  background-repeat:no-repeat;padding-left:25px;}
b{padding:2px;background:#cacaeb;}

/更改遊戲小說那排的顏色/

.app-bar,.tab-bar button{background:#000000
;}

/更改遊戲小說那排的顏色加滑鼠滑過時會變成圓角/

.tab-bar button:hover{background:#e9e6ff;-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;-moz-text-shadow: 0px 0px 4px #737296;
 -webkit-text-shadow: 0px 0px 4px #737296;
 text-shadow: 0px 0px 4px #737296;font-color:#fff;-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
.app-bar,.tab-bar button{background:#ff6699
;}
b{padding:2px;background:#cacaeb;}

/更改背景/跟lapps7的語法一樣可選擇位置,中間【center】,左邊【left】、右邊【right】、左上方【top left】、右上方【top right】,背景重覆只要把no-repeat里的no-拿掉就好了

body 
 {
  background-image:url(http://i.imgur.com/NNcEzrP.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:top right;
 }



曉晴天Sunny : 感謝分享!   2016-12-04 21:22
繪森 : 謝謝分享!!!   2017-01-20 22:34
polariel : 感謝分享>//<   2024-04-02 02:30