135編輯器隱藏樣式教程

隱藏樣式

ID:95631

【樣式介紹】：通過點擊屏幕區域，在樣式空白部分浮現文字或圖片的特殊效果。

【以下樣式均可使用本教程進行添加操作】：

ID93879；ID89913；ID88350

【注意事項】：隱藏樣式有默認高度，當放置文字或圖片超出樣式高度時，我們可以選擇手動調整高度。

隱藏樣式展示

▼

「手機上看不見我」

---

可插入其他樣式內容，高度固定180px，可通過修改代碼的方式調整區域高度！

在樣式中添加內容

1.添加文字

收藏樣式後，在編輯器插入該樣式，將樣式中【可插入其他樣式內容，高度固定180/400px，可通過修改代碼的方式調整區域高度！】的文字替換為你需要編輯的內容。

文字“手機上看不見我”也需要替換，填寫樣式標題或直接刪除文字。

內容可以根據上方菜單欄改變字號大小、顏色，排版方式等。以下為替換文字過後的隱藏樣式。

2.添加樣式

全選樣式裡的【可插入其他樣式內容，高度固定180/400px，可通過修改代碼的方式調整區域高度！】文字，刪除文字，在樣式空白區域插入樣式即可。

文字“手機上看不見我”也需要替換，可填寫樣式標題或直接刪除文字。

以下為添加樣式後的隱藏樣式。

3.添加圖片

選中樣式裡的【可插入其他樣式內容，高度固定180/400px，可通過修改代碼的方式調整區域高度！】文字，刪除後空行，在樣式空白區域上傳圖片即可。

文字“手機上看不見我”也需要替換，可填寫樣式標題或直接刪除文字。

插入進來的圖片，我們可以拖拽邊框進行放大縮小。以下為添加圖片後的隱藏樣式。

4.添加圖文組合

單文字、圖片無法滿足你的排版需求時，我們可以在隱藏樣式中放置圖文組合。

操作方式依然是：全選樣式裡的【可插入其他樣式內容，高度固定180/400px，可通過修改代碼的方式調整區域高度！】文字，刪除後在樣式空白區域依次添加文字、樣式、圖片即可。以下為修改後的隱藏樣式。

如何修改樣式高度

當文字較多或圖文組合較長的時候，隱藏樣式會自動摺疊超出樣式高度的內容。比如這樣：

要讓你的內容展示完整，需要我們通過手動調整代碼來修改樣式。

1.找

點擊【HTML】切換到代碼模式，找到代碼字樣“height”，一共需要修改4個數值，即下圖紅線框選的四處地方。

四處數值從上至下依次是

180px

200

-180px

200

2.改

將180/-180修改成想要的數值，但要保持數值絕對值相等。
比如我們要修改樣式高度為300，那麼需要將180改為300，-180改成-300。兩個200的部分需要改成320，按照絕對數值來計算，需要在原數值的基礎上+20（也就是300+20）

再舉個例，如果要把高度改成350，那180的部分需要改為350，-180的部分需要改成-350；下面兩個200的部分需要改為370。

ps：填寫的數值之前儘量先預估一下圖文在文章中的高度再進行修改。