17 123
发新话题
打印

“绯色迷情”模板修改 续记

本帖已经被作者加入个人空间

“绯色迷情”模板修改 续记

□□“绯色迷情”的大轮廓已经大体修改完毕,焕然一新了,但是还有一些细节可以处理得尽善尽美些,在此也做一下介绍: □□一、搜索栏、回复栏和公告栏的修改 □□1、先打开模板的编辑,在样式表中找到 /*搜索*/ #searchkey { border: 1px solid #E2E2E2;(外层边框) } #dosearch { border-top: 1px solid #F7FBFF;(搜索按钮边框,下同) border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #F7FBFF; background: #EEE;(背景颜色) color: #333;(字体颜色) □□蓝色部分的solid是实线的意思,想把它变为虚线,只要将它改成dotted即可。 □□红色部分是颜色代码,原来的灰白的搜索栏和“绯色迷情”的整体不够协调,所以就将代码改成粉色的色值,使它更可爱一些。想知道各种颜色的代码是什么,请点击这里□□2、回复栏的修改和这个类似,在样式表中找到 /*发表评论*/ #itemform { border: 1px solid #E2E2E2; } #itemform h3 { border-bottom: 1px solid #EEE; color: #333; background: none; } #itemform h3 a { color: #333; } #btncomment { border-top: 1px solid #F7FBFF;(回复提交按钮边框,下同) border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #F7FBFF; background: #EEE;(背景颜色) color: #333;(字体颜色) □□将蓝色部分和红色部分都按上面修改搜索栏的方法修改一下就可以了。 □□同样的道理,在/*发表评论*/中找到 #itemreply img.signicon { border: 1px dotted #F47EC4; background: #FCE0F1; } 对标色部份进行更改,就可以修改回复中用户的头像的边框和边框填充颜色。 □□3、颜色和边线的运用十分广泛,你还可以用类似的方法对公告栏也做一下处理。 □□在样式表中找到 /*公告*/ #announcement { border: 1px solid #DFDFDF;(外层边框) background: #F9F9F9 url(images/gray/icon_announcement.gif) no-repeat 0.5em;(背景颜色及公告图案标志) color: #333;(字体颜色) □□蓝色部分和红色部分的替换方法同上,绿色部分是公告图案,大小为16x24,可以根据需要更换图案地址。 □□二、利用“友情链接”模块创建精华日志列表 □□通常在博客的侧边栏中可以显示过往日志列表,日志的发布情况一目了然。而在本站博客中似乎并没有自动生成日志列表的模块,不过不要紧,我们可以自个动手来提高自己侧边栏的利用率。 □□方法很简单,就是利用“友情链接”这个模块,(因为本站博客已有“我的好友”模块可供链接,这使“友情链接”模块显得有些鸡肋)。让我们先打开一篇日志,将得到的网址复制下来,然后打开门户管理,在友情链接上选择添加链接,加入日志地址,写上日志名称就OK啦,多重复几次,就可以把日志一篇篇链接上去了。 □□最后给“友情链接”改个名吧,免得它名不符实。打开我的模板的编辑,在主页面的界面中直接双击“友情链接”,然后就像WORD文档的修改一样,把字打上去就可以了。我把我的“友情链接”改成了“日志橱窗”:呵,东西就在这儿摆着了,喜欢哪个自己挑吧~~~ □□这样做虽然有些麻烦。但有一个好处就是,当我们写博客一定时间后,日志的质量定然会良莠不齐。而用这个办法,可以挑选出最精华的日志来,呈现给新老朋友。 □□三、日志分类 □□日志一多,难免就有些乱有点杂,如果能给它们按不同类型加以分类管理,整个日志版就井井有条了。 打开门户管理,点击日志分类,根据你的日志情况,要把日志分成几类,类别名称要叫什么,随你意,这是很个性化的东西。然后再回到日志管理,在每篇日志的编辑中调整标题左侧的分类,再点一下提交,分类就完成了。 □□我的日志被我整理成五类: □□1、私语切切——小弦切切如私语,细述心路。 □□2、行色匆匆——走到哪拍到哪,留下印迹。 □□3、管弦靡靡——转轴拨弦三两声,音乐的魔力无法抵挡。 □□4、西席散记——西席即“夫子”,一些有关校园的轶事。 □□5、杂语漫放——无关风月,闲云野鹤的杂记。 □□四、“我的图片”模块中图片外框的修改 □□由于系统默认的图片外框是灰色的(如图): □□这样的外框不免让人感到枯燥,但我们也可以对这张图片外框进自定义呢。在样式表中找到 /*************************************************************/ /**************************************** 图片列表/显示页面 **/ /*************************************************************/ .imglist li { background: url(images/gray/photo_bg.gif) no-repeat; } 观察原图,我们知道这个相框是130X160像素的。我们只要用剪切好的自定义图片的地址替换红色部份就可以实现修改了。 □□今天就补充到这儿了,快乐需要一同分享。小女子虽然是个菜鸟,但在我接下来的博客之旅中,一定会有新的技术上的发现和心得,期待到时再和大家分享喔!^_^!

TOP

现在我终于明白写教程的苦了,以前我还老不喜欢看教程,觉得很长很累,现在才知道看不是最累的,写才累呢~~~呼呼,又写了两个小时,怕朋友们看不懂,还特意回到美丽深色的模板中去找原来的编码,所以大家不要觉得奇怪啊,我的博客不是故意要一会“绯色迷情”一会“美丽深色”的……

TOP

辛苦了~~加分,支持~~ 慢慢研究,嘻嘻

TOP

很抱歉,因为是边改边总结的,有的细节不小心就漏了,比如那个公告图案的大小是16X24,还有下面的图片外框的修改,都是后来添加上去的。请正在修改模板的朋友们注意一下。

TOP

TOP

嘿嘿 这些还需要专家指点呢 否则靠自身还是很难琢磨的拉 谢谢小V拉

TOP

学习了`

TOP

 17 123
发新话题