标签: CSS

Willin大师前几天就捣鼓出了《Mini Pagenavi》,与之前《实现 WordPress 分页导航》内代码一比较,还真迷你不少,我喜欢!

nav.jpg

为配合《WordPress 原生评论分页导航》的函数,对两者样式做了个统一定义:

.pagenavi{text-align:center;margin:1em 0 1.5em;}
 
.page-numbers{border-bottom:5px solid #ccc;padding:5px 8px 4px;margin:0 5px;}
 
.page-numbers:hover,.current{color:#000;border-bottom:5px solid #000;}

对Willin的Mini版动了几处的class名称,使CSS定义更统一: 继续阅读

用WordPress写博的大多以折腾WordPress为乐,Jinwen大大更是写了篇《无折腾不WordPress》,Why?原因太多,不一一累述,究其根本是由于每个人审美和需求的不同。

近几天冒出很多童鞋加我Q,向我寻求帮助,对于这份信任我很感谢!可,我也头大了……因为较多的童鞋都是刚接触WordPress,对CSS呀,WordPress模板文件呀都不甚知晓,当然更不用说jQuery了。

由于近期我折腾了很多还看得过去的jQuery特效,几位童鞋也极力想加上,这可为难我了……真的,不怕告诉大家,我也是懂那么一点点,没人教我,大半通过谷歌搜索所学,能折腾出这些代码已经很不容易了。

其实,我想说的是:不是我不厚道,而是一我没这个实力,二我也没这个义务,只是出于对我寻求帮助的人的一份责任。我也知道很多童鞋也不想打扰我,的确是自己搞不定了,才找我的。

继续阅读

css.jpg jquery.jpg

申明:所有资源来自网络,如果什么什么版权问题,一切一切问题于小弟无关! 继续阅读

曾经有人问我,你是用DW写代码的吗?我说不,是用EditPlus纯手工写的。继续问,难道每一个字母都是自己敲的?我说,是的。只见那人投来“你是牛人,小弟无法企及!”的目光,也见屏幕内映衬出一张消受脸上浮出一个非常非常勉强的笑容……

说真的,印象里只有在几年前选修“网页制作”时用过DW制作了几张html,那时不懂,用DW不断插入表格,调整宽度,输入内容,然后保存,调试,不行,继续修改……完全在“所见即所得”的视窗内完成全部的制作!由此,DW也给我留下来一个庞大臃肿做个东西需不断修改还做不到自己想要效果的坏印象。

一年前接触到WordPress,然后发现WordPress主题中所有东西的显示都是由一个style.css控制的,那就打开来好好研究研究咯!之后不知啥时咋地就载了个EditPlus,再打开CSS文件,突然发现整个世界都不一样了,代码高亮了!接着就好办了,一切都是那么的有规律,删掉这行“background:”,额背景米有了,修改“border:”试试,哦原来这个是边框呀!就这样,CSS各个属性慢慢的熟悉起来……

继续阅读

几个月前《调整了导航及评论样式》,所以这次是“再次”了,有没有“再再次”那就不得而知咯~

导航栏方面,利用jquery给“margin-top:10px”添加了个速度和弹跳的效果,童鞋们可以把鼠标移到导航上体验下。代码方面个人考虑到主题差异太大,也就不单独写篇笔记了,聪明的同学可自行查看源代码及加载的JS。

navga1.jpg

继续阅读

首先申明,个人对Firefox的firebug插件,IE8的开发人员工具,不熟。此文也只以个人角度出发,对Chrome的审查元素的部分功能做个介绍。所以,各位童鞋大可不必争到底孰好孰坏,各取所需各选其好即可!

使用Chrome的审查元素很简单,以小站wordpress的分类页为例:

打开页面——鼠标移到“折腾WP”——右键——审查元素

即弹出了审查元素的窗口: 继续阅读