北山驿站-修改zblog的blix样式

修改zblog的blix样式

blog升级到1.4后弃用了自己做的diarybooks模板,找了一个漠海扬笛修改自wordpress的blix模板,没有过多的图片,整洁大方的布局还有清新的颜色,很喜欢!

到wordpress上去看了看原来的版本,发现右上角的搜索栏和zblog的搜索位置不同,zblog只有在首页有搜索栏.根据用户方便的原则,我也把zblog的搜索栏做到了导航栏里面.嗯,现在所有的页面都可以方便的搜索了.
具体修改方法:

在include/navbar.asp加上

<li class="topsearch">
<form method="post" action="<#ZC_BLOG_HOST#>cmd.asp?act=Search">
<input type="text" name="edtSearch" id="edtSearch" size="12" />
<input type="submit" value="<#ZC_MSG087#>" name="btnPost" id="btnPost" />
</form>
</li>

在style/blix.css中修改#divNavBar的样式如下

#divNavBar{
  width:690px;
  margin:0;
  padding:0;
  text-align:left;
  height:30px;
  float:left;
  display:inline;
}

#divNavBar h3{
  display:none;
}

#divNavBar ul{
/*  width:471px;*/
  margin:0;
  background:#A3C159;
  padding:0;
  text-align:left;
  height:30px;
  float:left;
}

#divNavBar li{
  float:left;
  width:80px;
  border-right:1px solid;
  border-color:#FFF;
  white-space:nowrap;
  line-height:30px;
}

#divNavBar a{
  display:block;
  text-align:center;
  height:30px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
}

#divNavBar a:link{
  color:#FFF;
  text-decoration:none;
}

#divNavBar a:visited{
  color:#FFF;
}
#divNavBar a:hover{
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  background:#1BA6B2;
}

#divNavBar form{
padding:0;
margin:0;
}

#divNavBar li.topsearch{
  float:right;
  padding-left:40px;
  width:178px;
  border-left:1px solid;
  border-right:0px solid;
  border-color:#FFF;
  white-space:nowrap;
  background:#FEC42D url("blix/corner_bottom_right.gif") bottom right no-repeat;
  height:30px;
}

#divNavBar #edtSearch{
  margin:4px;
  border: 1px none #7B8B9C;
  width: 120px;
  color: #789;
  background:white;
}

#divNavBar #btnPost{
  margin:4px;
  font-size:0.8em;
  border: 1px solid #7B8B9C;
  color:#FFF;
  background:#A3C159;
}

BTW:刚才有朋友要求提供下载,我就把修改后的Blix样式放这里了

2005-8-11 13:56:8

网站分类

控制面板

站点统计

网站收藏

友情链接

图标汇集

导航

北山驿站

北山驿站,总在无名处有一些感动

修改zblog的blix样式

2005-8-11 13:56:8

Tags: blog BlogStyle

发布:北山 | 分类:学习笔记 | 评论:5 | 引用:0 | 浏览:

Powered By Z-Blog 1.8 Spirit Build 80605

Copyright 2005-2006 Baksun Studio. Some Rights Reserved.
www.baksun.com

最新评论及回复

最近引用

最近发表

日历

Search

文章归档

网站分类

控制面板

站点统计

网站收藏

友情链接

图标汇集

导航

北山驿站

北山驿站,总在无名处有一些感动

修改zblog的blix样式

2005-8-11 13:56:8

Tags: blog BlogStyle

发布:北山 | 分类:学习笔记 | 评论:5 | 引用:0 | 浏览: strBatchCount+="spn119=119,"

Powered By Z-Blog 1.8 Spirit Build 80605 <a href="http://www.51.la/?123608" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="http://img.users.51.la/123608.asp" style="border:none" /></a>

Copyright 2005-2006 Baksun Studio. Some Rights Reserved.www.baksun.com

最新评论及回复

最近引用

最近发表

日历

Search

文章归档

发布:北山 | 分类:学习笔记 | 评论:5 | 引用:0 | 浏览:

Powered By Z-Blog 1.8 Spirit Build 80605

Copyright 2005-2006 Baksun Studio. Some Rights Reserved.
www.baksun.com