仿致美化長圖+寬圖排版 – B2美化

致美化是使用B2主題的，在美化這一方面，算得上是深度美化了，有很多有趣的地方我們可以來學習學習。

效果演示

我們模仿這一種

可以看到，在這一模塊中，出現了兩種圖片比例，兩種數量，

• 上面：長圖，6個
• 下面：寬圖，8個

為了模仿這種效果，我們可以用兩個模塊加上美化來實現類似的效果。

創建模塊

我們需要創建兩個區塊，甲、乙，甲在第一個區塊，乙在第二個區塊。如下圖：

甲

• 調用文章內容，列表樣式一
• 選擇文章分類
• 每行顯示數量：6
• 每頁顯示數量：6
• 縮略圖比例：3/5
• 是否顯示加載更多按鈕：隱藏

乙

• 調用文章內容，列表樣式一
• 每行顯示數量：4
• 每頁顯示數量：8
• 縮略圖比例：4/2
• 是否顯示加載更多按鈕：隱藏

根據列表要求配置好模塊，注意甲模塊和乙模塊的位置。

外觀美化

需要注意的是，這兩個模塊需要在一起，方便使用上面提供的CSS來美化外觀樣式。CSS中的數字代表對應模塊的Class，各位看一下網頁源代碼就懂了。

相關幫助

不懂的就私聊我吧，免費教你用噢，1355471563

相關推薦