當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  網(wǎng)站運(yùn)營(yíng) >  正文

如何在博客文章中添加背景圖片

 2009-05-07 11:20  來(lái)源:   我來(lái)投稿 撤稿糾錯(cuò)

  阿里云優(yōu)惠券 先領(lǐng)券再下單

博客文章中添加背景圖片

一.blog貼圖(僅限網(wǎng)易博客)

其實(shí)貼圖的顯示問(wèn)題和圖片的來(lái)源有關(guān)。如果blog中插入的圖片是來(lái)自網(wǎng)易相冊(cè)的,就可以在主頁(yè)顯示,其它來(lái)源的圖片就不能了。因此,大家想要貼圖在主頁(yè)顯示,只要把圖片先存入網(wǎng)易相冊(cè),再調(diào)用相冊(cè)里的圖片鏈接就ok了!(貼圖應(yīng)在設(shè)計(jì)視圖完成!)設(shè)計(jì)圖可以到我圖網(wǎng)里下載

二.給文章添加背景圖片

在文章中貼圖當(dāng)然很好。不過(guò),如果再加上背景圖片,那就可以錦上添花了!實(shí)現(xiàn)方法和添加背景音樂(lè)一樣,都需要代碼來(lái)控制。

先在設(shè)計(jì)視圖寫(xiě)好文章,然后切換到“html”視圖。添加下如下代碼便可:

        <img style="filter: alpha(opacity=100, finishopacity=0,style=2)" height=480 src="圖片鏈接" width=500 align=right>

        <div style="filter: alpha(opacity=45, finishopacity=45,style=0); float: left; width: 100%">

        <div style="letter-spacing: 1px"><p><font size=3><font color=black><font face="black", simhei">“文章”</font></font></font></p></div></div>

“src=”代碼中“height”和“width”分別表示背景圖片的高度和寬度,可以根據(jù)圖片的大小和文章的長(zhǎng)短來(lái)調(diào)節(jié),有時(shí)可能需要反復(fù)調(diào)整多次。

后面的代碼是背景圖片鏈接(不含引號(hào))。寫(xiě)的文章置于“文章”位置即可。“color=”后面的代碼表示文字顏色,應(yīng)該根據(jù)背景圖片來(lái)選擇適當(dāng)?shù)奈淖诸伾?

文章一定要先在設(shè)計(jì)試圖寫(xiě)好后,再切換到“html”視圖。否則發(fā)表的文章不會(huì)自然分段!

如果同一篇文章需要同時(shí)設(shè)置背景音樂(lè)和圖片,只要將“背景音樂(lè)代碼”放置在“背景圖片代碼”的前面或者后面即可!

看完了這個(gè)篇文章趕快到我圖網(wǎng)里找圖片就趕快回去弄你的blog吧!

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

  • 文章中是否需要插入圖片

    如果情況允許,且插入圖片可以提升用戶體驗(yàn),建議為文章配上圖片,如果單純?yōu)榱撕每?,則完全沒(méi)有必要,無(wú)論做什么,一定要明白做這件事的意義,做了之后能帶來(lái)什么實(shí)際價(jià)值。

    標(biāo)簽:
    文章圖片
  • 電商內(nèi)容創(chuàng)業(yè)者新媒體創(chuàng)作內(nèi)容文章,圖片使用的6個(gè)細(xì)節(jié)

    GIF格式的動(dòng)態(tài)圖相對(duì)于一般的靜態(tài)圖片,表達(dá)的能力更加強(qiáng)大,靜態(tài)的圖片只是顯示的是一瞬間的,而動(dòng)態(tài)的圖片可以更好的顯示整個(gè)過(guò)程,效果當(dāng)然會(huì)更好了。

  • 每一篇文章都需要插入圖片嗎

    如果圖片與文章內(nèi)容密切相關(guān),建議插入圖片,如果文章內(nèi)容與圖片沒(méi)有關(guān)系,不建議插入圖片。文章內(nèi)容好比是一所房子,圖片好比是裝飾品,裝飾得當(dāng),房子會(huì)更加漂亮,裝飾不得當(dāng),反而起到了反作用。

    標(biāo)簽:
    文章圖片
  • 這篇文章教你輕松解決圖片空間問(wèn)題!

    粗暴式的采集無(wú)法解決圖片空間問(wèn)題,而精細(xì)化裂變模式可以讓人很輕松地解決圖片空間不夠用的問(wèn)題(不要PC端詳情可以節(jié)省點(diǎn)空間)。如果你有更好的方法請(qǐng)?jiān)谙旅媪粞?/p>

    標(biāo)簽:
    淘寶網(wǎng)
    文章圖片
  • 如何優(yōu)化網(wǎng)站的多圖片文章

    關(guān)于如何將網(wǎng)站圖片優(yōu)化到極致的問(wèn)題已經(jīng)詳細(xì)的介紹過(guò),包括做圖片懶加載優(yōu)化,也討論過(guò)當(dāng)網(wǎng)站SEO優(yōu)化與用戶體驗(yàn)發(fā)生沖突時(shí)該如何選擇的問(wèn)題,所以今天就以我的seo學(xué)堂網(wǎng)的實(shí)戰(zhàn)優(yōu)化經(jīng)歷來(lái)簡(jiǎn)單的分享,利用懶加載與圖片壓縮及自動(dòng)裁剪提升網(wǎng)站加載速度和性能優(yōu)化。

    標(biāo)簽:
    文章圖片

熱門(mén)排行

信息推薦