Archive for “ February, 2008 ”
27
Feb
Post on 13:27, February 27, 2008, by Sue Zhou

绝对的很小很好很强大的插件,太牛掰了!!!

可以在网页上以非图片形式显示特殊字体,可以复制粘贴,不影响SEO搜索,ma ma mi ya,ha li lu ya,我找了快一星期了!

踏破铁鞋无觅处,得来全不费功夫,我得意的笑~ o(^o^)o

很容易用,但用的很好需要最基本的css知识。

使用方法:http://wiki.novemberborn.net/sifr3/How+to+use

下载链接:http://dev.novemberborn.net/sifr3/nightlies/

=================

简要操作步骤:

Flash

  1. 打开 sifr.fla 文件,设置好字体及样式(粗体,斜体,正常等,不支持下划线的样式,每个样式写一个字母即可)。
  2. Export movie 输出电影。File->Export->Export movie…,保存。
  3. 确认以下输出设置:(是Flash 软件的默认设置)
  • Flash version is Flash 8.
  • Set Load order to Bottom up.
  • The ActionScript version is 2.0.
  • Protect the movie from import and compress it.
  • Omit trace actions and don’t permit debugging. If you want to, you can generate a size report.

HMTL

在<head>里添加需要的CSS和JavaScript文件地址:

< link rel="stylesheet" href="sIFR-screen.css" mce_href="sIFR-screen.css" type="text/css" media="screen">
< link rel="stylesheet" href="sIFR-print.css" mce_href="sIFR-print.css" type="text/css" media="print">

<script src="sifr.js" mce_src="sifr.js" type="text/javascript"></script>
<script src="sifr-config.js" mce_src="sifr-config.js" type="text/javascript"></script>

—————

在Joomla中的使用方法为:

假设我把所有和sIFR相关的几个文件—— sIFR-screen.css, sIFR-print.css, sifr.js, sifr-config.js, 以及生成的.swf格式的flash swf文件保存在Joomla选用模版的文件夹下名为sIFR的文件夹里。

在使用模版的文件夹下的index.php文件的<head>里添加以下代码:

<!– begin sIFR –>
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/template_name/sIFR/sIFR-screen.css” type=”text/css” media=”screen” />
<link rel=”stylesheet” href=”<?php echo $this->baseurl ?>/templates/template_name/sIFR/sIFR-print.css” type=”text/css” media=”print” />
<script src=”<?php echo $this->baseurl ?>/templates/template_name/sIFR/sifr.js” type=”text/javascript”></script>
<script src=”<?php echo $this->baseurl ?>/templates/template_name/sIFR/sifr-config.js” type=”text/javascript”></script>
<!– end sIFR –>

本来应该是用相对地址没这么麻烦的,但是后来的flash文件无法寻觅到的插曲让我使用了和其他引用同样格式的Joomla特有的绝对地址,用来防止任何不可估算但皆有可能的错误。

JavaScript

在sifr-config.js 文件里,输入以下代码(这里假设是在使用cochin字体,并且在flash步骤里保存的.swf文件命名为cochin.swf):

var cochin = {
src: 'cochin.swf'
};

sIFR.activate(cochin);

sIFR.replace(cochin, {
selector: 'h1'
});

—————

在Joomla中的使用方法大同小异,特别值得注意的就是意外的flash位置的小插曲。虽然在使用说明上就已经特别交待最好使用绝对地址定位swf文件相对于要使用艺术字的页面的位置,但是还是一次次的迷失在其中了。最后不得以拿出了杀手锏级别的位置定义法——

src: ‘http://domain/joomla_root/templates/template_name/sIFR/cochin.swf’ ——这种方法虽然白了点,但至少绝对的保证了万无一失(我也是被逼无奈了)

选择器到是不算太难,对你的模版有所了解应该可以顺利找出来。

我所使用的几次需要艺术字的地方:top navigation, left navigation, blog title,这几处的选择器分别是 #header ul li, #left ul li, #main .leading h2, #main2 .leading h2。

关于在菜单上使用艺术字,受链接的影响,不能直接设置在tag <a>上,因为会毁了原来的链接,所以只能设置在<a>所在的的上一级选择器上了,然后在sifr-config.js 里配置其CSS样式,格式如下(效果是黑底白字,鼠标动作是字体变绿色):

