博客制作技巧 2010-05-16 15:55:49
Good fun編輯
本文是寫(xiě)給新手看的,說(shuō)的比較啰嗦,請(qǐng)高手不要見(jiàn)笑!
有些朋友留言的圖片都是復(fù)制他人的圖片去留言,想用自己的圖片,可惜不知道怎么用,今天Good fun就和朋友們一起交流分享一下:
上面的圖,代碼如下:
<P><A href="http://kaixinhaoren99.blog.163.com" target=_blank><IMG title=Goodfun歡迎您! height=550 alt=Goodfun歡迎您! src="http://image15.360doc.com/DownloadImg/2010/09/2516/5532103_1.jpg" width=450 ></A></P>
這是一個(gè)普通的帶鏈接的貼圖代碼,你復(fù)制此圖到你的留言欄,是不能顯示的!因?yàn)榱粞詸诘拇a是要稍微改動(dòng)一下的!還不可以有鏈接!你點(diǎn)擊此圖可以去到我的博客首頁(yè)!因?yàn)檫@是普通通用的HTML代碼,但不適合留言欄!下面是一張留言欄的圖片及其代碼:
代碼:
<P><A href="" target=_blank><IMG title=Goodfun歡迎您! style="DISPLAY: block; TEXT-ALIGN: center" height=550 alt=Goodfun歡迎您! src="http://image15.360doc.com/DownloadImg/2010/09/2516/5532103_1.jpg+)" width=450 opacity='100,style="' ?? alpha ? ></A></P>
上面的圖片你可以復(fù)制粘帖到留言欄去留言了!那么看上去是一樣的,但代碼是有區(qū)別的!好了,我們來(lái)看一下區(qū)別:
1、首先,少了第一組代碼中的黃色的鏈接地址!因?yàn)榱粞詸诓辉试S有外鏈!
2、第二組代碼中多了粉色的對(duì)照片特性的一些定義代碼!但都是用問(wèn)號(hào)代替,所以說(shuō)要有這個(gè)代碼,但不能定義這個(gè)圖片!
好了,我們來(lái)分析一下這個(gè)可以在留言欄使用的代碼:
<P><A href="" target=_blank><IMG title=Goodfun歡迎您! style="DISPLAY: block; TEXT-ALIGN: center" height=550 alt=Goodfun歡迎您! src="http://image15.360doc.com/DownloadImg/2010/09/2516/5532103_1.jpg+)" width=450 opacity='100,style="' ?? alpha ? ></A></P>
1、粉色處“http://........jpg”換成你要留言的圖片的地址!圖片地址的獲取方法:你右擊你博客或者相冊(cè)的圖片,點(diǎn)擊“屬性”就有了URL圖片地址!
2、藍(lán)色的“height=550 width=450 ”分別是指圖片顯示的高度和寬度,你可以改變數(shù)值來(lái)改變和定義圖片顯示的高度和寬度!
3、灰色處的“Goodfun歡迎您”可以換成你自己的文字!這個(gè)是當(dāng)你留言圖片后,把鼠標(biāo)移到圖片上面,會(huì)出來(lái)的提示信息!你可以把鼠標(biāo)移動(dòng)到上面的圖片上看看效果!
朋友們可能看到一些在留言欄,還有些會(huì)動(dòng)的字,那么文字滾動(dòng)的基本代碼如下:
向右走: 向左走: 來(lái)回走: 向上走:
向左走: <marquee direction=left scrollamount=6 ><FONT color=#000000 face=華文行楷 size=5>Good fun博客</FONT></marquee> 來(lái)回走: <marquee behavior=alternate scrollamount=9 ><FONT color=#339966 face=華文彩云 size=5>Good fun博客</FONT></marquee> 向上走: <MARQUEE scrollAmount=2 scrollDelay=80 direction=up width=200 height=50><FONT face=華文彩云 color=#cc36d7 size=5>Good fun博客</FONT></MARQUEE> Good fun提示:這里向上走的代碼里出現(xiàn)新的滾動(dòng)屬性代碼: “scrollDelay=80”,這個(gè)“80”是滾動(dòng)的距離,可以改變數(shù)值來(lái)改變滾動(dòng)距離,向左向右走的代碼也可以用此來(lái)增加定義! “width=200 height=50”分別是滾動(dòng)的文字區(qū)域的寬度和高度,可以改變“=”號(hào)后面的數(shù)值來(lái)改變顯示的大小。這里的高度和文字的滾動(dòng)高度不沖突!可以自由設(shè)置! |
了解完這個(gè)后,我們覺(jué)得好像滾動(dòng)的字不怎么漂亮,那么我們需要來(lái)給字體用字體特效,但有些復(fù)雜的特效在留言欄會(huì)被屏蔽掉。下面的是給字體加陰影特效(這個(gè)可用,Good fun正在嘗試其他特效,成功后會(huì)補(bǔ)上)!
此效果代碼如下:
<MARQUEE style="DISPLAY: block; FONT-SIZE: 25pt; FILTER: shadow(color=red); WIDTH: 450px; COLOR: #33cc36; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書(shū)" scrollAmount=3 behavior=alternate opacity='100,style="' ?? alpha ?>★Goodfun祝你周末愉快!★</MARQUEE></P>
代碼說(shuō)明:
1、紅色處是字體陰影的顏色屬性,red是指紅色,你可以換成你喜歡的顏色的英文,你也可以把它換成顏色代碼,例:color=#456789 ,顏色代碼是由:0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f,16個(gè)字組合成的一個(gè)6位數(shù),#000000是指黑色,#ffffff是指白色,詳細(xì)顏色代碼請(qǐng)點(diǎn)擊:網(wǎng)易博客代碼(顏色代碼)
2、#33cc36 字體顏色,設(shè)置同上。
3、25pt 字體大小,改變數(shù)值來(lái)改變大?。?/font>
4、scrollAmount=3 behavior=alternate 字體滾動(dòng)的屬性,設(shè)置見(jiàn)上面字體基本滾動(dòng)代碼的設(shè)置!
5、紫色處換成你自己的文字
以下效果的代碼設(shè)置都可以見(jiàn)上面的說(shuō)明,不再重復(fù):
|
本效果是給圖片加邊框,再動(dòng)起來(lái)的代碼:
<P align=center>
<TABLE class=intbl id=intbl_856260429>
<TBODY>
<TR>
<TD class=td2></TD>
<TD class=td3>
<DIV class="ctnt c07">
<MARQUEE style="DISPLAY: block; FONT-SIZE: 25pt; FILTER: shadow(color=black); WIDTH: 450px; COLOR: #008800; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書(shū)" scrollAmount=3 behavior=alternate opacity='100,style="' ?? alpha ?>★你的移動(dòng)的文字!★</MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=90 behavior=alternate width=450 opacity='100,style="' ?? alpha ?><A target=_blank><IMG title= style= style="BORDER-RIGHT: #008800 10px dotted; BORDER-TOP: #008800 10px dotted; FILTER: shadow(color=black); BORDER-LEFT: #008800 10px dotted; WIDTH: 400px; BORDER-BOTTOM: #008800 10px dotted; BACKGROUND-COLOR: #cc8800" alt="" src="圖片地址+)貼圖+)" opacity='100,style="' __esnkey__="ev_7801443597" ?? alpha ?></A></MARQUEE></DIV>
<DIV class="ctnt c07"> </DIV></TD></TR></TBODY></TABLE></P>
Good fun提示:
1、上面畫(huà)線的是文字的屬性設(shè)置,不劃線的設(shè)置時(shí)圖片屬性!具體方法同上!
2、粉色處是圖片的4個(gè)邊框線的顏色和粗細(xì)大小設(shè)置!你可以改變顏色代碼“#008800 ”來(lái)改變邊框顏色,改變“10px”里的數(shù)值來(lái)改變邊框線大小,例“1px”就是一條線了!
字體的滾動(dòng)方向,速度,形態(tài),邊框的形態(tài),你可以自己設(shè)置。發(fā)揮你自己的創(chuàng)意!
所有上面的效果的代碼都必須在日志里完成,完成后你可以點(diǎn)擊“預(yù)覽”看一下效果,然后把效果從上到下一起涂抹,要把整個(gè)效果都刷藍(lán),然后右擊復(fù)制,粘帖到留言欄,發(fā)表就可以了!
新朋友不知道怎么在日志里用代碼請(qǐng)點(diǎn)擊:什么是代碼及代碼怎么用?
聯(lián)系客服