标签归档:CODE 代码

任何软件程序都是由一行行代码组成的,网页网站也不例外,而良好的手写代码能力能让你在脱离编程工具的时候也能工作自如……

【Drupal】如何使 breadcrumb 在仅包含 home 时隐藏

在 Drupal 模板开发中会用到 breadcrumb 面包屑,其功能是输出当前页面与整个站点的层次结构关系,虽然在目前的一些网站中其功能性与重要性逐渐淡化,但在以往及所有以内容为主的网站中“面包屑”显得尤为重要。但我们发现在 Drupal 默认的情况下,绝大多数页面的 breadcrumb 只会显示一个“首页”链接,这个时候其实可以隐藏掉该区域,只需要在模板中判断 breadcrumb 数组中的单元数目是否多于一个即可。 继续阅读

为 WordPress 主题增加 jQueryTools 支持

用的越多越发现 jQueryTools 是一个非常不错的 jQuery 附加库,如同其官方网站所描述的 “The missing UI library for the Web” 仅仅整合了网站前端中常用的一些功能,于是忍不住想拿来替换掉本站 nan.im 目前使用的 jQuery + swfObject + LightBox 形式的库,这样将大大利于未来扩展一些功能及应用。下面将提供一些代码帮助给主题模板添加 jQueryTools 支持。 继续阅读

【Drupal】为 theme_box 添加个性 class 以方便定制 CSS 样式外观

在 Drupal 中有很多预定义的 theme 函数(在 theme.inc 中)而多数主题函数在渲染时并没有过多的考虑前端的 CSS 样式定义及呈现问题,其中 theme_box 就是其中之一,在 Drupal 中默认的“评论表单”及“搜索结果”就使用 theme(‘box’) 函数渲染,但如果想区分对待,分别定义不同的 CSS 样式会发现相当困难,这里提供一个简单的覆写主题函数的方法来为 theme_box 添加额外的 class 以方便前端附加个性的 CSS 样式。 继续阅读

【jQuery】如何去掉点击链接或图片时的虚线框

在浏览器中点击一个链接的时候会出现一个虚线框,通常情况页面会跳转我们不必在意,但如果仅仅为了触发一些动作如 AJAX 又或者被点击的是非矩形图片,那这个虚线框就有些影响视觉效果了,这里介绍一个小技巧,使用 jQuery 来方便的去掉链接或图片链接及按钮在被点击时候出现的虚线框,具体代码如下。 继续阅读

【WinXP】使用 vbs 脚本快速替换修改 WinXP 序列号

不需要重装系统,使用 vbs 脚本的一些内置方法可以替换修改已经安装的 Windows XP 序列号以通过微软正版验证。由于网路上流传的大量 WinXP 均捆绑了比较旧的 VLKs 序列号,而这些序列号由于大量使用或过期等因素导致微软屏蔽或停止了这些序列号,从而使安装这些 WinXP 的用户在访问微软正版验证时失败导致无法安装需要正版验证的程序(如:Windows Media Player 媒体播放、Microsoft Security Essentials 安全必备、等等需要正版验证的免费程序)而如果为了修改安装序列号而重装系统有点小题大做,这里附上 vbs 代码帮助你修改已经安装的 WinXP 序列号。 继续阅读

为 WordPress 添加 rel=canonical 标记

谷歌中文黑板报在题为 “指定 URL 范式” 文章中详细阐述了关于一个新的网页 head 标记 rel=canonical 对于搜索引擎处理站内重复内容时的参考作用。之后包括 微软必应(Bing.com)雅虎搜索(Yahoo.com) 在内的一些搜索引擎也开始支持这个标记,这里提供一段代码为 WordPress 添加该标记…… 继续阅读

利用谷歌文件(gDoc) 向网站及 CMS 添加复杂表单

对于普通 CMS 来说,通常添加各种复杂表单(如各种问卷或联系表单等)会让开发者非常头疼,而这种头疼并非来自于技术实现,而是如何组织代码:如果从底层程序写起会完全丧失当初选择 CMS 的优势;如果选择相应 CMS 的模块(Module)或插件(Plugin)例如 Drupal 的 CCK 模块或是 WordPress 的 ContactForm 插件都可以实现类似的功能但如果是面对对于大量不同内容表单的时候,这些插件所消耗的资源会略显浪费。

这里推荐使用 谷歌文件(Google Docs) 里面的表单类型文档来组织各种复杂表单并统计表单结果数据,具体步骤如下……

继续阅读

【jQuery】使用 js & jQuery 控制链接在新窗口 _blank 打开

既然 W3C 严格标准将 target=”_blank” 属性剔除,原因是 W3C 认为未经用户同意就打开新窗口是一种不礼貌的行为,容易破坏用户体验。那么问题来了,如何能即符合 W3C 严格标准又能使页面在新窗口打开呢?按 W3C 的意思是为需要弹出新窗口的 a 链接标记添加一个 rel=”external” 属性,或许等这种标准普及以后可以通过浏览器设置是否弹出包含有 rel=”external” 属性的链接,不过目前的情况是用户希望浏览器拼命的屏蔽各种弹出广告而同时 target=”_blank” 又是我们需要的属性,具体代码可按以下方法书写……

继续阅读

【jQuery】智能自动调整 WordPress 边栏高度

在 WordPress 中由于边栏小工具(widget)的引入使我们配置边栏区块内容变得非常方便例如:放置广告谷歌小工具放置腾讯滔滔、等等各种小工具,但随着小工具的增多,边栏也逐渐变得比正文更高,特别是如果摘要列表页只有一篇文章的时候,整个页面会被撑开实在有损美观,这里有一句基于 jQuery 的代码可以在边栏超过主体内容的时候动态删除最后一个小工具达到页面平衡的目的……

继续阅读