Hi All,
This is probably not the ideal place for this thread, but it seemed the best fit. I'm pretty fluent in html and basic css, but I've encountered a problem I am hoping somebody can help me with.
I downloaded a blog template which is full css and I'm trying to replace the static logo with a flash header but I'm not winning at all. I'm not exactly sure how to edit the template and css to accommodate the flash. Here is the html and css:
Code:
<div class="clear"></div>
<div id="top">
<div class="blogname">
<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?>
</a>
</h1>
</div>
</div>
I'm trying to get the flash to display in the 'top' id basically, the css is as follows:
Code:
#top {
height:160px;
background:#ffffff;
margin:auto;
width:1000px;
border-bottom:1px solid #c3c3c3;
border-top:1px solid #c3c3c3;
}
.blogname {
width:800px;
font-family:Georgia ,Century gothic,Verdana,Tahoma,sans-serif;
margin:0px 0 0 0px;
float:left;
background-repeat:no-repeat;
}
.blogname h1 {
font-size:125px;
padding:0 0 0px 0;
font-weight:normal;
color:#cacccd;
text-align:left;
margin:0px 0 0 0px;
text-indent:-9000px;
background:url(images/logo.png) no-repeat;
}
You can see that is where you insert the logo image that I am trying to replace. If anybody could help me with this I would really appreciate it.
Thanks in advance!