CSS: Tutoriel Xenforo: Barre (Pas encore membre ?)

[THC™]

Salut à tous, voilà un tutoriel pour les personnes qui utilisent Xenforo pour leurs forums (Tutoriel par Sidradi)

Aller dans votre admincp et templates du style .

• Dans le template header

Ajoutez:

Code:

<xen:if is="!{$visitor.user_id}">
<div id='divTopLeft' class='barre_invitation'>

<p> - Pas Encore membre ? <a href="register.php">&nbsp;Enregistrez-vous !</a> </p>

</div>

<script type='text/javascript'>
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
var px = document.layers ? "" : "px";
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

el.floatIt=function(){
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.floatIt()", 40);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 0,300).floatIt();

</script>
</xen:if>

• Dans le template EXTRA.CSS

Ajoutez:

Code:

.barre_invitation {
position:absolute;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
-moz-box-shadow:0 0 25px @primaryMedium;
-webkit-box-shadow:0 0 25px @primaryMedium;
padding:10px;
padding-left:15px;
color: @primaryDarker;
background-color: @primaryLighter;
font-size:12px;
z-index: 99999;
}

Voilà maintenant tu sais comment le faire et tu sais comment me remercier

Source: ici