Soy muy nuevo en el tema y en el foro, pero necesito que ayuden.
aprendo mas empiricamentepor eso me guio mas por ejemplos, este codigo que adjunto
Cita:
es la configuracion para un banner flotante, lo copie de otra pagina (http://www.psicofxp.com/forums/estudios.142/641564-estudiar-marketing-pero-uces-y-up.html) y lo edite, pero me falta configurar el js y css para que el boton de cerrar funcione.<!-- BANNER FLOTANTE / INICIO --><//>
<script type="text/javascript">
try{
var Second_pageTracker = _gat._getTracker("UA-9960236-1");
Second_pageTracker._trackPageview();
} catch(err) { }
</script> <script type="text/javascript" language="javascript">
var seccionEplanning = "foro-264";
var kwsEpl = {kw : "valor"};
var arrayPosiciones = ["a300x250", "998x50", "300x100", "b300x250", "richmedia", "468x280"];
</script> <script type="text/javascript" src="http://static-psicofxp.com/static/js/epl_nl.js"></script><iframe style="width: 0px; height: 0px; display: none;" name="epl4iframe" id="epl4iframe" src="about:blank" height="0" width="0"></iframe> <script type="text/javascript">
eplAD4M("a300x250");
eplAD4M("998x50");
eplAD4M("300x100");
eplAD4M("b300x250");
eplAD4M("richmedia");
eplAD4M("468x280");</script> <div style="clear: both;"></div>
<div id="barraFooter" style="margin: 0pt auto; bottom: 0pt; background-color: rgb(150, 23, 46); height: 68px; width: 100%; position: fixed;"> <div style="width: 5%; float: left;"></div>
<div style="float: left; width: 60px; position: absolute; background: url("/static/img/general/banderas_register/bandera-colombia.png") no-repeat scroll 0% 0% transparent; height: 79px; top: -7px; left: 10%;"> </div>
<div style="float: left; width: 90%;">
<table style="min-width: 500px;" align="center" border="0"> <tbody><tr><td height="8"></td><td></td><td></td> </tr> <tr>
<td id="barrafooter-text" style="font-size: 13px; padding-right: 10px; padding-top: 0px; margin-top: 0px;" valign="top"><span style="color: rgb(255, 255, 255); font-family: arial; font-size: 16px; font-weight: bold;">TEXTO 1</span>
<span style="font-family: arial; font-size: 16px;"> </span> <br> <span style="color: rgb(250, 250, 250);font-family: arial; font-size: 16px;">TEXTO 2</span> <span style="color: rgb(250, 250, 250);font-weight: bold; font-size: 16px; font-family: arial;">     TEXTO 3                                           </span></td> <td align="right" height="40" width="200">
<a href="LINK DEL ENLANCE">
<img src="http://static-psicofxp.com/static/themes/revolution/img/general/btn_reg.png" style="padding-top: 5px;" border="0"> </a> </td> </tr> </tbody></table> </div>
<div style="width: 5%; float: right; height: 68px; padding-top: 5px;">
<a href="javascript://" onclick="$('#barraFooter').hide();"> <span style="font-family: arial;font-size:12px;font-weight:bold;text-decoration:underline;padding-left: 10px;color:#ffffff;">
cerrar
</span> </a> </div> </div> </div> <script type="text/javascript">
<!-- BANNER FLOTANTE / FIN -->
<script type="text/javascript">
try{
var Second_pageTracker = _gat._getTracker("UA-9960236-1");
Second_pageTracker._trackPageview();
} catch(err) { }
</script> <script type="text/javascript" language="javascript">
var seccionEplanning = "foro-264";
var kwsEpl = {kw : "valor"};
var arrayPosiciones = ["a300x250", "998x50", "300x100", "b300x250", "richmedia", "468x280"];
</script> <script type="text/javascript" src="http://static-psicofxp.com/static/js/epl_nl.js"></script><iframe style="width: 0px; height: 0px; display: none;" name="epl4iframe" id="epl4iframe" src="about:blank" height="0" width="0"></iframe> <script type="text/javascript">
eplAD4M("a300x250");
eplAD4M("998x50");
eplAD4M("300x100");
eplAD4M("b300x250");
eplAD4M("richmedia");
eplAD4M("468x280");</script> <div style="clear: both;"></div>
<div id="barraFooter" style="margin: 0pt auto; bottom: 0pt; background-color: rgb(150, 23, 46); height: 68px; width: 100%; position: fixed;"> <div style="width: 5%; float: left;"></div>
<div style="float: left; width: 60px; position: absolute; background: url("/static/img/general/banderas_register/bandera-colombia.png") no-repeat scroll 0% 0% transparent; height: 79px; top: -7px; left: 10%;"> </div>
<div style="float: left; width: 90%;">
<table style="min-width: 500px;" align="center" border="0"> <tbody><tr><td height="8"></td><td></td><td></td> </tr> <tr>
<td id="barrafooter-text" style="font-size: 13px; padding-right: 10px; padding-top: 0px; margin-top: 0px;" valign="top"><span style="color: rgb(255, 255, 255); font-family: arial; font-size: 16px; font-weight: bold;">TEXTO 1</span>
<span style="font-family: arial; font-size: 16px;"> </span> <br> <span style="color: rgb(250, 250, 250);font-family: arial; font-size: 16px;">TEXTO 2</span> <span style="color: rgb(250, 250, 250);font-weight: bold; font-size: 16px; font-family: arial;">     TEXTO 3                                           </span></td> <td align="right" height="40" width="200">
<a href="LINK DEL ENLANCE">
<img src="http://static-psicofxp.com/static/themes/revolution/img/general/btn_reg.png" style="padding-top: 5px;" border="0"> </a> </td> </tr> </tbody></table> </div>
<div style="width: 5%; float: right; height: 68px; padding-top: 5px;">
<a href="javascript://" onclick="$('#barraFooter').hide();"> <span style="font-family: arial;font-size:12px;font-weight:bold;text-decoration:underline;padding-left: 10px;color:#ffffff;">
cerrar
</span> </a> </div> </div> </div> <script type="text/javascript">
<!-- BANNER FLOTANTE / FIN -->
me ayudan porfavor a configurar el java que segun entiendo van antes del head, y el otro codigo del id va despues de este.
aunque realmente no se por que no funciona, lo que yo hago es pegar el codigo despues del head, el banner sale bien, pero no cierra.
puede ser que falta un js o no se definio la funcion en el codigo.
me pueden dar los archivos o el codigo que faltaria pegar para que el banner flotante funcione
PORFAVOR AYUDA !!!!!!!!!!