sIFR.replace(cochin, {
selector: '#header ul li'
,css: [
'.sIFR-root { text-align: center; font-weight: normal; background-color:#000000; color:#FFFFFF; }'
,'a { text-decoration: none; }'
,'a:link { color: #FFFFFF;  }'
,'a:visited { color: #FFFFFF;  }'
,'a:hover { color: #009F91; }'
,'a:active { color: #009F91; }'
,'a:focus { color: #009F91; }'
,'.active a { color: #009F91; }'
]
});

由上面关于超链接<a>的问题的延续,CSS效果不能完美解决/恢复原有的CSS样式。问题有二:

  1. active,focus动作的CSS样式尽管设置了但没有被实现。
  2. 只能设置sIFR-root位置的背景色,因此鼠标动作改变背景颜色的操作没有办法实现。

CSS

最后在sIFR-screen.css 里定义字体样式,格式如下:

.sIFR-active h1 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 18px;
}

其中line-height是为了避免显示出错,要保留。Joomla中的使用方式就不罗嗦了,跟这里一样,定义你替换的选择器样式即可。

Category: 分享  Leave a Comment
26
Feb
Post on 14:06, February 26, 2008, by Sue Zhou

“睡吧,睡吧,进入梦游状态……”——摘自大富翁7游台词

从国内回来之后我就一直处于一种长睡不醒的状态,睡少了不用说的会睡眠不足,睡多了也还是那种昏昏欲睡的造型。以前是平时上班会赖床,上班会犯困,周末就倍儿精神,现在可好,连周末也逮着熊熊一起赖床了。

人一直很懒,懒懒散散的,像冬眠,像蛰伏期吧。太久没有运动了,这样的特殊情况那样的意外事件让去健身房的事一拖再拖,连去ASDA买个菜这种勉强算做是运动的活我也缺席了若干次了。

这个周末,如果可能拉着熊熊去游泳馆转转吧,我也想看看肉坨在水里是啥造型。没买泳衣还,丢在家里的泳衣估计也小一个号了。胖胖的现在,一直嚷着瘦身,当然也一直停留在嚷的层次,没有任何实际行动。我还想漂漂亮亮的穿婚纱结婚呢 o(>_<)o

上周六去伦敦游玩了一天,终于如愿重游了Greenwish,虽然有了新的景点,新的发现,但是当年的感觉却一去不复返了,很多事情如同塞翁失马,福祸难测。于是,没有失落与喜悲,淡淡然的去感受全新感觉的旅程。很平淡,很享受,心态很好,一切都很美好。

去了hamleys超大玩具城,去寻我半年不见的熊沙发,不料踪影全无。不知是配合店里活动被转移了还是被哪位有钱的主抱回去了。很失望的说。

兔子正式跳槽进行时了,满汉全席的宰杀活动也提上日程。晚上和兔饺一起吃了晚饭,吃了久违的寿司,终于发现我离开伦敦居住后的确是错过了不不少美食的便利条件。和兔子没能聊太多,时间似乎过的太匆匆,我不记得有谈啥话题呢晚餐就告终了。虽然也是闲扯,但是男生和女生的观感总是不一样的。现在留在英国的的女生基本都不认识了,好容易碰了个头想谈个爽似乎都不太容易了。在此邀请一下兔子及兔妈easter过来玩paint ball哈,饺子做为家属身份可以一块带来~

貌似现在就俺工资最少,年假最少,交通费最高。尤其BS一下不交税还常蛊惑小孩子出门募捐的饺子,真欠K呀!

嗯,貌似今天糊涂神的附身期要结束了,准备继续工作了。工作以蜗牛的速度正常的前进着,像俺这种优质潜力股,不用担心啦~

Category: 生活  One Comment
22
Feb
Post on 16:55, February 22, 2008, by Sue Zhou

最终效果:

使用图片的提交按钮,并且该图片按钮具备鼠标动作——当鼠标移动到图片按钮上时,图片改变——一种视觉上的动态效果。

硬件道具:

