Can anyone help me to put a Christmas version in this template? How can i had a background without transform the template?
Regards
Don Lee wrote:I don't see the code you added to show the hat http://easycaptures.com/fs/uploaded/640/8130265414.jpg
Please add it first then I will check some css code to show it for you.
<a href="/./" id="logo_styled">
</a>
<div class="logo-wrapper">
<a href="/./" id="logo_styled">
</a>
</div>
Don Lee wrote:Apparently you have added two background images to only ONE html element and it's impossible. You may need to customize logo place to have a wrapper of logo, then set the hat image as background for this wrapper.
For example, now the logo mockup is:
- Code: Select all
<a href="/./" id="logo_styled">
</a>
You change it to:
- Code: Select all
<div class="logo-wrapper">
<a href="/./" id="logo_styled">
</a>
</div>
<a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
<?php if($logo_as_image) : ?>
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/style1/logo.png" alt="Logo" />
<?php endif; ?>
</a>
<div class="logo-wrapper><a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
<?php if($logo_as_image) : ?>
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/style1/logo.png" alt="Logo" />
<?php endif; ?>
</a></div>
Don Lee wrote:The file was: \templates\gk_corporate\index.php
Exact code to find:
- Code: Select all
<a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
<?php if($logo_as_image) : ?>
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/style1/logo.png" alt="Logo" />
<?php endif; ?>
</a>
Change to something like:
- Code: Select all
<div class="logo-wrapper><a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
<?php if($logo_as_image) : ?>
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/style1/logo.png" alt="Logo" />
<?php endif; ?>
</a></div>
Don Lee wrote:Opps, you are lacking close tag for <a> http://easycaptures.com/fs/uploaded/640/3968979221.jpg
<div class="logo-wrapper><a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
<?php if($logo_as_image) : ?>
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/style1/logo.png" alt="Logo" />
<?php endif; ?>
</a> </div>
Don Lee wrote:Opps, you are lacking close tag for <a> http://easycaptures.com/fs/uploaded/640/3968979221.jpg
html {
height:100%;
margin-bottom:1px;
background: #f6f6f6 url('http://www.santaremdigital.com/images/christmasbg.jpg') no-repeat center top;
}
body {
margin-top:80px;
margin-bottom:0;
padding:0;
font-size:62.5%; /* Reset: 1em = 10px */
font-family:Arial , Verdana, sans-serif;
color:#979797;
background: transparent url('http://www.santaremdigital.com/images/christmas_logo.png') no-repeat 0 0;
background-position: 250px -77px;
}
html>body {
min-height: 100%;
height: auto;
}
Don Lee wrote:Opps, you are lacking close tag for <a> http://easycaptures.com/fs/uploaded/640/3968979221.jpg
<div id="bgTopDiv">
<img style="position:absolute; top:7px; left:180px" src="http://www.santaremdigital.com/images/christmas_logo.png" alt="Natal"/>
</div>
Don Lee wrote:It's because you use absolute position for bgTopDiv.
Why didn't you move bgTopDiv inside wrapper_top to have it always reside the same position with the logo?