发新话题
打印

[分享] 在h-think主题顶部加上搜索框

在h-think主题顶部加上搜索框

从升级z-blog以来,把博客的主题也由桔子主题换成了h-think的主题,用这个主题主要觉得比较简洁,字体也容易阅读,但上部觉得有点空,正好可以把搜索框放在上面。

修改THEMES/h-think/TEMPLATE/ 中的default.html与single.html文件。div boxsearch是添加的部分
复制内容到剪贴板
代码:
<div class="outmain" id="divTopC">
        <div id="divTop" class="main">
            <h1 id="BlogTitle">
                <a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
            <h2 id="BlogSubTitle">
                <#ZC_BLOG_SUB_NAME#></h2>
               
                 
                 <div class="boxsearch">
                        <form action="http://www.google.com/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="004048928707131031672:ygqgmoxesx4" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="搜索" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
          </div>
        </div>
在THEMES/h-think/STYLE/default.css中加入
.boxsearch{display:block;text-align:right;line-height:62px;padding-right:5px;color:#AAA;}
.boxsearch strong{color:#9C0;margin:0px 6px;}

[ 本帖最后由 szichuan 于 2008-8-28 11:08 编辑 ]

TOP

有空试试,看看效果好不好看
陌岸 - 无处停靠。
我们在陌生的水岸偶然相遇,彼此害怕孤独,并享受孤独。

即日起,陌岸只链接文章原创率大于80%的博客,不论PR,不符合要求的链接将陆续撤下。
Pinktime粉年三栏主题,附带侧栏幻灯片展示插件。

TOP

回复 2# 的帖子

没有什么就加了个搜索框,地址:www.qiexing.com

TOP

恩 看起来不错哦

TOP

发新话题