开发者

On tumblr, how do I code a frame around my header?

Here is my tumblr blog: thestorywithnoending.tumblr.com

I want a frame around the image header, so that the content disapears when I scroll down, but the header stays in place...

just like this blog开发者_JS百科:

tiredskin.tumblr.com

but I cant figure out how to do this,

please help,

thanks.


Here's what you need to do.. Replace this in your current code

                                                      

                                                      

                                                      

                                                      

                                  


</style>
<body>
<p><center><a href="http://thestorywithnoending.tumblr.com"><img src="http://michaeljamess.webs.com/blogheader.png" border="0"/></a></center>
</p>

with this

<style type="text/css">
#left {
 float: left;
 margin-left:338px;
 width: 500px;
 height: 100px;
 font-size: 11px;
 text-align:left;
 position:fixed;
 background-color:none;
 padding:0px;
 z-index:999;
 top:0px;
}
#content{
 margin-top:300px!important;
}
</style>
<div id="left">
  <center>
   <a href="http://thestorywithnoending.tumblr.com">
     <img src="http://michaeljamess.webs.com/blogheader.png" border="0"/>
   </a>
  </center>
</div>

p.s if it solved your problem, mark it as the best answer :)

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