當前位置:陽光暱稱網 >

計算機網絡 >軟件技術 >

新手進階:怎樣DIY個性QQ空間

新手進階:怎樣DIY個性QQ空間

新手進階:怎樣DIY個性QQ空間
一、清除導航條

  在QQ空間的首頁我們可以看到空間頁面分爲欄目導航、頂部圖片、網絡日誌、相冊以及留言板等幾個版塊,其實這都是由模板來控制的,要DIY自己的QQ空間,我們首先需要將這些默認的模板清除掉。

  第一步:打開QQ空間頁面,點擊右上角的“自定義”按鈕,接着點擊“個性設置”,然後在“個性設置”的下方點擊“模板管理”按鈕,打開“模板管理”頁面(如圖1)。在該頁面中列出了QQ空間裏的所有模板,現在我們要做的是取消除了“個人資料”以外的所有模板(點擊模板名稱前的複選框即可),設置完後拖動頁面右方的滾動條,在頁面下方點擊“提交”按鈕。 


  第二步:接着我們再來清除欄目導航模板,這是我們DIY的第一步,需要通過代碼來實現。點擊“自定義”按鈕,接着點擊“個性設置”,然後在“個性設置”的下方點擊“新建模板”,打開“新建模板”頁面(如圖2)。

  

  第三步:在如圖2所示的頁面中輸入你所要創建的模板名稱,然後點擊“提交”按鈕,提交成功能頁面會彈出一個對話框進行提示(如圖3)。
  

  小提示:有可能你在創建模板時會有創建失敗的提示,若遇到這樣的情況可重複執行新建模板操作。
 第四步:在如圖3所示的界面中點擊“確定”按鈕轉入“模板設置”頁面(如圖4),在該頁面的“評論”文本框中加入如下代碼:

  <img src="javascript:;bt_lay='none';bt_lay='none';bt_lay='none';bt_lay='none';bt_lay='none';bt_lay='none';bt_lay='none';bt_lay='none';">

  


  圖4

  第五步:加入代碼後點擊“保存”按鈕後,會彈出一個對話框提示添加成功。在該對話框中點擊“確定”按鈕,此時在你的空間主區域中會多出一個“數據加載中。。。”的藍色方框(如圖5)。

  


  圖5

  第六步:在藍色方框上按下鼠標左鍵並移動鼠標向上拖動,直到看不見爲止。然後再點擊空間右上角的“保存”按鈕,此時會自動轉入“保存方案”頁面(如圖6),點擊“關閉”按鈕後就能看到你QQ空間上的欄目導航已經消息得無影無蹤了。

  
第七步:現在該來清除空間上方的導航圖片了(如圖7),同樣新建一個模板,在“模板設置”頁面的“評論”文本框中輸入如下代碼:

  <img src="javascript:er='alpha(opacity=1)';">

  


  圖7

  以上這段代碼除了可以清除導航圖片以外,連“裝扮空間”、“自定義”以及“幫助”等三個按鈕也一併清除了,如果你想保留這三個按鈕,則可以輸入如下這段代碼:

  <img src="javascript:ground='';" style="display:none;"><p>gainover</p>

  二、設置QQ空間的背景圖片

  經過以上的七個驟我們已經將QQ空間原有的模板打理乾淨了,接下來我們需要自己進行DIY了,DIY的第一步就是設置背景圖片。

  第一步:首先你得找一張你所中意的背景圖片,並找到該圖片的網址。我們就以綠色主題來DIY一個個性QQ空間,通過搜索“QQ堂”,找到一張QQ堂的圖片(地址:

  http://www.tutmd.com/Picture/UploadFiles_1503/200511/20051107005314360.jpg)。

  第二步:在QQ空間頁面中新建一個模板,接着在“評論”文本框中輸入如下代碼:

  <img src="javascript:document.getElementById('all').style.background='url(http://www.tutmd.com/Picture/UploadFiles_1503/200511/20051107005314360.jpg)';">

  第三步:成功設置模板後就能看到你所設置的背景圖片了。
 三、添加欄目導航條Flash

  由於我們之前已經把自帶的欄目導航條給清除了,因此我們需要找一個欄目導航條Flash來代替(選擇你喜歡的導航條可瀏覽這個頁面)。在此我選擇了一個“綠色心情”的導航條Flash,保存該Flash的網址。

  在QQ空間頁面中新建一個模板,接着在“評論”文本框中輸入如下代碼:

  <img src="javascript:lementById('Mlogo')rHTML+='<div style='position:absolute;top:0;left:0;'><EMBED src='' quality=high wmode='transparent' WIDTH='760' HEIGHT='120' TYPE='application/x-shockwave-flash'></div>';">

  其中“”是所選擇導航條Flash的網址,“WIDTH='760'”是設置導航條的寬度,“HEIGHT='120'”是設置導航條的高度,可根據自己的需要進行修改。

  四、設置透明Flash背景

  QQ空間的背景圖片和欄目導航條都已經DIY好了,你是否覺得現在你的QQ空間有些太死板了呢?對!爲此我們可以再添加一個動態透明的Flash背景(在這個頁面中有近100款動態透明的Flash背景可供你選擇)。

  第一步:在這個頁面中我選擇了“楓葉”這款Flash背景(),將這個Flash的地址保存,然後回到QQ空間頁面。

  第二步:在QQ空間頁面中新建一個模板,接着在“評論”文本框中輸入如下代碼:

  <img src="javascript:lementById('Mlogo')rHTML+='<div style='position:absolute;top:0;left:0;'><EMBED src='' quality=high wmode='transparent' WIDTH='925' HEIGHT='655' TYPE='application/x-shockwave-flash'></div>';">

  第三步:好了,一個DIY的超酷QQ空間就這樣打造出來了(效果如圖8)。

  圖8

  結尾:◆QQ空間系列教程◆已經完成了第二篇,算是新手的進階教程吧!今天有個網友在我的網站上問怎麼樣才能在自己的QQ空間上播放電影或製作播放器,想了解其製作方法的網友近期可關注QQ派對網(),我將會在◆QQ空間系列教程◆以後的文章中一一進行介紹。

標籤: 進階 diy qq
  • 文章版權屬於文章作者所有,轉載請註明 https://ygncw.com/jisuanji/ruanjian/r3kx72.html