两张 .gif 格式的图片,其中一个命名为: searchButton.gif,另一个命名为: searchButton.gif_hover.gif 。 这两张图片保存在:<Joomla! 1.5安装路径>\images\M_images\ 文件夹下。该文件夹下已有一张名为 searchButton.gif 的原始图片,选择覆盖。

后台操作:

Extensions -> Module Manager, 选择 mod_search 类型的的搜索模块,进入编辑 Edit。右边的参数设置 Parameters 关于按钮部分设置如下:

  • Search button -> Yes
  • Button Position -> Top/Bottom/Left/Right
  • Search button as image -> Yes —— 这里的注释解释了上一步硬件道具的名字和位置的限制原因,显然不是我BT (Note: Use an image as button. This image has bo be named searchButton.gif and must be located in \images\M_images\ )
  • Button Text -> 输入 & nbsp; ——中间没有空格,这样是为了解除必需有值的限制,不过如果你本意就是在图片上显示文字,则输入相应文字。

代码修改:

这里是根据 Joomla! 1.5版本自带的一个模版 beez (不是默认模版)修改而来,目前还没有check是否和默认模版里的代码雷同。

文件路径:<Joomla! 1.5安装路径>\templates\<所选择的模版>\html\mod_search\default.php

首先删除7-9行的关于label的那段代码,多了个label严重破坏整个网站的美观性。舍不得删除的就用注释符注释掉好了。

其次在原15行的地方,将原代码:

$button = '<input type="image" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" src="'.$img.'" mce_src="'.$img.'"/>';

改为:

$button = '<input type="image" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" src="'.$img.'" mce_src="'.$img.'" onmouseover="this.src=".$img.'_hover.gif\';" onmouseout="this.src=".$img.'\';" />'; 

千万注意单引号双引号的对称性,已经正反斜杠的作用。

保存一下该文件就成了。进行本地 localhost 转移到 live server 上时,只需要复制你使用的template以及位于 \images\M_images\ 下的两张按钮效果图片。

========

昨天把所有modules, components, plugins, templates几个文件夹的关于search的代码全读了。开始没看到关于图片的特别说明,一直试图hacker人家图片名字来着,走错了路子,后来终于灵光一现的救俺自己于水火/年角尖中。其实hacker完了之后发现巨巨巨简单。

今天往live server上搬,结果又找不到昨儿改的哪个文件,又是一通瞎执腾,结果是图片没上传上去=_=

痛定思痛,于是决定一定一定一定得记下来,以备我100%的下次再忘的毛病。

Category: 分享  Leave a Comment
22
Feb
Post on 15:22, , by Sue Zhou

半个月前,LP的客服突然给我来了封email,说到我现在所在的server空间快满了,如果我没有意见的话就帮我换个宽松的“居住”环境。本着乐善好施的精神,俺答应了。

结果,搬迁到的新server所在的IP段被伟大的中国共产党给毙了。第一时间的投诉对象就是俺亲爱的爸妈——“日记又看不到啦!!o(>_<)o ”,于是乎开始了和LP客服温漫漫的发现问题解决问题的道路。

一个个server换,客服让俺一个个的测试trace route 和ping的结果,导致我经常在国内凌晨一点的时候满中国的抓苦力壮丁。这里特别隆重鸣谢小帅和小马两位同学吃苦耐劳舍己为人的精神。由于我都不好意思再抓壮丁帮我测试server了,并且美国英国中国三国强大的时差拖延导致事情一个星期了都没有完美解决,加之某熊无理取闹的投诉我搬家与他的帐户“分居”两个server。一怒之下对客服大发雷霆,坚持要求一定必需绝对迅速立刻马上把我的帐户迁回原籍,速还我的耳根子清静。就这样事后还被训话一番——再也不许做出任何形式上事实上的“分居”行为,连想都不许想……ToT

搬回原server后,发现新发的一篇日志连同小可爱同学的评论都丢了,考虑到是篇转贴,再贴一遍都比跟客服继续沟通要省事的多,于是做罢。结果,刚刚,在我试图再现丢失的那篇日志时,屡次出现错误命令,说俺没有ABCDE的权限等等,折腾了几次之后直奔后台数据库,直接执行数据插入命令,问题解决了,但是头痛呀,这不又落一把柄在某熊手上了嘛,跑不了又是一份爱的教育,不干不干嘛 o(>_<)o

