一、清除導(dǎo)航條
在QQ空間的首頁(yè)我們可以看到空間頁(yè)面分為欄目導(dǎo)航、頂部圖片、網(wǎng)絡(luò)日志、相冊(cè)以及留言板等幾個(gè)版塊,其實(shí)這都是由模板來(lái)控制的,要DIY自己的QQ空間,我們首先需要將這些默認(rèn)的模板清除掉。
第一步:打開(kāi)QQ空間頁(yè)面,點(diǎn)擊右上角的“自定義”按鈕,接著點(diǎn)擊“個(gè)性設(shè)置”,然后在“個(gè)性設(shè)置”的下方點(diǎn)擊“模板管理”按鈕,打開(kāi)“模板管理”頁(yè)面(如圖1)。在該頁(yè)面中列出了QQ空間里的所有模板,現(xiàn)在我們要做的是取消除了“個(gè)人資料”以外的所有模板(點(diǎn)擊模板名稱前的復(fù)選框即可),設(shè)置完后拖動(dòng)頁(yè)面右方的滾動(dòng)條,在頁(yè)面下方點(diǎn)擊“提交”按鈕。
第二步:接著我們?cè)賮?lái)清除欄目導(dǎo)航模板,這是我們DIY的第一步,需要通過(guò)代碼來(lái)實(shí)現(xiàn)。點(diǎn)擊“自定義”按鈕,接著點(diǎn)擊“個(gè)性設(shè)置”,然后在“個(gè)性設(shè)置”的下方點(diǎn)擊“新建模板”,打開(kāi)“新建模板”頁(yè)面(如圖2)。
第三步:在如圖2所示的頁(yè)面中輸入你所要?jiǎng)?chuàng)建的模板名稱,然后點(diǎn)擊“提交”按鈕,提交成功能頁(yè)面會(huì)彈出一個(gè)對(duì)話框進(jìn)行提示(如圖3)。
小提示:有可能你在創(chuàng)建模板時(shí)會(huì)有創(chuàng)建失敗的提示,若遇到這樣的情況可重復(fù)執(zhí)行新建模板操作。
第四步:在如圖3所示的界面中點(diǎn)擊“確定”按鈕轉(zhuǎn)入“模板設(shè)置”頁(yè)面(如圖4),在該頁(yè)面的“評(píng)論”文本框中加入如下代碼:
<img src="javascript:;bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';bt_7.style.display='none';bt_8.style.display='none';">
圖4
第五步:加入代碼后點(diǎn)擊“保存”按鈕后,會(huì)彈出一個(gè)對(duì)話框提示添加成功。在該對(duì)話框中點(diǎn)擊“確定”按鈕,此時(shí)在你的空間主區(qū)域中會(huì)多出一個(gè)“數(shù)據(jù)加載中。。。”的藍(lán)色方框(如圖5)。
圖5
第六步:在藍(lán)色方框上按下鼠標(biāo)左鍵并移動(dòng)鼠標(biāo)向上拖動(dòng),直到看不見(jiàn)為止。然后再點(diǎn)擊空間右上角的“保存”按鈕,此時(shí)會(huì)自動(dòng)轉(zhuǎn)入“保存方案”頁(yè)面(如圖6),點(diǎn)擊“關(guān)閉”按鈕后就能看到你QQ空間上的欄目導(dǎo)航已經(jīng)消息得無(wú)影無(wú)蹤了。
第七步:現(xiàn)在該來(lái)清除空間上方的導(dǎo)航圖片了(如圖7),同樣新建一個(gè)模板,在“模板設(shè)置”頁(yè)面的“評(píng)論”文本框中輸入如下代碼:
<img src="javascript:Mlogo.style.filter='alpha(opacity=1)';">
圖7
以上這段代碼除了可以清除導(dǎo)航圖片以外,連“裝扮空間”、“自定義”以及“幫助”等三個(gè)按鈕也一并清除了,如果你想保留這三個(gè)按鈕,則可以輸入如下這段代碼:
。糹mg src="javascript:Mlogo.style.background='';" style="display:none;"><p>gainover</p>
二、設(shè)置QQ空間的背景圖片
經(jīng)過(guò)以上的七個(gè)驟我們已經(jīng)將QQ空間原有的模板打理干凈了,接下來(lái)我們需要自己進(jìn)行DIY了,DIY的第一步就是設(shè)置背景圖片。
第一步:首先你得找一張你所中意的背景圖片,并找到該圖片的網(wǎng)址。我們就以綠色主題來(lái)DIY一個(gè)個(gè)性QQ空間,通過(guò)http://image.baidu.com搜索“QQ堂”,找到一張QQ堂的圖片(地址:
http://www.tutmd.com/Picture/UploadFiles_1503/200511/20051107005314360.jpg)。
第二步:在QQ空間頁(yè)面中新建一個(gè)模板,接著在“評(píng)論”文本框中輸入如下代碼:
。糹mg src="javascript:document.getElementById('all').style.background='url(http://www.tutmd.com/Picture/UploadFiles_1503/200511/20051107005314360.jpg)';">
第三步:成功設(shè)置模板后就能看到你所設(shè)置的背景圖片了。
三、添加欄目導(dǎo)航條Flash
由于我們之前已經(jīng)把自帶的欄目導(dǎo)航條給清除了,因此我們需要找一個(gè)欄目導(dǎo)航條Flash來(lái)代替(選擇你喜歡的導(dǎo)航條可瀏覽http://www.QQParty.cn/Html/qqkjdm/214322556.html這個(gè)頁(yè)面)。在此我選擇了一個(gè)“綠色心情”的導(dǎo)航條Flash,保存該Flash的網(wǎng)址。
在QQ空間頁(yè)面中新建一個(gè)模板,接著在“評(píng)論”文本框中輸入如下代碼:
。糹mg src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://liutinglove0805.68ab.com/flash/9.swf\' quality=high wmode=\'transparent\' WIDTH=\'760\' HEIGHT=\'120\' TYPE=\'application/x-shockwave-flash\'></div>';">
其中“http://liutinglove0805.68ab.com/flash/9.swf”是所選擇導(dǎo)航條Flash的網(wǎng)址,“WIDTH=\'760\'”是設(shè)置導(dǎo)航條的寬度,“HEIGHT=\'120\'”是設(shè)置導(dǎo)航條的高度,可根據(jù)自己的需要進(jìn)行修改。
四、設(shè)置透明Flash背景
QQ空間的背景圖片和欄目導(dǎo)航條都已經(jīng)DIY好了,你是否覺(jué)得現(xiàn)在你的QQ空間有些太死板了呢?對(duì)!為此我們可以再添加一個(gè)動(dòng)態(tài)透明的Flash背景(在http://www.QQParyt.cn/Html/qqkjdm/003021775.html這個(gè)頁(yè)面中有近100款動(dòng)態(tài)透明的Flash背景可供你選擇)。
第一步:在這個(gè)頁(yè)面中我選擇了“楓葉”這款Flash背景(http://imgfree.21cn.com/free/flash/131.swf),將這個(gè)Flash的地址保存,然后回到QQ空間頁(yè)面。
第二步:在QQ空間頁(yè)面中新建一個(gè)模板,接著在“評(píng)論”文本框中輸入如下代碼:
。糹mg src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://imgfree.21cn.com/free/flash/131.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">
第三步:好了,一個(gè)DIY的超酷QQ空間就這樣打造出來(lái)了(效果如圖8)。
圖8
結(jié)尾:◆QQ空間系列教程◆已經(jīng)完成了第二篇,算是新手的進(jìn)階教程吧!今天有個(gè)網(wǎng)友在我的網(wǎng)站上問(wèn)怎么樣才能在自己的QQ空間上播放電影或制作播放器,想了解其制作方法的網(wǎng)友近期可關(guān)注QQ派對(duì)網(wǎng)(http://www.QQParty.cn),我將會(huì)在◆QQ空間系列教程◆以后的文章中一一進(jìn)行介紹。