owenhome

TOP位置显示博客名和副标题这个基本上是所有主题都一样的.
我现在用的这个主题样子如图:


那么在代码中"divtop"这一块里面一共有三个东西:
第一是主博客名.
第二是副博客名,
第三个就是导航栏,
原始代码如下:
<div id="divTop">
   <h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>----主博客名
   <h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>------副博客名
  <div id="divNavBar">
<h3><#ZC_MSG052#></h3>
<ul>
<#CACHE_INCLUDE_NAVBAR#>
<li>
<div style="margin-right:40px">
<form  method="post" action="<#ZC_BLOG_HOST#>cmd.asp?act=Search">
<input type="text" name="edtSearch" id="edtSearch" size="12"  value="Search..."  />
</form></div>
</li>
</ul>
  </div>-------导航栏
  </div>

红色是主博客名,蓝色是博客名,绿色是导航栏名.
那我就是正对红色部分进行修改.
我不清楚直接引用图片文件的代码,于是我先在INCLUDE文件下建立了一个logo.asp.
里面放了我的LOGO图片，并把图片链接到我的主页。
然后就是在divtop里面改写代码如下:

<div id="divTop">
   <div class="logo"><#CACHE_INCLUDE_LOGO#></div>-------我的LOGO
   <blockquote>
     <h2 align="right" id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>-----副标题，右对齐，缩进
    </blockquote>
<下面是导航栏的代码...没有动过>
</div>

感觉上应该就是这样啊。但是出来的效果是：


可以看到图片是正常的添加进去了,为是也可以调整,但是为什么下面的导航栏会错位,向下掉了很多.

当然我尝试过在该文件中用CSS把导航条移动到正确的位置,但是这样做似乎不太好,我想一定是我加入

的这句代码的问题:
<div class="logo"><#CACHE_INCLUDE_LOGO#></div>-------我的LOGO

用CSS再次定义它的height和border,好像都没有用.

大家帮我分析一下看看!

其实主要的目的是希望这个LOGO有链接的功能.不然的话就直接用PS做到背景里面去就不存在这些问题了.

[ 本帖最后由 owenhome 于 2008-1-13 21:15 编辑 ]

Zx.MYS

owenhome

这个是缩进,

eboyhu

额 lz确实很聪明 想到用这个办法 但是你有没有想过 css的定义被改变 被挤下去的距离是你图片的高度与之css定义的文字的高度的差 也就是说你的图片按照你文字的高度来就会没有问题了

[ 本帖最后由 eboyhu 于 2008-1-13 19:41 编辑 ]

owenhome

恩,我也想过,也就是,这个主题自带的CSS里面定义的距离都市相对的.
但是我的图片毕竟不能变太小啊,不然这个图就很难看了.
看来只能强行把导航栏往上移动?

月上之木

<blockquote>是引用吧。。。缩进用CSS不就OK了

糖伴西红柿

不用这样加图片的。。。
#BlogTitle a{
display: block;
width: 100px;
height: 100px;
text-indent: -9000px;
background: url(s3/logo.jpg) no-repeat;
}

owenhome

谢谢楼上的方法，我知道在CSS里面可以加载背景，但是好像不能够链接啊。
我希望我这个图片是可以链接的！

eboyhu

引用:

原帖由 owenhome 于 2008-1-13 18:27 发表
TOP位置显示博客名和副标题这个基本上是所有主题都一样的.
我现在用的这个主题样子如图:
3038

那么在代码中"divtop"这一块里面一共有三个东西:
第一是主博客名.
第二是副博客名,
第三个就是导航栏,
原始代码 ...

默认模版的博客标题是有链接功能的 所以说要想让博客标题有链接 就弄个文字上面去哈

[ 本帖最后由 eboyhu 于 2008-1-15 11:23 编辑 ]