September Theme For Bo-blog2.1.1

Posted in March 23, 2010 at 23:31

September-Theme-For-Bo-blog2.1.1-1

说真的,做模板还是初级水平,特别是要做到精致, 相信,这不是一个男性生物的专属,这方面来自生活的例子多不胜数, 女性生物的特长,无与伦比. 因此很不幸, 我是前者,即使我挥刀ZG,我还是前者.

暗红与暗黑,成熟与含蓄,点点水珠, 班驳的绿以及那盏永不发光的壁灯,略显寂寥,我忽然想到了欧阳修的那首词:庭院深深深几许,杨柳堆烟,帘幕无重数…门掩黄昏,无计留春住…

在这雨横风狂的三月暮, 这模板应该也是比较合时宜吧.

Name: September For bo-blog2.1.1(九月模板)

Demo:http://demo.tripmind.com/index.php?tem=September

September-Theme-For-Bo-blog2.1.1-2

Note:模板在IE6-IE8,MAXTHON,FIREFOX以及OPERA均能正常显示,不过:

  • 在IE6不能正常显示’Categories’分类菜单,因为采用的是绝对定位,纯CSS的下拉菜单,有待修改;
  • W3C通不过,错误原因是使用了透明FLASH的embed方式,虽然使用没问题,不过有待修改.
  • 其他,未知…

模板去掉了Sidebar,我想这模板比较适合喜欢写写文字的MM,不适合男性生物,因为我已经做这模板做到有点女性化了,这就是后果,男性生物请三思…

September-Theme-For-Bo-blog2.1.1

Validation:
Valid XHTML 1.0 Transitional
Download:

BOB官方:http://bbs.bo-blog.com/thread-27045-1-1.html

情绪因健康状况而低落,发现最近因此而P话比较多…


进度

1、网页插入透明FLASH代码'EMBED'通不过W3C验证问题,下列方法试过可用:

<object type="application/x-shockwave-flash" data="SWF_URL" width="100" height="120">
  <param name="movie" value="SWF_URL" />
  <param name="loop" value="true" />
  <param name="menu" value="false" />
  <param name="quality" value="best" />
  <param name="wmode" value="transparent" />
</object>

2、在IE6下的CSS下拉菜单,下列的代码是可行的,很简洁很小,没有动态效果,加载很快:

CSS:
ul  { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}
ul  li { /* all list items */
  position: relative;
}
ul li ul { /* second-level lists */
  display: none;
  position: absolute;
  top: 1em;
  left: 0;
}
ul  li:hover ul, ul  li.over ul { /* lists nested under hovered list items */
  display: block;
}
#content {
  clear: left;
}

JS:
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
  if (document.all&&document.getElementById) {
    navRoot = document.getElementById("navbar");
    for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
        node.onmouseover=function() {
          this.className+=" over";
        }
        node.onmouseout=function() {
          this.className=this.className.replace(" over", "");
        }
      }
    }
  }
}
window.onload=startList;
//--><!]]></script>

HHTML:
<ul id="navbar">

  <li>Sunfishes
    <ul class="cat_in">
      <li><a href="">Blackbanded sunfish</a></li>
      <li><a href="">Shadow bass</a></li>
      <li><a href="">Ozark bass</a></li>
      <li><a href="">White crappie</a></li>
    </ul>
  </li>
</ul>


基本完成。下载试试。
Add a comment

Nickname

Site URI

Email

Enable HTML Enable UBB Enable Emots Hidden Remember [Login] [Register]