圖片文字排版加滑動(dòng)技巧(滑動(dòng)樣式方法)
胖友們大家好呀,我是三兒,有胖友問三兒:“為什么搜滑動(dòng)樣式只有圖片滑動(dòng)和文字滑動(dòng),難道圖片加文字排版后就不能滑動(dòng)了嗎?”
才不是,圖文也可以左右滑動(dòng)!就像下面這種??
滑動(dòng)的每一屏,都是文字加圖片,還能是多圖,還有樣式!
這其實(shí)就是利用我們的『滑動(dòng)布局』做出來的,具體怎么操作,往下看今天的超級(jí)干貨教程吧!
一、如何更換內(nèi)容?
135編輯器對(duì)SVG樣式做了更新,在專業(yè)版中特意添加了『動(dòng)畫』按鈕,胖友們可以在『動(dòng)畫』設(shè)置中對(duì)SVG樣式進(jìn)行修改。
1.點(diǎn)擊右側(cè)『更多功能』,在彈出的菜單中點(diǎn)擊『換專業(yè)版』,將編輯器切換為專業(yè)版模式。
2.點(diǎn)擊『樣式』-『布局』-『基礎(chǔ)布局』,找到滑動(dòng)布局樣式。
3.點(diǎn)擊選中樣式(在樣式周圍出現(xiàn)虛線框時(shí),才算選中哦?。?,在彈出的菜單欄中,點(diǎn)擊滑動(dòng)布局下的『編輯』按鈕,進(jìn)入動(dòng)畫設(shè)置界面。
4.進(jìn)入到滑動(dòng)布局詳情頁,雙擊編輯區(qū),進(jìn)入到熟悉的135編輯器主頁面,編輯滑動(dòng)第一屏需要展示的內(nèi)容,編輯完后,點(diǎn)擊『完成編輯』。
5.點(diǎn)擊『+』號(hào)繼續(xù)添加滑動(dòng)的第二屏展示內(nèi)容,編輯方法同第一屏一樣。如果不想要某一屏內(nèi)容,直接點(diǎn)擊刪除按鈕即可。
注意:位置越靠上的內(nèi)容,越優(yōu)先顯示。
6.編輯好后,點(diǎn)擊右上角的『完成』即可。
7.設(shè)置完所有內(nèi)容以后,點(diǎn)擊右側(cè)菜單欄中的『手機(jī)預(yù)覽』進(jìn)行測(cè)試,查看效果。
注意事項(xiàng):
這里需要注意的是,因?yàn)槲⑿藕笈_(tái)限制,所以排版完成后的推文需要使用保存同步功能,如果使用復(fù)制粘貼會(huì)導(dǎo)致樣式失效!
好啦,今天的教程就到這里
胖友們學(xué)會(huì)了嗎?
學(xué)會(huì)了就趕快安排上吧
沒學(xué)會(huì)的也可以直接來135定制svg
??
掃碼咨詢
SVG定制 | 企業(yè)全年規(guī)劃
最后,看在三兒分享干貨的份上
點(diǎn)個(gè)在看唄~
如果你還有關(guān)于其它樣式的疑問
也可以留言告訴三兒
三兒全方位解答
·END·
文章排版由135編輯器提供技術(shù)支持
■ ■ ■ ■
立即登錄
- 雙十二電商活動(dòng)宣傳排版素材(電商商品促銷推廣模版樣式)
- 乞巧節(jié)微信公眾號(hào)推文排版素材(愛情浪漫活動(dòng)推廣文案)
- 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
- 八一建軍節(jié)紀(jì)念日推文排版樣式(光輝歷程文案宣傳模版)