模板修改

一、關於題圖,背景圖,日曆面板等處圖片的更換


1 登錄到BLOG,然後進入“控制面板”,點“個人首頁維護”


2 進入“自定義空白麪板”,點“新增”,注意,在新增面板過程中,標題可以任意,但最好取與你博適合內容,其中奧祕稍後你就知道了。例如我用“水色”做標題。然後把下面的簡介框的“顯示源代碼”挑勾。在出現的<DIV></DIV>中間加入任何文字。例如:<DIV>水色的淡然</DIV>。然後保存。


3 在出現的“自定義空白麪板欄”裏,你會發現剛新建的“水色”。雙擊打開。選中“顯示源代碼”。然後在原有的代碼後面加入

'<STYLE type=text/css>

body
{background:url(頁面背景圖片地址) repeat
scroll!important;}
</STYLE>' (注意!要去掉前後的引號)

這裏地址要用你喜歡的圖片的鏈接地址(記得上傳,咳這是廢話吧),repeat表示圖片平鋪,不平鋪改爲no-repeat;scroll表示圖片隨鼠標滾動,不滾動改爲fixed,!important表示設置優先,儘量不要將它去掉,否則有可能會引起衝突。

4 寫好後點保存,會提示“更新成功”。但不要着急,這時還沒有完,回到“控制面板”,在左側點“定製我的首頁”。會出現一個工具條,點擊“添加模塊”,在出現的列表右側的空白麪板下選中你剛創建的那個,如我的“水色”,然後點頁面最下面的“選取”


5 最後點下剛纔工具條上的“保存設置”。OK,現在出來刷新看看,是不是你的首頁背景已經變成你想要的圖了呢。

同理,你可以運用空白麪板修改任意你想改的地方的圖,只要換下代碼就成。
.logo
{background:url(題圖logo圖片) no
repeat no scroll!mportant;}

標題圖

'<center><img style="left: 117px; position:absolute;
top:55px" height=135
src=(題圖大圖)  width=770 align=right></center>'
(注意!要去掉前後的引號)

.menu{
 background:url("題圖下的菜單圖片") no-
repeat center;}

.photo .mid{
  background:url(形象照片處的背景圖片);}

.calendar .mid{
 background:url("日曆面板背景");}

.callboard .mid{
  background:url("公告欄背景圖片");}

.bodyBg{
 background:url("正文背景圖片");}

.bodyBottom{
 background:url("正文背景圖片");}


注意:這裏各部分的圖片最好選取用與原方案一樣的尺寸,比如題圖用770*135,不然有可能造成顯示的錯誤。(這裏如果你懂一點HTML或CSS語言的話,也可以修改整個框架的結構,寬度之類就隨意了)


二、添加滾動公告字幕


1 步驟和上面的完全一樣,只是在建立好空白麪板後在里加入

  '<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
&#111;nmouseout="this.start()" &#111;nmouseover="this.stop()">水色的左岸
<BR>曾經
<BR>有個
<BR>失火的天堂
<BR>……</MARQUEE>'
(注意!也要去掉前後的引號)


οnmοuseοut="this.start()" οnmοuseοver="this.stop()">水色的左岸

曾經

有個

失火的天堂

……

注意:這裏scrollAmount表示速度,值越大速度越快。如果沒有它,默認爲6,建議設爲1~3比較好。width和height,表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。direction表示滾動的方向,默認爲從右向左:←←←。可選的值有right、down、up。滾動方向分別爲:right表示→→→,up表示↑,down表示↓。scrollDelay,這也是用來控制速度的,默認爲90,值越大,速度越慢。通常scrollDelay是不需要設置的。behavior。用它來控制屬性,默認爲循環滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然後停止滾動) 。
爲換行符。


三、添加動態FLASH,修改鼠標

完全相同,只是換代碼
透明flash代碼:

'<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=鏈接FLASH的網址 width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>'

鼠標:
'<STYLE type=text/css>
a:hover {cursor:url('*.ani'這裏是鼠標地址)}
BODY {cursor:url('*.ani鼠標地址
')}
</STYLE> ' (注意!也要去掉前後的引號)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章