Bueno gente, esta es mi pregunta, el desarrollador de esta pagina:

http://bluetrigger.com.ar

me la paso, y vi algo que me serviria, se trata de que justamente en su inicio, al pasar el cursor por las distintas boxs, estas se iluminan.

Se puede lograr de alguna forma en mi foro?

Gracias.

Pues preguntale a el por el código fuente.

Esto es fácil de lograr, pero requiere de algún trabajo que puede resultar tedioso.

Lo logras con puro estilos (CSS), y puede ser incluido en algun bloque del foro como tal; o bien con JavaScript (CSS sería lo ideal); ejemplo, con esto:

<style type='text/css'>
.tabla_texto_1:hover{background-color:#ffffcc;}
</style>

cambiarías el fondo de la mitad de los posts de un hilo cuando pases el mouse por arriba.
PD: es un ejemplo, espero no uses ese color...

No entendi esto

Lo puedes hacer ocmo dice Gestion (con el código CSS que te ha dado) o con esto:

http://soporte.miarroba.es/900272/8[....]rear-las-celdas-al-pasar-el-cursor/

Josepe, si ese tema lo vi, pero no lo etendi, ahora que me lo pasaste vos lo volvi a leer, no entendi algunas cosas y le envie un MP, en resumen fue esto:

Y el me respondio esto:

No se si vos podrias darme una mano con respecto a mis dudas sobre la instalacion, me aria de gran ayuda.

No hay problema. Lo primero, incluyes esto en la cabecera HTML de tu foro:

<script type="text/javascript">
 function color(el,tt){
     if(jQuery(el).hasClass('tabla_texto_3')==true){
         jQuery(el).removeClass(); jQuery(el).addClass('tabla_texto_'+tt);
     }else{
         jQuery(el).removeClass(); jQuery(el).addClass('tabla_texto_3');
     }
 }
jQuery(document).ready(function(){
     jQuery('tr.tabla_texto_1').hover(
      function(){ color(this,1); },
      function(){ color(this,1); }
      );

     jQuery('tr.tabla_texto_2').hover(
      function(){ color(this,2); },
      function(){ color(this,2); }
  );

}
</script>

 De este código no tienes que tocar nada.

Por otra parte incluyes los estilos (si estás utilizando algún fichero css mételo ahí sin las etiquetas <style> y </style>, sino, lo pones al principio de la cabcera HTML tal cual te lo doy):

<style type="text/css">
.tabla_texto_3{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #F6F5F0;
 color: #000000;
 border-top: 1px solid #FBFAF6;
 border-left: 1px solid #FBFAF6;
 border-right: 1px solid #E5E4DB;
 border-bottom: 1px solid #E5E4DB;
}

.tabla_texto_3 a, .tabla_texto_3 a:visited, .tabla_texto_3 a:hover{
 text-decoration:none;
 color: #707E33;
}
 </style>

Esto es para definir el estilo que adquirirá la celda al pasar el cursor. Puedes leer algún manual básico de CSS para sacarle más provecho a todas sus propiedades.

¿Alguna duda?

<script type="text/javascript">
 function color(el,tt){
     if(jQuery(el).hasClass('tabla_texto_3')==true){
         jQuery(el).removeClass(); jQuery(el).addClass('tabla_texto_'+tt);
     }else{
         jQuery(el).removeClass(); jQuery(el).addClass('tabla_texto_3');
     }
 }
jQuery(document).ready(function(){
     jQuery('tr.tabla_texto_1').hover(
      function(){ color(this,1); },
      function(){ color(this,1); }
      );

     jQuery('tr.tabla_texto_2').hover(
      function(){ color(this,2); },
      function(){ color(this,2); }
  );

}
</script>

 De este código no tienes que tocar nada.

Por otra parte incluyes los estilos (si estás utilizando algún fichero css mételo ahí sin las etiquetas <style> y </style>, sino, lo pones al principio de la cabcera HTML tal cual te lo doy):

<style type="text/css">
.tabla_texto_3{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #F6F5F0;
 color: #000000;
 border-top: 1px solid #FBFAF6;
 border-left: 1px solid #FBFAF6;
 border-right: 1px solid #E5E4DB;
 border-bottom: 1px solid #E5E4DB;
}

.tabla_texto_3 a, .tabla_texto_3 a:visited, .tabla_texto_3 a:hover{
 text-decoration:none;
 color: #707E33;
}
 </style>

Esto es para definir el estilo que adquirirá la celda al pasar el cursor. Puedes leer algún manual básico de CSS para sacarle más provecho a todas sus propiedades.

¿Alguna duda?

Creas un fichero .css (pe: main.css), lo abres para editarlo y pones todos los códigos CSS (SIN las etiquetas <style type="text/css"></style>).

Lo subes al espacio web de tu foro y al principio del HTML de tu página llamas al fichero así:

<link rel="StyleSheet" href="url_fichero_css" type="text/css" />

No funciona, hice lo siguiente, me dicen que esta mal?

<script type="text/javascript">
function color(el,tt){
    if(jQuery(el).hasClass('tabla_texto_3')==true){
        jQuery(el).removeClass(); jQuery(el).addClass('tabla_texto_'+tt);
    }else{
        jQuery(el).removeClass(); jQuery(el).addClass('tabla_texto_3');
    }
}
jQuery(document).ready(function(){
    jQuery('tr.tabla_texto_1').hover(
      function(){ color(this,1); },
      function(){ color(this,1); }
      );    jQuery('tr.tabla_texto_2').hover(
      function(){ color(this,2); },
      function(){ color(this,2); }
  );}<link rel="StyleSheet" href="https://espacioforos.miarroba.st/1530543/archivos_web/boxs.css" type="text/css" /></script>

Y el link de a lo ultimo lleva a aca:

https://espacioforos.miarroba.st/1530543/archivos_web/boxs.css

La etiqueta link sácala del script. Es decir, que quede:

<link />
<script>
    //Codigo
</script>

<link />
<script>
    //Codigo
</script>

Pues parece que hay algún error en el código, así que hasta que EffectedCard no lo pueda revisar quita ese JS, y cambia en el CSS donde diga .tabla_texto_3 por .tabla_texto_1:hover, .tabla_texto_2:hover

De esta forma obtendrás el mismo efecto solo con CSS (como te dijo GestionXls).

Ya saque el codigo pero como puedo solucionar lo de mis banners? Este problema salio previo a lo del codigo de EffectedCard.

Fue cuando hice el codigo de nuevo.

El problema de usar :hover en celdas td es que no es compatible para todos los navegadores.

De todas formas, ese código en jQuery no cuesta nada de programar. A principios de Diciembre, si me lo recuerdas por privado, puedo crearte un código para ello.

Gracias Effected, voy a recordartelo =D

Con respecto a los errores del diseño, pude arreglarlos solo =D

Use algunas cosas que aprendi aca con algo de HTML q sabia. quedo bien. Solo que ahora estaba creando una "barra de tareas" en la web por asi decirlo, basada en la de mi iPad y me surgio un problema XD

Se encuentra en el foro de HTML Avanzado si quieren verlo.

Gracias por la ayuda =D