Posts Tagged ‘sandbox’

新版的Techpush试运行

Tuesday, November 20th, 2007

抽空将Techpush升级到了Wordpress 2.3.1并做了全新的设计,主题代码是在Sandbox的基础上改造的,样式是参考了多个国外的Blog后“混合”的结果,目前大致可用,先放上来试试看,一些细节还需要改进,以前用的部分插件仍需要进一步测试。另外,在本机环境测试时已经尽力去解决恼人的IE6和Firefox兼容性问题,但仍不能保证两者的显示效果完全一致,在此强烈建议还在使用古老的IE6的朋友尽快升级到IE7或者转用FirefoxOpera,没有比IE6更垃圾的东西了!

Techpush Home

前一段时间开始转用Ubuntu做自己的主系统,这个主题就是在Ubuntu下完成制作的:logo和图片是用Gimp作的,图标则使用了Ubuntu自带的Tango图标,当然效果都比较简单,主要是因为自己对Gimp还不太会用,不过这是一个不错的开始:),最大的困难可能是编写CSS,Linux下没有像TopStyle这样强悍的工具,所以调试起来比较麻烦,以后可能会写一些这方面的心得。

论文已经写完了,这周末答辩,所以这个站点正常的更新要等到答辩结束之后了,希望可以顺利通过!:)

翻译:Sandbox指南及清单

Wednesday, July 25th, 2007

有消息说Sandbox将会成为下一版本Wordpress的缺省theme,而我在用它改造成我另一个blog的theme后也越发喜欢这个乍看起来简陋无比的家伙 :mrgreen: ,其实作为一款语义式主题,Sandbox内涵非常丰富,你可以利用其丰富的语义标记和大量的类轻松创建自己的风格,甚至无须改动一行php代码,现在小土豆开始撰写Sandbox的使用指南,我也作了翻译,或许这个指南能令你尽快熟悉Sandbox,不过建议你先看一看Sandbox的readme文件,那里面有语义标记和类的详细用法。

原文:Sandbox Guide and Check List 作者:Small Potato
译者:Zhao QL
译文:

Sandbox指南及清单

这个持续更新的指南和清单送给每一个使用Sandbox主题的人。

基本结构

  • div#wrapper [.hfeed]
    • #header
      • h1
      • div#blog-description
    • div#access
      • div.skip-link
      • sandbox_globalnav() [div#menu]
    • div#container
      • div#content
        • div#nav-above [.navigation]
          • div.nav-previous
          • div.nav-next
        • div#post-the_ID() [sandbox_post_class()]
          • h2.entry-title
          • div.entry-date
          • div.entry-content
          • div.entry-meta
          • span.author (.vcard)
          • span.cat-links
          • span.comments-link
        • div#nav-above [.navigation]
          • div.nav-previous
          • div.nav-next
    • div#primary [.sideabar]
      • ul.xoxo
        • li#pages
        • li#categories
        • li#archives
    • div#secondary [.sidebar]
      • ul.xoxo
        • li#search
        • li#rss-links
        • li#meta
    • div#footer
      • span#generator-link
      • span#theme-link

指南

  • 缺省样式表的错误:打开style.css,修改span.req-fieldspan.required
  • 下拉链接:默认情况下,样式表会使子页链接在水平菜单中显示为下拉链接。这在所有浏览器中都没什么作用,因此要修改或者不显示任何子页链接。不显示的方法是给functions.php中的wp_list_pages()函数增加一个参数depth=1,或者修改style.css,针对次级列表项使用display:none;
  • 给页增加评论:可以增加一个自定义段(custom field)允许某些页能够留言。Key = comments. Value = (任意文本).
  • 动态类:在首页,存档页(archive)和搜索页中,文章列表使用div.post;在Page页中,则使用div.page
  • 页标题选择器:h2.page-title替换h2.entry-title
  • 存档标题:存档页的条目标题使用H3而不是H2
  • 评论模板:评论[div#comments-list]和反向链接(trackback)[div#trackbacks-list]是分开的,如果你需要某个样式对两者都起作用,请使用div#comments
  • 定制CSS:如果你不使用默认的Sandbox布局,记得删除缺省的style.css文件中的CSS导入语句,例如:@import url(’sandbox-layouts/2c-l.css’);
  • 控制背景图的浮动:如果你需要在#content#primary#secondary后有背景图,则对#footer使用clear:both并且背景图要用在#wrapper而不是#container中。然后,给#wrapper一个overflow:auto;

用于设计和验证的模板及页

  • 404.php
  • archive.php
  • archives.php
  • attachment.php
  • author.php
  • category.php
  • comments.php
    • no comments
    • logged in
    • must login
    • password protected
  • footer.php
  • index.php
  • links.php
  • page.php
  • search.php
  • sidebar.php
  • single.php

Google Adsense Sandbox

Monday, May 21st, 2007

Adsense Sandbox是刚推出的一个在线工具,用于预览网站的Google Adsense效果,它能根据你输入的网址或者关键字显示出关联的各种规格的Google Adsense广告,甚至包括了链接单元和多媒体广告格式(图片,视频,Flash等),比起Google自带的工具,它能让你更容易选择适当的格式投放到网站上以达到最佳效果。

Google Adsense Sandbox 1

Google Adsense Sandbox 2

via: Digital Inspiration