前往: 導覽, 搜尋

首頁:修訂間的差異

行 1: 行 1:
<div class="col-md-12"> <!-- this is to make it responsive to your screen width-->
+
<div class="col-md-12 no-padding main-page"> <!-- this is to make it responsive to your screen width-->
 +
  <div class="col-md-9 no-padding">
 
     <!-- 首頁影像輪播區塊-->
 
     <!-- 首頁影像輪播區塊-->
     <div id="banner-fade" class="col-md-8 " style="margin-top: 10px; margin-bottom:0;">
+
     <div id="banner-fade" class="col-md-12" style="margin-top: 10px; margin-bottom:0;">
 
       <ul class="bss">
 
       <ul class="bss">
         <li>[[檔案:hotEvent01.jpg|690px|link=首頁]]
+
         <li>[{{fullurl:首頁}} {{fullurl:首頁}}/../../images/theme/banner1.png]</li>
        <p class="bss-caption text-right caption-center"> [[首頁]] </p></li>
+
         <li>[{{fullurl:首頁}} {{fullurl:首頁}}/../../images/theme/banner2.png]</li>
         <li>[[檔案:hotEvent02.jpg|690px|link=首頁]]
+
         <li>[{{fullurl:台灣時代文化藝術基金會}} {{fullurl:首頁}}/../../images/theme/banner3.png]</li>
        <p class="bss-caption text-right caption-center"> [[首頁]] </p></li>
+
         <li>[[檔案:hotEvent03.jpg|690px|link=台灣時代文化藝術基金會]]
+
        <p class="bss-caption text-right caption-center">台灣時代文化藝術基金會</p></li>
+
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
 
+
     <div class="col-md-6" style="padding:0;margin: 0;">
     <div class="col-md-4  panel panel-danger" style="margin-top: 10px; margin-bottom:0;">
+
      <div style="padding:0;margin:20px 0 0 16px;">[{{fullurl:台灣流行音樂發展史}} {{fullurl:首頁}}/../../images/theme/page_btn_history.png]</div>
        <div class="panel" style="min-height: 378px; max-height:378px;"> <!-- /*實際高度=378+22=400px */ -->
+
    </div>
          <div class="panel-body" style="padding:0;">
+
    <div class="col-md-6" style="padding:0;margin: 0;">
                  <div class="window window-fill" >
