[Solved] Can't get a transparent Header - Joomla! Forum - community, help and support
don't know how, working. think div couldn't find hovering on everything.
i know simple, can't header div go transparent in template editing.
the site here: http://new.vpclairdelune.nl/index.php
index.php code:
css:
i know simple, can't header div go transparent in template editing.
the site here: http://new.vpclairdelune.nl/index.php
index.php code:
code: select all
</head>
<body id="page_bg">
<div id="container">
<div id="header">
<div id="title_container">
<div id="title">
<a href="index.php"><?php echo $mainframe->getcfg('sitename') ;?></a>
</div>
</div>
<?php if($this->countmodules('top') , jrequest::getcmd('layout') != 'form') : ?>
<div id="newsflash_container">
<div id="newsflash">
<jdoc:include type="modules" name="top" />
</div>
</div>
<?php endif; ?>
<!--div id="pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div id="search">
<jdoc:include type="modules" name="user4" />
</div-->
</div>
<div class="spacer"></div>
<div id="top_menu">css:
code: select all
#page_bg {
background: #dddddd url(../images/page_bg.gif) top repeat-x;
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}
#container {
width:980px;
background: url(../images/container_bg.gif) top left repeat-y;
margin:0 auto;
text-align:center
}
#container #header{
width:980px;
height:150px;
margin:0 auto;
text-align:center;
}
#title_container{
width:60%;
float:left;
text-align:left;
font:bold 100% georgia, "times new roman", times, serif;
padding-top:0px
}
#title_container #title{
display:block;
position:relative;
top:0px;
left:0px;
font-style:italic;
color:#000000;
z-index:100;
}
#title_container #title a:link, #title_container #title a:visited, #title_container #title a:hover{
color:#000;
text-decoration:none;
font-weight:bold;
}
#newsflash_container {
height:113px;
float:right;
width:359px;
text-align:justify;
background:url(../images/flashnews_bg.gif) 0 0 no-repeat
}
#newsflash_container #newsflash{
margin:13px 20px;
font:normal 100% tahoma, verdana, sans-serif;
color:#000;
text-align:justify;
height:80px;
overflow:hidden
}
#newsflash_container #newsflash .contentpaneopen{
margin:0
}
#newsflash_container #newsflash .contentpaneopen a:link, #newsflash_container #newsflash .contentpaneopen a:visited{
text-decoration:underline;
color:#000;
}
#newsflash_container #newsflash .contentheading{
color:#000;
font-size:100%;
text-align:left
}
#newsflash_container #newsflash .contentpaneopen a:hover{
text-decoration:none;
color:#000;
}
#newsflash_container #newsflash .contentpaneopen p{
margin:0
}
Comments
Post a Comment