一頁式無捲軸 ~ 佈景主題

 BLOGGER 的滾輪翻頁無捲軸版型 ~ 分享 

RWD 回應式網頁設計，在不同的螢幕解析度下都可以正常瀏覽。

 適合建置各類型的形象網站

特色 : 換頁之間有視差效果

 這個佈景主題的架構有點複雜，想套用這個版型的格友，必須對網頁設計語言 要有一定程度的能力，才能輕鬆使用。

範本樣式 ~ Demo >> https://xo-77.blogspot.com/
加上動畫過場效果的 Demo >>  https://717net.blogspot.com/
平滑捲動 + 視差效果 ~ Demo >> https://e7-top.blogspot.com/

喜歡的格友，快來套用吧!!

範本 XML 碼： Google 雲端硬碟 下載

管理後台 >> 主題 >>  編輯HTML >> 按右鍵、選取全部，將複製的範本 XML 碼、直接貼上。

使用複製、再全選直接貼上的方式安裝，之前的小工具都會不見

假如以還原，上傳、範本 XML 檔的方式安裝，原來的小工具會跑位或不見，也有可能會相衝，需要重新安裝小工具。

安裝 << 必看

---

此下載的佈景主題範本，只有單純的翻頁(換頁)功效，那些動態的變幻，需要由你自己製作。

在進入當前顯示的那一頁，class 會被加上 [activ] 的類別名稱，你可以利用 activ 類別名稱來製作 CSS 的動畫效果。

你可以再無限的依樣畫葫蘆添加頁數 ~

 <div id="page00" class="page sli-down">

撰寫內容

</div>
   

撰寫每頁的內容，可以先使用文章編輯器撰寫，再複製、貼到範本裡。

新增網頁做為次頁時，記得寫上回首頁的連結

---

範本 XML 碼： Google 雲端硬碟 下載 Ver:2

此範本和 Ver:1 版本，不同之處為，不用在 XML 編輯器裡撰寫網頁內容，每一頁分別寫在一個 HTML 小工具裡，如下圖所示。

在 HTML 小工具裡寫網頁，缺點、就是畫面太小。


  相關文章 ~ 如何改造 (RWD) 佈景主題 ~ 架設一頁式形象網站