Página 1 de 1
¿Cómo incrustar un crespón negro?
Publicado: 25 Jul 2013, 14:24
por Juan Manuel SUBM
Hola a todos,
A raíz del desgraciado accidente ferroviario que hemos sufrido en España, me preguntaba cómo se podría incrustar un lazo negro en la cabecera del portal de nuestro foro en señal de condolencia.
Lo he intentado con un Box superior en mi board3 Portal 2.0.1, pero no me acaba de gustar.
¿Sabe alguien si hay alguna herramienta que posibilite incrustaciones directas?
Y si no, ¿cómo podría hacerse para que resultara elegante?
Un triste saludo,
Juanma
Re: ¿Cómo incrustar un crespón negro?
Publicado: 25 Jul 2013, 16:53
por micontre
en el mio lo puse con un crespón flotante que se vera en todo el foro
si lo quieres poner igual puedes hacer lo siguiente
habre overall_header.htlm
añade este ecript antes de
Código: Seleccionar todo
<script type='text/javascript'>
//<![CDATA[
var vmin=2;
var vmax=4;
var vr=2;
var timer1;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}
function pagestart(){
lazo=new Chip("lazo",47,68);
movechip("lazo");
}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>
ahora para poner la imagen puedes poner eso en overall_footer.htlm antes de
</body> o crear un nuevo modulo en el portal si solamente lo quieres hay
Código: Seleccionar todo
<!--lazo -->
<div id='lazo' style='position:absolute; z-index:83; left: -800px; width:75px; height:79px;'>
<img border='0' src='http://imaginewal.com/imagenes/images/762lazo.gif'/></div>
<!-- Fin de los lazo -->
Re: ¿Cómo incrustar un crespón negro?
Publicado: 25 Jul 2013, 20:40
por karbiko
Yo lo puse sólo en el overall_header, de manera que queda estático en todas las páginas del foro.
Subí una imagen de un crespón llamada crespon.png a la carpeta ./images
Y luego, abrí
overall_header
buscar:
Y antes añadir:
Código: Seleccionar todo
<img src="http://www.tuweb.com/Foro/images/crespon.png" alt="Luto" height="120px" align="right"></img>
Cambiar tuweb.com por tu dominio
También puedes modificar el tamaño del height y el texto que se verá al pasar el cursor sobre el crespón
Quizás esta otra forma también te sirva...
Saludos
Re: ¿Cómo incrustar un crespón negro?
Publicado: 08 Ago 2013, 13:50
por Juan Manuel SUBM
micontre, karbiko, muchas gracias a los dos.
Tras unos días de vacaciones, lo iré probando.
Aunque ojalá no haga falta volver a poner nunca un crespón negro.
Juanma.