Buenos dias,
me a parecido bastante interesante el articulo del footable y lo añadido la table a mi web ya que tengo que hacer bastantes.
me gustaria saber alguna manera de poder editar el nombre de search por busqueda y ponerle el codigo de color #009542 en la banda que aparece ahora de color azul.
es posible hacerlo?
Muchas Gracias, a la espera de su respuesta.
Un Cordial Saludo.
Alejandro Ortiz
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Para cambiar el texto "search" prueba a editar el archivo wp-cotent/plugins/footable/class.footable.php y localiza la siguiente línea:
$js .= ' .footableFilter("' . __('search','footable') . '")
Cámbiala por esta otra:
$js .= ' .footableFilter("' . __('buscar','footable') . '")
Para cambiar el color azul de la tabla edita el archivo wp-content/plugins/footable/css/footable.standalone.min.css y localiza el siguiente código:
.footable>thead>tr>th,.footable>thead>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top:0;text-shadow:0 1px 0 rgba(255,255,255,0.5)}
Cámbialo por este otro:
.footable>thead>tr>th,.footable>thead>tr>td{background:#009542;}
Haz una copia de seguridad de los archivos que vayas a modificar para poder volver atrás en caso de problemas.
Muchas Gracias, ya lo cambie, pero me dado cuenta que la parte de abajo no cambia se podria poner del mismo color?
se podria cambiar el color de las letras de la parte verde en blanco?
Muchas Gracias, a la espera de tu respuesta.
Un Cordial Saludo.
Alejandro Ortiz
Hola,
Para cambiar las letras del color verde al blanco, en lugar de poner el código que te había comentado:
.footable>thead>tr>th,.footable>thead>tr>td{background:#009542;}
pon este otro:
.footable>thead>tr>th,.footable>thead>tr>td{background:#009542; color:#FFF;}
Para cambiar el color de pie por el verde cambia el código:
.footable>tfoot>tr>th,.footable>tfoot>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top:1px solid #ccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px}
por este otro:
.footable>tfoot>tr>th,.footable>tfoot>tr>td{background:#009542; color:#FFF;}
Me comentan que la quieren simple, como podria quitar el menu de busqueda y los numeros de paginas y hacer que se vea toda la tabla en la pagina?
Muchas Gracias, a la espera de tu respuesta.
Un Cordial Saludo.
Alejandro Ortiz
Hola,
Lo de eliminar el menú de búsqueda y la numeración de las páginas ya no es algo que se pueda hacer aplicando cambios en los CSS (al menos lo de la numeración).
Tendrías que revisar la configuración de la extensión para ver si se puede hacer eso de forma automática mediante parámetro. En caso contrario habría que modificar el código y podría ser más complicado.