今天在左岸读书那看文章,看到它的文章页面上的有几个按钮很有意思,可以调文字的大小和背景色,哈,很是喜欢,习惯性的打开火狐,打开之前写过介绍的firebug查看了下源代码,准备copy下来,希望不要介意哈。嘿嘿。
不出意外,我发现了一下代码:
有戏了,哈哈,然后我找到主题文件中single.php,在< ?php get_header(); ?>下面插入以下Js代码:
然后在tittle和content之间适当的位置插入以下代码以显示文字按钮:
字体:小 中 大
颜色:灰蓝 褐
最后在content的DIV中加了一个"sizecolor"的ID,如下:
……
这样,这个功能就完美仿造成功了,试试效果吧,文章按钮我放在文章作者日期那一行,由于inove主题的特殊性,中文会出现乱码,它是由主题目录中languages下的一个文件zh_CN.po汉化的,暂时用英文代替,在本地服务器中我已经搞定中文了,以后再说吧。
搜索看见这篇文章的,没有cookie,不给力!
@西门 @西门, 难得有搜索过来的,cookie下次来就有了。呵呵~
之前看到别人的blog里有这个功能,一直想知道是怎么实现的。当时没想到用firebug查看源代码 :强: ~那个更换背景颜色的最好加多一个换回原来背景(白色)的吧,我觉得会好一些 :微笑:
@OnC @OnC, 当时改后就在也没去动它,连中文也懒得换了,到时候我一起改了吧~
按钮在哪里呢,没找到 :汗:
@岸边 @岸边, 不是说了在文章日期那一行,只是英文显示着~
在宽屏笔记本下感觉还是有点小
@未扬清 @未扬清, 宽度不是百分制的设计,在某些机子上都已经成全屏了~ :委屈:
嗯,最近才用上FIREBUG ,即时显示修改后的效果很不错。
@merror @merror, 火狐的这个插件可厉害了~呵呵
看完了留个名,我表示我喜欢简洁的博客,不喜欢花哨的装饰。
不过代码还是可喜研究下的,今后不排除会做一些花哨的站,哎~
__________________________________________
【★号外!今天小博满月,欢迎过来围观!★】
@人好哇! @人好哇!, 这是一个学习的过程~
看完留名 :帅:
@风小 @风小, 前去留名~
好专业 谢谢博主分享了 哈哈 收下慢慢研究
@瘦腿不是秘密 @瘦腿不是秘密, :微笑:
很不错的方法
博主厉害 :嘻:
@only博客 @only博客, 自己也学到不少~
继续折腾……
@扯远了 @扯远了, 折腾不止~
乱码是因为你不是保存为utf8编码的原因。
另,颜色没设置可以还原
@流年 @流年, .po这类文件很强大,很多做多国翻译的都靠这个完成的,其他还在完善中~
不错,简洁的代码~不过jquery也可以实现~
@小松 @小松, 恩,是的,而且代码会更少~不过暂时还没徒手写jQuery的能力~