CSS:
- Codice: Seleziona tutto
body#bottombar {
z-index: 99999;
display:none;
}
.bottom-content {
background-image: url(images/banner/player-bg3.png);
background-repeat: repeat-x;
bottom: 0;
height: 100px;
left:0;
margin: 0;
position: fixed !important;
width: 100%;
}
#bottombarClose {
cursor: pointer;
float: right;
padding: 55px 10px 0 0;
}
HTML:
- Codice: Seleziona tutto
<div id="bottombar">
<div class="bottom-content">
<a href="http://www.sito.com/" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/banner/bottom-logo.png" alt="player-logo" /></a>
<a href="http://www.sito.com/" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/banner/bottom-txt.png" alt="player-slogan" /></a>
<img src="<?php bloginfo('template_url'); ?>/images/banner/bottom-download.png" alt="player-download" />
<div id="bottombarClose"><p>Chiudi</p></div>
</div>
</div>
JAVASCRIPT:
- Codice: Seleziona tutto
$(document).ready(function() {
var currentUrl = $(location).attr('href');
if(currentUrl == 'http://www.home_page.com')
$('#bottombar').show();
$("#bottombarClose").click(function() {
$('#bottombar').hide();
});
});
Non so per quale assurdo motivo il banner viene mostrato su tutte le pagine.... esiste una buona anima che può darmi una mano ? grazie in anticipo.