热门标签
热门文章
- 1基于STM32的智能换气除湿杀菌鞋柜_基于stm32的智能鞋柜
- 2微信小程序之音乐播放器_微信小程序音乐播放器
- 3Kafka 保证消息的不丢失_怎么样确保kafka消息不丢失
- 4Mysql事务隔离MVCC机制_mvcc机制是如何保证事务的隔离性的?
- 5人脸识别方法的研究_gabor特征人脸识别国外研究现状
- 6修改hosts文件，提高访问github的速度（github外网的登录问题）_github hosts
- 7usage of algorithm
- 8stm32开发三、单片机关键字extern
- 9读入一个小于10 的整数n，输出它的阶乘n!_2.输入一个小于10的正整数n,输出n的阶乘。
- 10[网络安全自学篇] 十.论文之基于机器学习算法的主机恶意代码_恶意代码 顶级论文
当前位置: article > 正文
创建.Text Blog的自定义Skin
作者：小丑西瓜9 | 2024-04-25 03:02:34
赞
踩
创建.Text Blog的自定义Skin
作者：Eric Willis
翻译：汉博网/东南大学先声网 陈希成
原文： Http://weblogs.notevil.net/eric/articles/792.aspx
————————————————————————————————————————————
可以任意转载，引用请注明出处！
————————————————————————————————————————————
创建.Text Blog的自定义Skin其实不像它的代码一样困难。以下的方法让你只需要几分钟就可以作出自己的Skin：
１．首先寻找到Skin保存的缺省目录，这样你就不会找不到北了。下面我们即将从已存在的Skin中选出一个来编辑。
目录一般在X:/DotText/DottextWeb/Skins
２．打开Skin所在目录，选择一个已存在的Skin。我选择的是Marvin3（谢谢Marvin3的作者，Marvin3在页两边各有一列）。
新建一个目录，把文件拷贝进去。
３．现在，重命名文件夹。我叫它mine EIce，因为它基本上全是蓝色——和我汽车的颜色类似。
４．打开那个Skin文件夹，里面有几个CSS文件。Marvin3有几个CSS文件，别的Skin可能只有一个。每一个CSS都可以成为你Skin的一个版本。其中有个文件：PageTemplate.ascx （Asp.Net Custom Control），这个文件保存了Skin里的位置信息。打开它，看看它是如何工作的。你将看见普通的标签前缀都在文件的头部有注册，它们是用来画出皮肤的外形的。同时这里还有一些Html标记，你可以随意的去编写这些标记，但不要有语法错误！你也可以看看哪些元素可以移动，比如“News”的标签。
５．下面回到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文件名。以下是一个例子：
<SkinTemplate 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设置中看到。
翻译：汉博网/东南大学先声网 陈希成
原文： Http://weblogs.notevil.net/eric/articles/792.aspx
————————————————————————————————————————————
可以任意转载，引用请注明出处！
————————————————————————————————————————————
创建.Text Blog的自定义Skin其实不像它的代码一样困难。以下的方法让你只需要几分钟就可以作出自己的Skin：
１．首先寻找到Skin保存的缺省目录，这样你就不会找不到北了。下面我们即将从已存在的Skin中选出一个来编辑。
目录一般在X:/DotText/DottextWeb/Skins
２．打开Skin所在目录，选择一个已存在的Skin。我选择的是Marvin3（谢谢Marvin3的作者，Marvin3在页两边各有一列）。
新建一个目录，把文件拷贝进去。
３．现在，重命名文件夹。我叫它mine EIce，因为它基本上全是蓝色——和我汽车的颜色类似。
４．打开那个Skin文件夹，里面有几个CSS文件。Marvin3有几个CSS文件，别的Skin可能只有一个。每一个CSS都可以成为你Skin的一个版本。其中有个文件：PageTemplate.ascx （Asp.Net Custom Control），这个文件保存了Skin里的位置信息。打开它，看看它是如何工作的。你将看见普通的标签前缀都在文件的头部有注册，它们是用来画出皮肤的外形的。同时这里还有一些Html标记，你可以随意的去编写这些标记，但不要有语法错误！你也可以看看哪些元素可以移动，比如“News”的标签。
５．下面回到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文件名。以下是一个例子：
<SkinTemplate 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设置中看到。
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/482914
推荐阅读
相关标签
