<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    小碼哥

    誰謂河廣,一葦杭之

       :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      7 隨筆 :: 17 文章 :: 74 評論 :: 0 Trackbacks

    常用鏈接

    留言簿(21)

    隨筆分類

    隨筆檔案

    文章分類

    文章檔案

    相冊

    訂閱Canvas

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    編寫此文的目的:當你看到我這篇博文的時候,估計你就不能體會我為什么要編寫此文了。在此文發表之前,我需要一篇博文來改變我的首頁的丑陋的狀態,于是我就寫了這篇博文。
    使用到的工具:大腦一個,手兩只, IE Developer(點擊下載),其他東西若干
    打造過程:
    前天申請的BlogJava,感覺很不錯,看看后臺,發現可以通過修改CSS改變自己博客的面貌。 cnblog上有人說有比較好的costom的模板,可在BlogJava里我卻沒有找到這個模板。系統里已經自帶了很多模板了,都很漂亮,但是自己還是喜歡那種oracle數據庫幫助文檔那種樣式的頁面,在后臺選了個最接近自己想法的模板cogitation,然后就開始這次改造工程。
    大俠們見諒,以下部分沒有什么內涵,都是一些干完體力活后發的牢騷
    如果你還想繼續往下看,請確保你已經成功安裝了IE Developer瀏覽器插件。
    打開自己的BlogJava首頁,可以看到自己選的模板已經生效了,先用IE Developer查看一下自己首頁的結構吧,很簡單,一目了然。想起了后臺可以自己用HTML定義頁面的頭部和尾部,這個太好了,直接把原先的頁面頭和尾設為不顯示,css代碼如下:
    #footer{
    display
    :none;
    }

    #top 
    {
    display
    :none;
    }
    然后自己寫個頁面頭和尾,把自己的寫的頭和尾的html代碼拷到后臺對應的地方,代碼不要是完整的html頁,一兩個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>積極且具有憂患意識的人,在每一次憂患中都會看到機會,并且在每個機會中也都會看到某種憂患!<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"><href="http://www.tkk7.com/canvas/">首頁</a></td>
        
    <td width="100" align="center"><href="http://www.tkk7.com/canvas/admin/EditPosts.aspx?opt=1" >新隨筆</a></td>
        
    <td width="100" align="center"><href="http://www.tkk7.com/canvas/rss" >聚合<img src="http://www.tkk7.com/images/xml.gif" style="border-width:0px;" /></a></td>
        
    <td width="100" align="center"><href="http://www.tkk7.com/canvas/contact.aspx?id=1" >聯系</a></td>
        
    <td width="100" align="center"><href="http://www.tkk7.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 />
      
    <href="http://elgnaw.cn/">Copyright &copy; Canvas Wong</a>&nbsp;<href="mailto:canvas.wong@gmail.com">Contact me</a>

        
    </td>
      
    </tr>
    </table>
    </div>

    接下來就是用IE develop導出頁面css,然后自己修改成自己想要的樣子,再放回『通過css定制頁面』中去即可。
    看到留言框內有個google廣告,通過后臺可以去掉這個廣告,但是會留下一個iframe框,不知道你那是不是也這樣。仔細看了一下留言頁面代碼,使用這段css代碼把iframe設置為不顯示:
    iframe{
    display
    :none;
    }

    總結:右鍵->查看源代碼,原模板的東西都在,只是沒有顯示出來,糊弄一下看客的眼睛而已。

    找一個自己喜歡的模板,將它打造得面目全非吧。

    posted on 2008-05-06 15:49 小碼哥 閱讀(419) 評論(1)  編輯  收藏 所屬分類: HTMLCSS

    評論

    # re: 也扯打造個性BlogJava模板[未登錄] 2008-08-07 07:38 胖胖泡泡
    這個不錯,收藏了!  回復  更多評論
      

    主站蜘蛛池模板: 亚洲an天堂an在线观看| 日本免费高清一本视频| 无码av免费一区二区三区试看| jizz免费在线观看| 亚洲免费日韩无码系列| 一个人免费观看日本www视频| 成人一级免费视频| 精品国产污污免费网站入口在线 | 亚洲人成在线播放网站岛国| 国产AV无码专区亚洲Av| 国产AV无码专区亚洲AV毛网站| 久久久久久亚洲精品中文字幕| 亚洲精品综合一二三区在线| 精品日韩亚洲AV无码一区二区三区| 亚洲视频一区二区在线观看| 亚洲中文无码线在线观看| 亚洲一区二区三区国产精品无码| 亚洲高清视频在线| 亚洲aⅴ无码专区在线观看| 日韩一级片免费观看| 大地影院MV在线观看视频免费| 2021在线永久免费视频| 精品免费人成视频app| 女人张开腿给人桶免费视频| 免费v片视频在线观看视频| 国产美女亚洲精品久久久综合| 亚洲成a人片在线观看中文动漫| 亚洲成av人片不卡无码| 亚洲精品成a人在线观看☆| 日韩久久无码免费毛片软件| 亚洲免费观看视频| 黄页网站在线观看免费高清| 国产精品酒店视频免费看| 亚洲综合精品香蕉久久网| 亚洲色av性色在线观无码| 亚洲国产AV一区二区三区四区| 一区二区三区在线免费| 最好看的中文字幕2019免费| 日韩免费高清视频| 国产亚洲精AA在线观看SEE| 亚洲一区二区三区在线观看蜜桃|