向留言的同学鞠躬~
这年头要留上言不容易啊^________^



Akira教你改模板 Lesson3

这次讲颜色和背景。
●先备份
●●BLOG的主体部分
㈠在“源码”状态下,修改主模板的字体/边框颜色
为了到达整体一致,字体/边框颜色由顶图主色决定,所以顶图的选择很重要

①在源码里,凡是“#”开头,后面接6位数字或字母或数字+字母的东东,都表示颜色

②颜色代码
以前我是在作图软件里寻找颜色代码,最近让我找到一张颜色代码对照表。有些颜色在肉眼看起来简直一模一样……(超级大的图啊裁成4部分了还是那么大)


如果对配色没自信的同学,请看下面的配色图,但这图上没有颜色代码,需要到作图软件里面去查找它们的名字。点击看大图

③颜色代码替换原则
原来的板子是有它自己的主色调的,那么就存在颜色代码。
找出原来的颜色与颜色代码,与现在你想要的颜色相对照,深对深,浅对浅。据我所了解的,Oblog上的一个模板的颜色代码不会少于5种。如果你和我一样偷懒,可以把很相似的颜色合并了,哈哈~

④运用查找替换原颜色代码。(跟图片的替换一样)

○如果你不想那么复杂,那记得在挑选模板就挑选有你喜欢的字体颜色的模板!!!但在更改顶图时,记得选择符合字体颜色的图片(继续不排除有些同学喜欢不统一的风格~)

㈡跟颜色有关系的一些代码含义
①可点击的文字
代码如下,没有的同学可以加上,系统默认的颜色不怎么好看:
a:link {
 color: #颜色代码;
 text-decoration: none;
}/* -------------做了连接的文字颜色--------------- */
a:visited {
 text-decoration: none;
 color: #颜色代码;
}/* ---------访问之后的文字颜色--------------- */
a:hover {
 text-decoration: underline;
 color: #颜色代码;
}  /* --------鼠标放在连接的文字上出现下划线以及产生的变色---- */    

②滚动条设置
BODY {
SCROLLBAR-FACE-COLOR: #滚动条凸出部分的颜色;
 SCROLLBAR-HIGHLIGHT-COLOR: #滚动条空白部分的颜色;
 SCROLLBAR-SHADOW-COLOR: #立体滚动条阴影的颜色;
 SCROLLBAR-3DLIGHT-COLOR: #滚动条亮边的颜色;
 SCROLLBAR-ARROW-COLOR: #上下按钮上三角箭头的颜色;
 SCROLLBAR-TRACK-COLOR: #滚动条的背景颜色;
 SCROLLBAR-DARKSHADOW-COLOR: #滚动条强阴影的颜色;
 SCROLLBAR-BASE-COLOR: #滚动条的基本颜色
}

○这两组代码都放在<STYLE>后面

㈢在“设计”状态下,修改主模板/副模板
①主模板/副模板的标记说明(设计框下面就有)
其它的随便你要不要,但主模板不能没有第一排那句

顺便说 这些标记在日记内部和回复框仍然有效

②可以任你的喜好在“分类”“更新”“回复”等前面添加小图标。比如:
 
这步没必要在“源码”状态下进行,因为图片很小,定位容易

●●最后说背景
背景有两种情况(像我这样的模板哈~):一种是纯色,另一种是图片;若为空,系统默认为白色
不论那种色调都由顶图和字体颜色共同决定(仍然不排除有些同学喜欢不统一的风格~)

纯色背景代码:
body {
 background-color: #颜色代码;}

图片背景代码:
body {
 background:url(图片地址) repeat scroll!important;}

当然会出现一些比较特殊的情况,看似和我的模板一样,其实有差别~那个具体问题具体分析~私了私了~~

想学习做模板的同学请留意50老师的BK,西西。
不明白的同学继续留言。下次讲特效代码(- -+哦~内容不多)

akira 发表于 2007-12-22 9:30:19||阅读全文 | 回复(13) | 引用通告 | 编辑


Re:Akira教你改模板 Lesson3

桃子同学, 辛苦了`~~ 我抢

latalata(游客)发表评论于2007-12-22 9:42:53||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

啊,这次我看得无敌得兴高采烈...好多得颜色啊....好玩好玩说.....

blackcrossing发表评论于2007-12-22 11:35:02||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

桃子老师辛苦了,嘿嘿,偶下次看到了好看的图片,还是你帮忙代劳吧

牧野云天(游客)发表评论于2007-12-22 12:43:49||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

不知道我163的模板可不可以改

popo(游客)发表评论于2007-12-22 14:27:59||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

最近你和50都在教大家改模板呢~

真是复杂de工程~

dear(游客)发表评论于2007-12-22 14:36:28||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

a:link {
 color: #颜色代码;
 text-decoration: none;
}/* -------------做了连接的文字颜色--------------- */
a:visited {
 text-decoration: none;
 color: #颜色代码;
}/* ---------访问之后的文字颜色--------------- */
a:hover {
 text-decoration: underline;
 color: #颜色代码;
}  /* --------鼠标放在连接的文字上出现下划线以及产生的变色---- */    

请问这个代码加进去是不是公告 回复那里的字体颜色就应该改变的,我加了选了我喜欢的颜色代码为什么没有用呢


以下为blog主人的回复:

 这句代码是可点击文字的颜色 我去你那看了 你的公告只有图片 哪里来的文字?你是说日历吧 因为日历里面有可点击的文字当然会改变颜色 

这串代码只管可点击文字的颜色 其他字体的颜色它管不了 如果你要换颜色我这里也说了 你要找出原来所有带#开头的颜色代码 然后一一替换

sunflower发表评论于2007-12-22 14:52:55||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

我也试试换颜色

吾叶(游客)发表评论于2007-12-22 19:15:38||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

首页 相册 标签

craft49

生活在纸上 29 这些字想替换颜色的话都要一个个查找的 是吗?


以下为blog主人的回复:

 只要是有#开头的六位数你都换就对了

sunflower(游客)发表评论于2007-12-23 1:25:31||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

我。。。。我太笨了。。还是一个都不会

夕佳(游客)发表评论于2007-12-25 13:55:40||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

我赶来求救的,50说我那里用IE打开的话,没办法留言,这是什么地方出了问题啊?

robinying发表评论于2007-12-28 22:32:40||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

以下引用robinying在2007-12-28 22:32:40发表的评论:

我赶来求救的,50说我那里用IE打开的话,没办法留言,这是什么地方出了问题啊?


谢谢Akira这么快就到我那儿去了,原来可以留啊,那看来是本身人气差了

我把你的链接带走了哦

robinying发表评论于2007-12-28 22:46:59||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

今天坐下来好好学习

rhythm(游客)发表评论于2008-1-9 15:01:54||个人主页 | 引用 | 返回 | 删除 | 回复


Re:Akira教你改模板 Lesson3

昨天到今天看了两头还是依旧丈二和尚摸不着头脑啊!痛苦,看来一定要高人手把手教我才行啊!

rhythm(游客)发表评论于2008-1-10 15:52:43||个人主页 | 引用 | 返回 | 删除 | 回复

发表评论:

    昵称:
    密码: (游客无须输入密码)
    主页:
    标题:
<<  < 2008 - 12 >  >>
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31



Akira in
 {豆瓣} {百度} {163}{精明}

饭否

分 类
更 新
回 复
留 言
链 接
登 陆



生活文化馆 | 手工BLOG | 在线购物 | 手工加盟 | 手工教程 | 手工资讯 | 手工制作论坛 | 手工杂志