CSS的滑动门技术

本来想给课题组网页的导航栏做一个漂亮的按钮,因为导航上的标题的字数不一样,如果使用统一的背景,会感觉特别丑,但如果给每一个标题制作一个背景,又觉得繁琐,万一哪一天想突然增加个标题岂不是又要做一个背景呢。若是使用CSS的滑动门技术,上面的难题就迎刃而解。关于CSS的滑动门技术,简单的说就是背景可以随着上面的字数的多少而自由收缩。

于是在网上搜关于这个技术的教程,天煞的中国互联网,教程如出一辙,基本都是互相抄袭,一个模样,况且有些还没讲清楚。

所以,还得自己动脑,例如<a href=”#”><span>HOME</span></a>,对此的分析是,<span>的标签在<a>内,所以如果能让<a>右边的背景出来,需要调用padding-right参数,那对于<span>标签,如果要让其背景从左边出来,则需要调用margin-left参数,并且参数值为负。同时还要设定这两个标签的高度,并保持一致。

在修改导航栏的时候,发现WP真的好用,你能想到的,作者都帮你想好了,真赞!

有压力才有动力

大概一年前,我的导师就让我负责课题组网站的事情,由于那时候要做实验,所以即使忙完实验,也不想碰网站这事,所以就一直拖着,今年生病在家休息的时候,将近两个月的时间,师兄也提醒我让我有空把网站做一下,可在家却一直看电视,上网,不想理睬那事。

现在到学校了,由于还不能做实验,好担心自己的实验,总是不那么顺利。导师对我挺好,让我自己觉得能做实验了,再动手。所以这时想着趁这段时间,该把网站做起来了,参考了其他课题组的网站,好多都不怎么更新了,可能是做的静态网页吧,我也就决定搞个静态网页吧,这样载入也快,如果需要更新信息,就得直接在网页上修改,这时有点麻烦。前后花了一个星期,将静态网页做好了,给导师看,导师觉得风格不错,并提出要是能够时时更新内容就好了。哇,那不是要做动态的么,说实话,自己没搞过,水平有限。

既然答应导师了,就得硬着头皮来,用WP做后台,将静态页面转成动态的,首先是看网上教程,如何一步一步做,然后自己不断尝试,中间也遇到困难,但都解决了,还是比较开心的,目前的工作就是进一步学习WP的各种函数,美化网站。

把网站地址贴出来:http://wqjin-group.com/

科研中遇到困难,在压力驱动下,我想我可以克服的,祝自己顺利。加油吧!

wp-touch插件

在手机上浏览一朋友的blog的时候,发现他的blog的风格变了,自动切换成触屏版本,很人性化的,界面经过处理后,更加适合浏览了,原来是启用了wp-touch的插件,接着也赶紧给自己装上,在wordpress后台插件搜索中输入“wp-touch”,安装并启用后,便能实用了,不过在设置里面是英文的,网上早有人制作了汉化包,详见:http://www.typemylife.com/wordpress-mobile-friendly-theme-wptouch-chinese-language-pack/

秀一下安装插件后,在手机浏览的效果吧:

还是很漂亮的。觉得好的就赶紧装上吧。