不知道还有多少后遗症等待我的发现与解决呀,凄凄切切惨惨兮……

============

补记:上一篇日志发布不成功的原因姑且认为被我找到了—— wordpress的编辑器不允许出现 “. htaccess” (中间没有空格)的字样,否则报错,不过我咋不知道从啥时候起WP开始这么矫情了?更何况我好多年没有升级了 =_=b

Category: 生活  2 Comments

原贴地址: http://www.joomlagate.com/content/view/139/29/

=============

自从 Joomla! 1.5 发布 RC 版本开始,大家都关心一个问题:在 Joomla! 1.5 上,我们如何建造论坛?大多数用户的看法是一致的:整合外部论坛仍然是非常必要的。我也一直坚持认为,从头开发一个论坛组件很辛苦,对于用户来说要等到功能成熟也很辛苦。只要有可能,我们就应该“站在巨人的肩膀上”。因此,我一直关注着 Joomla! 1.5 平台的论坛桥接器。

近半年来,呼声最高的就是 Rocketwerx 团队所提出的 RocBridge 桥接器。大约在2007年7月他们就开始了这项工作。前一阵他们开发小组闹别扭,人员重新组合,我还担心这个桥接器是否要夭折了。昨天终于看到 Rocbridge rc1 发布了。

鉴于 Joomla! 论坛曾发生过一场非常激烈的关于许可协议(License)的争论,RocBridge 从一开始就提出:该桥接器将不需要修改(Hack)任何 Joomla! 1.5 或 phpbb3 的核心文件,即不具有破坏性(non-invasive)。这一点听起来似乎挺好,但我认为会增加桥接器开发的难度,并且限制桥接器的功能—— 关于这一点以后细谈,今天简单介绍一下 RocBridge 的安装过程。

使用 RocBridge 之前的注意事项

下载 RocBridge 桥接器之后,请首先解压。然后打开 INSTALL.php 文件,认真阅读。本文内容主要是对该文件的翻译和解释。

  1. Rocbridge 只适用于在 Joomla! 1.5 平台整合 phpbb3 论坛
  2. 你的服务器端 php 必须支持 MySQL 和 Zlib (如果不清楚,请与空间商联系解决);虽然 Rocbridge 可以在 IIS 服务器上运行,但是最佳平台还是 Apache
  3. 如果你想使用 SEF 功能,那么你的服务器端 apache 必须启用 mod_rewrite 模块,并且你有权限使用 . htaccess 文件。
  4. 安装Joomla! 1.5 stable并确保运行正常
  5. 安装phpbb3并确保运行正常(必须安装在 Joomla! 1.5 的某个子目录中,桥接器默认为 distribution 目录)
  6. phpbb3 可以安装在 Joomla! 1.5 的数据库中,也可以使用另外一个数据库
  7. RocketWerx 在 JoomlaCode.org 有自己的项目主页:http://joomlacode.org/gf/project/rocketwerx/frs/ ,你可以去那里查看 Rocbridge 桥接器的最新进展。

RocBridge 桥接器安装过程

  1. 将 joomla15-bridge.tar.gz 桥接器主文件解压到 Joomla! 1.5 的根目录下,这将在 Joomla! 1.5 的根目录下创建一个新文件夹 forum
  2. 通过 Joomla! 1.5 后台的“扩展管理”安装 joomla15-authentication.tar.gz 和 joomla15-user.tar.gz 插件
  3. 在 Joomla! 1.5 后台的“插件管理”中,启用刚才安装的两个插件,并且检查一下它们的参数。都只有一个参数,是桥接器的安装目录,默认应该是 forum,即第一步创建的新目录。
  4. 将 phpBB3-authentication.tar.gz 文件解压到 phpbb3 的根目录下,这将在 phpbb3 原有的 /includes/auth/ 目录中增加一个 auth_joomla.php 文件
  5. 登录到 phpBB3 管理员后台,点击左侧导航栏的“客户端通信 -> 认证设定”(Client communication -> Authentication),然后在第一项“选择认证方式”(authentication method)这里选择“Joomla”作为认证途径。

我已经将 phpbb 安装到 /forum 目录了,怎么办?

