¿Cómo incrustar un crespón negro?

[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

[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

</head>

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 -->

[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:

Código: Seleccionar todo

				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>

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

[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.