+
      <div style="padding:0;margin:20px 0 0 -8px;">[{{fullurl:張四十三}} {{fullurl:首頁}}/../..//images/theme/page_btn_fame.png]</div>
                      <div class="window-body" style="min-height: 355px; max-height:355px; ">
+
    </div>
                            {{模板:最近更新}}
+
    <div class="col-md-6" style="padding:0;margin: 0;">
                      </div>
+
      <div style="padding:0 25px 0 0; margin:25px 0 0 16px;">
                  </div>
+
        <div class="news">
 +
          <div class="window window-fill" >
 +
            <div class="window-body" style="min-height: 240px; max-height:240px; ">
 +
              {{:發燒樂聞}}
 +
            </div>
 
           </div>
 
           </div>
           <div class="panel-footer">最新更新</div>
+
           <div class="more">[{{fullurl:發燒樂聞}} {{fullurl:首頁}}/../../images/theme/page_btn_more_news.png]</div>
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
</div> <!-- container-fluid -->
+
    <div class="col-md-6" style="padding:0;margin: 0;">
<div class="col-md-12"> <!-- this is to make it responsive to your screen width-->
+
      <div style="padding:0 49px 0 0; margin:25px 0 0 -8px;">
<div class="col-md-8" style="">
+
        <div class="quiz">
          <div class="col-md-6" style="padding:0;margin: 0;">
+
          <h2>音樂大會考</h2>
  <div class="thumbnail img-thumbnail lighter-background" style="padding:0;margin:10px 0 0 0;">[[檔案:r2c1.jpg|link=台灣流行音樂發展史]]</div>
+
          <div class="window window-fill" >
                  <div class="thumbnail img-thumbnail lighter-background" style="padding:0;margin:10px 0 0 0;">[[檔案:r3c1.jpg|link=發燒樂聞]]</div>
+
            <div class="window-body" style="min-height: 240px; max-height:240px; ">
 +
              {{:音樂大會考}}
 +
            </div>
 
           </div>
 
           </div>
           <div class="col-md-6" style="padding:0;margin: 0;">
+
           <div class="more">[{{fullurl:音樂大會考}} {{fullurl:首頁}}/../../images/theme/page_btn_more_quiz.png]</div>
  <div class="thumbnail img-thumbnail lighter-background" style="padding:0;margin:10px 0 0 0;">[[檔案:r2c2.jpg|link=張四十三]]</div>
+
        </div>
  <div class="thumbnail img-thumbnail lighter-background" style="padding:0;margin:10px 0 0 0;">[[檔案:r3c2.jpg|link=音樂大會考]]</div>
+
      </div>
          </div>
+
    </div>
  <div style="clear:both;"></div> <!-- important: end of images; -->
+
 
</div>
+
  </div>
<div class="col-md-4 panel panel-danger" style="margin-top: 10px; margin-bottom:0;">
+
  <div class="col-md-3 no-padding right-pos-fix">
  <div class="panel" style="min-height: 380px; max-height:380px;">
+
    <div class="col-md-12 no-padding" style="margin-top: 10px; margin-bottom:0;">
  <div class="panel-body" style="padding:0;">
+
      <div class="recent-latest">
<div class="window window-fill" >
+
        <div class="window window-fill" >
  <!-- 下行:如果公告內容沒有超過一頁: 則需要padding: 0 10px 0 10px;,
+
            <div class="window-body" style="min-height: 480px; max-height:480px; ">
超過一頁: 則需要padding: 0 0px 0 0px; -->
+
                  {{模板:最近更新}}
  <div class="window-body" style="min-height: 355px; max-height:355px; padding: 0 10px 0 10px;">
+
            </div>
{{模板:公告}}
+
        </div>
  </div>
+
      </div>
</div>
+
    </div>
  </div>
+
    <div class="col-md-12 no-padding" style="margin-top: 10px; margin-bottom:0; border: 1px solid #cacaca;">
  <div class="panel-footer">公告</div>
+
      <div class="fb-page" data-href="https://www.facebook.com/taiwanpopmusic" data-width="308" data-height="245" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/taiwanpopmusic"><a href="https://www.facebook.com/taiwanpopmusic">台灣流行音樂維基館</a></blockquote></div></div>
  </div>
+
    </div>
</div>
+
    <div class="col-md-12 no-padding" style="margin-top: 10px; margin-bottom:0;">
 +
      <div class="sys-announcement">
 +
        {{模板:公告}}
 +
      </div>
 +
    </div>
 +
  </div>
 
</div> <!-- container-fluid -->
 
</div> <!-- container-fluid -->

於 2015年11月12日 (四) 13:15 的修訂

page_btn_history.png
page_btn_fame.png

民歌四十「滾石金韻民歌百大精選」

 外部連結:Youtube滾石唱片播放清單


KKBox 華語人氣排行榜

 外部連結:KKBOX
page_btn_more_news.png

音樂大會考

1.第一首台灣流行歌是?

解答:桃花泣血記


2. 《四季紅》《月夜愁》《望春風》《雨夜花》合稱為「四月望雨」,為台灣流行音樂歷史中非常重要的作品,作曲者是?

解答:鄧雨賢


3.請問台灣戰後四大名曲是?他們大致呈現二次大戰後的台灣何種社會面貌?

解答:台灣戰後四大名曲


4.李雙澤的《美麗島》是70年代標誌台灣民歌的重要作品。歌詞以哪四種動植物描寫台灣?

解答:水牛 稻米 香蕉 玉蘭花


5.將某種語言的歌曲填入另一種語言的歌詞,成為「外國曲,本國詞」,通稱為?

解答:混血歌曲

page_btn_more_quiz.png