ManuTdi
XenForoUser
Dando vueltas por internet... Ese mundo tan desconocido... He encontrado una web y me he enamorado de la cabecera en movimiento, como se podría hacer eso? Tengo unas buenas ideas si consigo hacerlo
Estás viendo el sitio como Invitado. Para poder participar en este sitio
y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.
<script type="text/javascript">
$(document).ready(function($){
var backgroundpos = 0;
var offset = 1;
function scrollbackground() {
offset = (offset < 1) ? offset + (backgroundpos - 1) : offset - 1;
$('.branding').css("background-position", + offset + "px 0");
setTimeout(function() {
scrollbackground();
}, 100
);
}
scrollbackground();
});
</script>
.branding {
background: url("styles/default/xenforo/xenfocus/banner_bg.jpg") repeat-x scroll left top #000000;
height: 200px;
}
.pageWidth {
margin: 0 auto;
min-width: 980px;
width: 90%;
}
<xen:hook name="header">
<div id="header">
<xen:include template="logo_block" />
<xen:include template="navigation" />
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</xen:hook>
<xen:hook name="header">
<div id="header">
<div class="branding">
<div class="banner_texture">
<xen:include template="logo_block" />
<xen:include template="navigation" />
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
</div>
</div>
</div>
</xen:hook>