这次讲颜色和背景。 ●先备份 ●●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,西西。 不明白的同学继续留言。下次讲特效代码(- -+哦~内容不多) |