在前面說(shuō)了《添加多個(gè)和訊自定義html模塊全過(guò)程說(shuō)明》,,在眾多博客和網(wǎng)站里也有相當(dāng)多關(guān)于這方面的文章,,但大多都是相互復(fù)制的,很多是沒(méi)有經(jīng)過(guò)實(shí)踐驗(yàn)證的,;初次使用者更是難以掌握,。本著實(shí)用,操作簡(jiǎn)單原則,,雪兒在對(duì)自己博客增加多個(gè)自定義HTML時(shí)總結(jié)了一全套的經(jīng)驗(yàn),。這些都是實(shí)用有效的,,可以跟椐自己的喜好在個(gè)人門戶首頁(yè)只增左側(cè)欄或右側(cè)欄或中間欄。你也可以一次性增加左中右三欄,,甚至你還可以在博客里增加無(wú)限量的自定義HTML模塊?,F(xiàn)在就在此把方法和大家說(shuō)一下:
注意,這種方法要求和訊博客人氣積分233000以上或鉆石或交費(fèi)用戶才有用,!以下代碼均可直接復(fù)制使用,! 第一部分:(單獨(dú)左側(cè)) 單獨(dú)增加左欄自定義HTML方法:在和訊原有的自定義HTML里保存以下代碼即可: <script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script> <div id="lman1" style="display: none;"> 在這里放代碼 </div> <script language="javascript"> function MyCreate() { Index_Create_LeftPanel(0, "我的1", "這里寫標(biāo)題", GetPanelInnerHTML("lman1")); } setTimeout("MyCreate()", 1000); </script> 增加左側(cè)HTML操作說(shuō)明:代碼中的lman1是模塊ID號(hào),每個(gè)模塊的ID號(hào)都是不一樣的,,當(dāng)你想增加兩個(gè)模塊的,,可以把第二個(gè)ID號(hào)改成lman2,增三個(gè)時(shí)把第三個(gè)模塊ID號(hào)改成lman3,,以此類推........但要注意的是,,代碼中<div id="lman1" style="display: none;">里的ID號(hào)lman1必須和后面GetPanelInnerHTML("lman1"));中的ID號(hào)lman1一致,也就是說(shuō),,當(dāng)你把ID號(hào)改了后就兩個(gè)都得一起改,。代碼中黑色部分0是代表增加模塊后這個(gè)模塊在首頁(yè)中從上至下顯示在第幾層,0是表示最上面,,下來(lái)一層就把0改成1,,再下來(lái)點(diǎn)就改成2,以此類推,。很多別的類似文章沒(méi)提到的就是,,是不是增加兩個(gè)模塊時(shí)就是把代碼復(fù)制多一個(gè),不是的,,你只要在代碼里面加就可以了,,如下例(左側(cè)增加兩個(gè)模塊): <script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script> <div id="lman1" style="display: none;"> 第一個(gè)模塊里放代碼的地方 </div> <div id="lman2" style="display: none;"> 注意:這里的ID號(hào)已改成了lman2 增加的第二個(gè)模塊里放代碼的地方 </div> <script language="javascript"> function MyCreate() { Index_Create_LeftPanel(0, "我的1", "這里寫標(biāo)題", GetPanelInnerHTML("lman1")); Index_Create_LeftPanel(1, "我的2", "這里是第二個(gè)模塊寫標(biāo)題的地方", GetPanelInnerHTML("lman2")); 注意:里面的0已改成了1,里面的ID號(hào)也相應(yīng)地改成了lman2 } setTimeout("MyCreate()", 1000); </script> 以此類推,,你想左側(cè)增加三個(gè)模塊只須在代碼中不斷增加兩部分代碼即可 第一部分: <div id="lman1" style="display: none;"> 每增加一個(gè)就把里面的ID號(hào)改一下 第一個(gè)模塊里放代碼的地方 </div> 第二部分: Index_Create_LeftPanel(0, "我的1", "這里寫標(biāo)題", GetPanelInnerHTML("lman1")); 每增加一個(gè)就把里面的ID號(hào)和“0”改一下 第二部分:(單獨(dú)右側(cè)) OK,,下面雪兒就和大家說(shuō)單獨(dú)在博客右側(cè)增加HTML模塊了,方法和在左側(cè)增加一樣,,只須把代碼中的Left改成Right即可,,如代碼: <script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script> <div id="lman1" style="display: none;"> 在這里放代碼 </div> <script language="javascript"> function MyCreate() { Index_Create_RightPanel(0, "我的1", "這里寫標(biāo)題", GetPanelInnerHTML("lman1")); } setTimeout("MyCreate()", 1000); </script> 當(dāng)你想單獨(dú)在右側(cè)增加多個(gè)HTML時(shí)操作就如上面(增加左側(cè)HTML操作說(shuō)明)一樣。 第三部分:(單獨(dú)中間) OK,,下面雪兒就和大家說(shuō)單獨(dú)在博客右側(cè)增加HTML模塊了,,方法和在左側(cè)增加一樣,只須把代碼中的Left改成Main即可,,如代碼: <script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script> <div id="lman1" style="display: none;"> 在這里放代碼 </div> <script language="javascript"> function MyCreate() { Index_Create_MainPanel(0, "我的1", "這里寫標(biāo)題", GetPanelInnerHTML("lman1")); } setTimeout("MyCreate()", 1000); </script> 當(dāng)你想單獨(dú)在中間增加多個(gè)HTML時(shí)操作就如上面(增加左側(cè)HTML操作說(shuō)明)一樣,。 第四部分:(在左中右同時(shí)增加) 在三個(gè)欄都同時(shí)增加方法也很類似,只須把左中右的方法組合在一起即可,,代碼如下(左中右同時(shí)增加一個(gè)模塊): <script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script> <div id="lman1" style="display: none;"> 這里是左側(cè)欄放代碼的地方 </div> <div id="lman2" style="display: none;"> 注意ID號(hào)已改成了lman2,,關(guān)注下面的也改了 這里是中間欄放代碼的地方 </div> <div id="lman3" style="display: none;"> 注意ID號(hào)已改成了lman3,,關(guān)注下面的也改了 這里是右側(cè)欄放代碼的地方 </div> <script language="javascript"> function MyCreate() { Index_Create_LeftPanel(0, "我的1", "左側(cè)欄寫標(biāo)題", GetPanelInnerHTML("lman1")); Index_Create_MainPanel(0, "我的2", "中間欄寫標(biāo)題", GetPanelInnerHTML("lman2")); Index_Create_RightPanel(0, "我的3", "右側(cè)欄寫標(biāo)題", GetPanelInnerHTML("lman3")); } setTimeout("MyCreate()", 1000); </script> 呵呵,就是這么簡(jiǎn)單,,如果你想在左中右側(cè)欄增加超多HTML模塊,,方法一樣如下(左中右同時(shí)增加兩個(gè)模塊,更多的模塊大家一看就明了): <script language="javascript" src=http://shequ2.tool.hexun.com/4767106/my.css></script> <div id="lman1" style="display: none;"> 這里是第一層左側(cè)欄放代碼的地方 </div> <div id="lman2" style="display: none;"> 注意ID號(hào)已改成了lman2,關(guān)注下面的也改了 這里是第一層中間欄放代碼的地方 </div> <div id="lman3" style="display: none;"> 注意ID號(hào)已改成了lman3,,關(guān)注下面的也改了 這里是第一層右側(cè)欄放代碼的地方 </div> <div id="lman4" style="display: none;"> 注意ID號(hào)已改成了lman4,,關(guān)注下面的也改了 這里是第二層左側(cè)欄放代碼的地方 </div> <div id="lman5" style="display: none;"> 注意ID號(hào)已改成了lman5,關(guān)注下面的也改了 這里是第二層中間欄放代碼的地方 </div> <div id="lman6" style="display: none;"> 注意ID號(hào)已改成了lman6,,關(guān)注下面的也改了 這里是第二層右側(cè)欄放代碼的地方 </div> <script language="javascript"> function MyCreate() { Index_Create_LeftPanel(0, "我的1", "第一層左側(cè)欄寫標(biāo)題", GetPanelInnerHTML("lman1")); Index_Create_RightPanel(0, "我的2", "第一層中間欄寫標(biāo)題", GetPanelInnerHTML("lman2")); Index_Create_MainPanel(0, "我的3", "第一層右側(cè)欄寫標(biāo)題", GetPanelInnerHTML("lman3")); Index_Create_LeftPanel(1, "我的4", "第二層左側(cè)欄寫標(biāo)題", GetPanelInnerHTML("lman4")); Index_Create_RightPanel(1, "我的5", "第二層中間欄寫標(biāo)題", GetPanelInnerHTML("lman5")); Index_Create_MainPanel(1, "我的6", "第二層右側(cè)欄寫標(biāo)題", GetPanelInnerHTML("lman6")); } setTimeout("MyCreate()", 1000); </script> 注意:代碼中層數(shù)“0”位置“Left"和ID號(hào)"lman1"的變化,。 呵呵,大功告成,,對(duì)于有些對(duì)CSS不熟但又想給自己的博客增彩的朋友來(lái)說(shuō),,這個(gè)方法再合適不過(guò)了。這個(gè)方法也是小雪在搞自己博客當(dāng)中積累下來(lái)的寶貴經(jīng)驗(yàn),。很系統(tǒng)全面實(shí)用有效,,呵呵。沒(méi)辦法,,累了,,夸一下自己。 |
|
來(lái)自: 君臨一方 > 《網(wǎng)頁(yè)技術(shù)》