本来 RocBridge 要求将桥接器本身解压,生成 forum 目录;现在已经有了 forum 这个目录,就不能直接解压了。你必须在本地先解压,然后修改桥接器目录名称,如改为 bbs ,然后打开该目录中的configuration.php 文件,在大约第 15 行找到如下代码:

var $phpbb_path = ‘distribution’;

这里的“distribution”本来是默认的 phpbb 安装目录,必须修改为你现在实际上已安装 phpbb3 的目录名称 forum。

然后,将整个 bbs 文件夹上传到 Joomla! 1.5 的根目录下(不一定是服务器的根目录)。

现在,只完成了一半工作。前面安装的两个插件:joomla15-authentication.tar.gz 和 joomla15-user.tar.gz ,其后台参数中都要求提供桥接器的安装目录,默认已经填写了 forum,但是现在情况有变,就必须更改为实际的桥接器目录,即 bbs。

至此,修改完成。你可以开始运行桥接器了。

RocBridge 的 SEF 功能如何使用?

大家注意到,伴随桥接器还有一个 htaccess.txt 文件。仔细阅读,里面就说得很清楚,需要把下面一段代码插入到你已有的 Joomla! 1.5 本身的 . htaccess 文件中“定义 Joomla! 核心 SEF 的代码”之前。当然,这个前提就是你的 Joomla! 1.5 已经启用了 SEF 并且开启了 mod_rewrite,否则这个 . htaccess 文件就是摆设。

要插入的代码是(或许以后 Rocbridge 版本改变后此代码也会更改,请以你所安装的桥接器版本为准):

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !^/index.php
RewriteRule ^/forum/ forum/index.php [L]

在 Joomla! 1.5 根目录下找到 . htaccess 文件,把上述4行代码插入到下面的代码之前并保存:

########## Begin – Joomla! core SEF Section

接下来,还必须在桥接器的配置中开启 SEF,即打开桥接器文件夹(默认是 forum)中的 configuration.php 文件,在第 24 行和 27 行,分别将两处的 0 修改为 1 即可启用 SEF 功能。

结果测试

在两个浏览器窗口中分别打开 Joomla! 1.5 和 phpbb3 前台首页,你可以使用 Joomla! 1.5 或 phpbb3 的用户名(至少都有一个管理员用户吧)登录到 Joomla! 1.5,然后刷新 phpbb3 的页面,就会发现也自动登录了;反之,你在 phpbb3 前台使用任何一个用户名登录,再去刷新 Joomla! 1.5 的页面,发现也已自动登录。注销也是一样。

对于 rocbridge 给 phpbb 带来的 SEF 我很不满意,因为生成的 URL 是这样的:

http://localhost/15/phpbb/viewtopic.php?f=2&t=1

猜测一下:上面 URL 中的 f =2 意思是指版块(forum) ID 为 2,t =1 意思是指话题(topic)ID 为 1,因为这是整个论坛的第一个帖子(默认安装后的示范帖)。

我不满意是因为 URL 中仍然有 ? 和 & 符号,这是 SEF 所不允许的。虽然有人说,Google 官方网站的 URL 中一直都有这两个符号,他们的 PR 值还很高;但是我们说的是 SEF 的定义,不是说 SEF 的效果。

Rocbridge 使用点评

上述整合过程是让 phpbb3 在 Joomla! 1.5 界面之外独立运行,只是实现了用户整合,可以一次注册,同步登录。

但是,相信很多人希望 phpbb3 能够嵌入在 Joomla! 1.5 之中运行,这样能保持全站统一的风格。就像本站通过 JSMF 桥接器整合 SMF 论坛一样。

这种嵌入如果简单地通过 Joomla! 1.5 的 wrapper 功能来实现,则有一个弊端:点击论坛中的链接后,浏览器地址栏的 URL 不能动态更新。这就给分享信息及实现 SEF 带来了困难。

我认为要真正做到像 JSMF 桥接器那样优秀,Rocbridge 就必须以 Joomla! 1.5 标准组件的形式出现,然后用户将论坛的菜单指向该桥接器组件,这样才能通过桥接器文件的 reWrite 实现 phpbb3 嵌入,以及嵌入后的动态 URL 和 SEF。

Category: 分享  4 Comments