play 的blog

摘要页2列的简单实现

原文:Two columns of teasers

编辑主题template.php,增加代码:

function _exampletheme_nodebreak($node) {
  static $count;
  if ($node->sticky) {
   return TRUE;
  }
  else {
    $count = is_int($count) ? $count : 1;
    $return = ($count % 2) ? FALSE : TRUE;
    $count++;
    //dprint_r('WOOT');
    return $return;
  }
}

然后编辑主题node.tpl.php,在最后增加代码:

<?php if (($page == 0) && _exampletheme_nodebreak($node)): ?>
<br class="clear" />
<?php endif; ?>

修改主题style.css,增加

#contentcenter .node.teaser {
  float: left;
  width: 223px; //for fluid layout use 50%
  margin-left: 20px; //for fluid layout set to 0;
  padding: 0;
}

交互的摘要页style class

原文:Alternating Teaser Classes

该文章通过修改主题node.tpl.php文件,到达在摘要列表页为node指定不同的样式风格。

主要增加了:

<?php global $node_count; print ($node_count++ % 2) ? 'odd' : 'even'; ?>

来判断是 odd 还是 even,这样我们就可以为 odd 和 even 指定不同的风格样式,如交互背景或是左右分列显示。

theme_item_list生成的li标签添加不同的style class

theme_item_list生成的li标签是没有指定style class的,我们通过修改达到自己的需要,看下面为li标签增加<li class="odd"><li class="even">

关于 function phptemplate_item_list2 函数请先看让theme_item_list生成的列表更易读

让theme_item_list生成的列表更易读

theme_item_list 函数是用于生成主题样式UL、OL等列表,然而在生成这些代码时会发现代码是不会换行的,象<ul><li>...</li><li>...</li></ul>

这篇文章 Add newlines to theme_item_list 指导我们轻松的解决这个问题,对于像我这样不会写代码的人来说帮助不小。

comment.tpl.php使用误区

本以为comment.tpl.php象node.tpl.php一样创建comment-[content-type].tpl.php ,结果在制作评论模板时遇到了麻烦,幸好有印象在JOE的站内有这样的教学文章,只是先前没有用到这样的功能,所以没有细看。
content-type 決定comment template这篇文章看了2遍,自己动手尝试,果然灵验。感谢JOE

下面是我转载作者的文章,今天访问JOE的站点足足花费半个小时以上。

content-type 決定comment template

原本以為之前的一篇文章總結了*.tpl.php 的用法
但今天還是忍不住寫了這一篇:
content-type 決定comment template

例如, 如果有一個 comment-book.tpl.php 檔存在,
而你正在訪問的node 的node-type又是 book 的話,
drupal 就會使用comment-bookk.tpl.php, 而不使用comment.tpl.php

Discuz! 6.0.0论坛转到 Drupal 5.14 记事

前几天开始鼓捣将Discuz! 6.0.0论坛转到 Drupal 5.14 ,PHP和MYSQL我不懂,只好找现成的模块,首先将 Discuz! 6.0.0 论坛转到 vbulletin 3.6.8 PL2,期间我也尝试转换到PHPBB3,可是相比VBB的转换程序更完善一些,毕竟是商业程序吧。转换过程请看VBB相关的说明吧

vbulletin 3.6.x 转换到 Drupal 5.14 需要安装模块:

使用Ubercart模块实现在线商店

Ubercart模块drupal项目页: http://drupal.org/project/ubercart

Ubercart模块开发者支持站点: http://www.ubercart.org/

关于Ubercart模块的功能、用途我个人也说不清楚。由于项目需要才开始研究琢磨。

Ubercart模块目前支持drupal5.x和drupal6.x。

截止今日版本:

6.x-2.0-beta1
5.x-1.6

drupal5.x环境安装Ubercart模块依靠:

  • TAPIr (5.x-1.6)
  • Token (5.x-1.11)
  • uBrowser (5.x-1.4)
  • Workflow-ng (5.x-2.1)
    • Workflow-ng

play 星期日, 2008-12-07 00:36

最近几天一直在研究ubercart模块,对于网店这类流程我基本不懂,又苦于英文说明看不懂,在网络上搜索到几个用drupal+ubercart组建的在线购物的网站,脑子里还是一片空白,最令我头疼的就是找不到完成的中文语言包,在drupalchina.org找到g089h515r806@drupal.org发布的一些ubercart的中文语言包,URL:http://drupalchina.org/node/5656 ,想自己动手翻译,几乎是完全借助于翻译软件,真是份苦力活儿啊。还建了一个Localization server,目前只添加了ubercart和webform这2个模块,主要考虑这2个模块是面向用户,不然懒得忙这些事。

目前主要翻译一些简单的词,对于句子还不敢下手,管它,慢慢来吧。

用Lightbox2在TinyMCE编辑器

最近作一个公司站点,网页内容页插入图片使用TinyMCE编辑器集成IMCE模块,在内容页图片较多时,想使用Lightbox2 组图的功能,就是有下一张或上一张图片的翻页查看的效果,如果单纯使用TinyMCE编辑器可视化编辑,无法插入rel="lightbox[roadtrip]属性标签,直接编辑源代码吧又过于麻烦,在drupal.org找到一篇文章,根据指示达到了我要效果,非常不错。
原文:http://drupal.org/node/252153

由于我用的是TinyMCE编辑器,所以FCKEditor就没有尝试了
文章大致步骤是:
修改Lightbox2设置:
URL:admin/settings/lightbox2
然后点击”Automatic image handling“标签,其URL:admin/settings/lightbox2/automatic

Automatic Handlers

编辑Custom Class Images
Automatic handler for custom class images--选择为:Lightbox grouped

编写样式表(CSS)文件要注意编码

编写样式表(CSS)文件时为了辨别分清样式的用途,会在CSS文件使用注释符对定义的样式进行说明。我经常会把样式分成块,如:header、nav、left、right、foot等等,或者分成:布局、预定格式化的HTML标签、个别定制等等,通常我都会把注释说明用简短的英文字符。

最近无意识的在CSS文件中使用了中文的注释说明,在用浏览器调试时,发现Firefox2,Firefox3都能正常解析CSS文件,IE6却不能。原因是网页是UTF-8编码,CSS文件是ANSI编码,转换为UTF-8后就正常了。

在用IE6调试,网页是UTF-8编码,CSS文件是ANSI编码使用了中文的注释说明,且从中文的注释说明处开始打断解析,如果你在第100行处使用了中文的注释说明,IE6就只解析100行之前定义的样式。

在没有发现这个问题之前可把我忙坏了。

同步内容