編寫此文的目的:當(dāng)你看到我這篇博文的時(shí)候,估計(jì)你就不能體會(huì)我為什么要編寫此文了。在此文發(fā)表之前,我需要一篇博文來改變我的首頁的丑陋的狀態(tài),于是我就寫了這篇博文。
使用到的工具:大腦一個(gè),手兩只, IE Developer(點(diǎn)擊下載),其他東西若干
打造過程:
前天申請(qǐng)的BlogJava,感覺很不錯(cuò),看看后臺(tái),發(fā)現(xiàn)可以通過修改CSS改變自己博客的面貌。 cnblog上有人說有比較好的costom的模板,可在BlogJava里我卻沒有找到這個(gè)模板。系統(tǒng)里已經(jīng)自帶了很多模板了,都很漂亮,但是自己還是喜歡那種oracle數(shù)據(jù)庫幫助文檔那種樣式的頁面,在后臺(tái)選了個(gè)最接近自己想法的模板cogitation,然后就開始這次改造工程。
大俠們見諒,以下部分沒有什么內(nèi)涵,都是一些干完體力活后發(fā)的牢騷
如果你還想繼續(xù)往下看,請(qǐng)確保你已經(jīng)成功安裝了IE Developer瀏覽器插件。
打開自己的BlogJava首頁,可以看到自己選的模板已經(jīng)生效了,先用IE Developer查看一下自己首頁的結(jié)構(gòu)吧,很簡(jiǎn)單,一目了然。想起了后臺(tái)可以自己用HTML定義頁面的頭部和尾部,這個(gè)太好了,直接把原先的頁面頭和尾設(shè)為不顯示,css代碼如下:
#footer{
display:none;
}
#top {
display:none;
}
然后自己寫個(gè)頁面頭和尾,把自己的寫的頭和尾的html代碼拷到后臺(tái)對(duì)應(yīng)的地方,代碼不要是完整的html頁,一兩個(gè)table即可。自己寫的頭和尾頁可以有css,把這些css放到『通過css定制頁面』中去吧。例如我的頁首頁腳html代碼就是這樣:
<table width="100%" height="60" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="middle" id="canvasHeader">
<h3>Canvas</h3>
<p>積極且具有憂患意識(shí)的人,在每一次憂患中都會(huì)看到機(jī)會(huì),并且在每個(gè)機(jī)會(huì)中也都會(huì)看到某種憂患!<p>
</td>
<td><img src="/images/blogjava_net/canvas/logo.gif" alt="logo" width="130" height="45" align="right" /></td>
</tr>
</table>
<div id="canvasNav">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td><table height="20" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="100" align="center"><a href="http://www.aygfsteel.com/canvas/">首頁</a></td>
<td width="100" align="center"><a href="http://www.aygfsteel.com/canvas/admin/EditPosts.aspx?opt=1" >新隨筆</a></td>
<td width="100" align="center"><a href="http://www.aygfsteel.com/canvas/rss" >聚合<img src="http://www.aygfsteel.com/images/xml.gif" style="border-width:0px;" /></a></td>
<td width="100" align="center"><a href="http://www.aygfsteel.com/canvas/contact.aspx?id=1" >聯(lián)系</a></td>
<td width="100" align="center"><a href="http://www.aygfsteel.com/canvas/admin/EditPosts.aspx" >管理</a></td>
</tr>
</table></td>
</tr>
<tr >
<td background="/images/blogjava_net/canvas/hr.gif" height="4"></td>
</tr>
</table>
</div>
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="/images/blogjava_net/canvas/hr.gif" height="4"></td>
</tr>
<tr>
<td align="center" id="canvasfooter">
<img src="/images/blogjava_net/canvas/bottom.gif" alt="canvas" width="80" height="25" /><br />
<a href="http://elgnaw.cn/">Copyright © Canvas Wong</a> <a href="mailto:canvas.wong@gmail.com">Contact me</a>

</td>
</tr>
</table>
</div>
接下來就是用IE develop導(dǎo)出頁面css,然后自己修改成自己想要的樣子,再放回『通過css定制頁面』中去即可。
看到留言框內(nèi)有個(gè)google廣告,通過后臺(tái)可以去掉這個(gè)廣告,但是會(huì)留下一個(gè)iframe框,不知道你那是不是也這樣。仔細(xì)看了一下留言頁面代碼,使用這段css代碼把iframe設(shè)置為不顯示:
iframe{
display:none;
}
使用到的工具:大腦一個(gè),手兩只, IE Developer(點(diǎn)擊下載),其他東西若干
打造過程:
前天申請(qǐng)的BlogJava,感覺很不錯(cuò),看看后臺(tái),發(fā)現(xiàn)可以通過修改CSS改變自己博客的面貌。 cnblog上有人說有比較好的costom的模板,可在BlogJava里我卻沒有找到這個(gè)模板。系統(tǒng)里已經(jīng)自帶了很多模板了,都很漂亮,但是自己還是喜歡那種oracle數(shù)據(jù)庫幫助文檔那種樣式的頁面,在后臺(tái)選了個(gè)最接近自己想法的模板cogitation,然后就開始這次改造工程。
大俠們見諒,以下部分沒有什么內(nèi)涵,都是一些干完體力活后發(fā)的牢騷
如果你還想繼續(xù)往下看,請(qǐng)確保你已經(jīng)成功安裝了IE Developer瀏覽器插件。
打開自己的BlogJava首頁,可以看到自己選的模板已經(jīng)生效了,先用IE Developer查看一下自己首頁的結(jié)構(gòu)吧,很簡(jiǎn)單,一目了然。想起了后臺(tái)可以自己用HTML定義頁面的頭部和尾部,這個(gè)太好了,直接把原先的頁面頭和尾設(shè)為不顯示,css代碼如下:
















































接下來就是用IE develop導(dǎo)出頁面css,然后自己修改成自己想要的樣子,再放回『通過css定制頁面』中去即可。
看到留言框內(nèi)有個(gè)google廣告,通過后臺(tái)可以去掉這個(gè)廣告,但是會(huì)留下一個(gè)iframe框,不知道你那是不是也這樣。仔細(xì)看了一下留言頁面代碼,使用這段css代碼把iframe設(shè)置為不顯示:



總結(jié):右鍵->查看源代碼,原模板的東西都在,只是沒有顯示出來,糊弄一下看客的眼睛而已。
找一個(gè)自己喜歡的模板,將它打造得面目全非吧。