翻譯:漢博網/東南大學先聲網 陳希成
原文:http://weblogs.notevil.net/eric/articles/792.aspx
————————————————————————————————————————————
————————————————————————————————————————————
建立.text blog的自定義skin其實不像它的**一樣困難。以下的方法讓你只需要幾分鐘就可以作出自己的skin:
1.首先尋找到skin儲存的預設目錄,這樣你就不會找不到北了。下面我們即將從已存在的skin中選出乙個來編輯。
目錄一般在x:/dottext/dottextweb/skins
2.開啟skin所在目錄,選擇乙個已存在的skin。我選擇的是marvin3(謝謝marvin3的作者,marvin3在頁兩邊各有一列)。
新建乙個目錄,把檔案拷貝進去。
3.現在,重新命名資料夾。我叫它mine eice,因為它基本上全是藍色——和我汽車的顏色類似。
4.開啟那個skin資料夾,裡面有幾個css檔案。marvin3有幾個css檔案,別的skin可能只有乙個。每乙個css都可以成為你skin的乙個版本。其中有個檔案:pagetemplate.ascx (asp.net custom control),這個檔案儲存了skin裡的位置資訊。開啟它,看看它是如何工作的。你將看見普通的標籤字首都在檔案的頭部有註冊,它們是用來畫出**的外形的。同時這裡還有一些html標記,你可以隨意的去編寫這些標記,但不要有語法錯誤!你也可以看看哪些元素可以移動,比如「news」的標籤。
5.下面回到css檔案。絕大多數**的元素在ascx檔案中用id呼叫,看一下每個id所對應的元素,以及所對應的css選擇器。我加了一堆內容,你可以自定義一些。
6.在你的skin資料夾裡找到images這個資料夾。skin上所用的都在其中。我新增了一張作為背景,你也可以放任意同時參考css檔案裡的設定。比如加背景後使用:background-image:url(images/blue_duckie_bg.gif)。
7.開啟skin資料夾,你可以編輯ascx檔案中的每個元素。例如開啟blogstats.ascx,你能看到stats是如何顯示在你的blog中的。你能重定製格式或者改變他們的顯示方式。
8.下一步也是是最後一步——建立你的skin到dottext的skin庫中,即編輯skins.config。 它安裝在x:/dottext/dottextweb/admin中。一旦你開啟了這個檔案,你將看到很多標籤在理面 ,你需要建立乙個新的入口給你的新skin,也就是說每乙個css檔案都要新增乙個入口。skinid由你的skin名稱和乙個連字元,以及css檔名稱組成。skin的屬性顯示名在下面的設定中需要被列出,然後第二個css屬性是相對應的css檔名。以下是乙個例子:
skinid
="eice-green"
skin
="eice"
secondarycss
="green.css"
/>
<
skintemplate
skinid
="eice-blue"
skin
="eice"
secondarycss
="blue.css"
/>
<
skintemplate
skinid
="eice-red"
skin
="eice"
secondarycss
="red.css"
/>
這裡有三個css檔案:green.css,blue.css,red.css。skin名稱為「eice」。儲存了檔案以後,只要沒有語法錯誤,你就可以在admin設定中看到。
如何製作 Text Blog自定義面板
昨天在csdn上發表了一片關於製作.text blog自定義 的文章,對於剛接觸.textblog的愛好者可以參閱 察看。老手想必都會了,呵呵,小生在此耍耍大刀 hbzxf 阿好 如果你已經有了乙個比較個性化的計數器的話,下面我教你如何為csdnblog製作自定義 的功能,如果你沒有並且需要為你的c...
如何製作 Text Blog自定義面板
如何製作.text blog自定義 昨天在csdn上發表了一片關於製作.text blog自定義 的文章,對於剛接觸.textblog的愛好者可以參閱 察看。老手想必都會了,呵呵,小生在此耍耍大刀 製作自定義csdnblog hbzxf 阿好 如果你已經有了乙個比較個性化的計數器的話,下面我教你如何...
建立自定義控制項
在前一篇文章中 中,我將乙個公共視窗控制項進行了之類劃分,目的是為了修飾其行為或者說是擴充套件其功能。有時候,你只能將公共視窗控制項擴充套件到這樣的底部。我遇到的乙個例子是乙個比較普遍的話題即需要乙個格網控制項並且編輯tabular資料。我對clistctrl進行了之類劃分,並擴充套件使其能夠進行子...