firefox

Drupal外观主题设计(1):超级简明教程

本教程突出两个特点:1)超级;2)简明。所谓超级,就是说你不需要任何关于PHP或是Drupal编程的知识;所谓简明,从这一句起我不再说废话:)使用本教程之前,请准备三样东西:

  1. 空白的Drupal主题,也就是Foundation Theme,可以在这里下载zip文件。这个主题定义了所有的CSS式样,但是它Style.css是空白的,方便你填补。
  2. Firefox 浏览器;

    <script type="text/javascript">

    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>

  3. Firefox的Web Developer插件

第一步,把空白的Foundation Theme的zip文件解压,放在一个名字叫做example的文件夹中(文件夹可以任意命名),然后上传到你的Drupal的Themes目录下,用安装了Web Developer插件的Firefox浏览器打开你的网站(最好是测试网站),在管理-〉主题中启用这个叫做example的主题,如果是你的正式网站,那么在你的个人账户中把主题设置为example,这样并不影响访客正常访问的你的网站。保存设置后你可以看到下图:

theme_tutorial_1.jpg

这个主题是不是苍白得可爱?现在开始动手美化它。ctrl+shift+e 打开Web Developer的CSS编辑侧边栏,选择编辑 style.css 文件,现在你可以任意的添加CSS属性并立即看到效果。使用Web Developer 工具栏(这个工具栏默认是显示的,如果没有显示,在Firefox的工具栏上点击右键选择显示)中Information中的 Display Div Order,可以清楚的看到各个Div的class与摆放,现通过float属性把 Header, Container(包括sidebar与page,利用float属性调整), Footer三个主要div摆顺(见下图):

theme_tutorial_2.jpg

其实如果不显示div的信息,这个主题已经初具雏形了。再往下只需要再稍微改动一下,一个新鲜的主题就出炉了。至于改动的一般经验(譬如一些常用的CSS设置,将在后面的进阶教程中讲到,但是如果你熟悉CSS,到这里已经足够用了)最后要注意改完 style.css 以后一定要保存下来,替换你上传到 /themes/example/ 路径下的style.css 文件。

Blog分类: 

Zoundry与Performancing对Drupal的支持

这两天对比测试了一下ZoundryPerformancing。Zoundry是一个专门的blog发布程序,而Performancing是一个Firefox的插件。测试的结果,感觉Performancing要更好一些,呵呵,不知道是不是因为Performancing的作者也是Drupal粉丝之一的缘故。具体来说,Performancing的优点有如下几点:

  1. 设置要比Zoundry简单很多,默认对Drupal支持;
  2. 速度要比Zoundry快很多,不管是发布还是启动;
  3. 发布后在Drupal中可以正确的生成摘要,而Zoundry往往会错误的截取摘要,并会因此导致RSS乱码;

还有一点,Performancing非常的方便,因为就在浏览器中。呵呵,有了Performancing,原来炒作一时的Flock就更没什么价值了。呵呵,还是firefox方便。BTW,这两天安装了IE 7.0 Beta,不过觉得不是很好,特别是对它对CSS的默认解读似乎与IE 6.0不同,导致很多网站的界面都产生了错误。

Blog分类: 

Firefox的桌面blog发布工具

<

p>

发现了一个不错的firefox扩展:performancing,它是一个桌面blog发布程序,可以方便的和 drupal 结合使用:

Performancing for Firefox is a full featured blog editor that sits right in your Firefox browse and lets you post to your blog easiy. You can drag and drop formatted text from the page you happen to be browsing, and take notes as well as post to your blog.

<

p>从功能上讲,它和Zoundry差不多,通过Drupal的Blogger API发布blog内容,可以自动下载网站的内容分类(category),支持Technorati的Tag,可以ping Ping-O-Matic等网站,允许发送trackback等等。从方便性上讲,Performancing有不少独到之处:

  1. 它完美支持Drupal!在设定中,它已经预设了drupal的支持选项,直接选择就可以了,这点与Zoundry不同,Zoundry必须自己手动设置,有些麻烦;
  2. 非常方便的与Firefox结合,在网上看到任何感兴趣的内容,都可以通过鼠标右键方便的添加到自己的blog中,会自动转换为blockquote的形式;
  3. 大致可以取代drupal的自带的所见即所得的编辑器;
  4. 除了drupal广泛支持时下流行的blog服务与blog软件,譬如MSN Space,Blogger, Wordpress,Livejournal等等;

当然它也有些不足,譬如无法使用Drupal的tag功能,必须发布后再次编辑,不支持文件上传(Zoundry好像支持文件上传),但是作为Firefox的一个插件,能实现现在的功能已经非常不错了,所以不妨试一下:)BTW,这篇Blog就是用Performancing写的。

Blog分类: