plugin footable  

 
Alejandro
 Alejandro
Estimable Member

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

Citar
Respondido : 29/04/2014 1:28 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/04/2014 4:12 pm

Cursos Gratuitos WordPress

Alejandro
 Alejandro
Estimable Member

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

ResponderCitar
Respondido : 29/04/2014 4:53 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/04/2014 6:25 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Alejandro
 Alejandro
Estimable Member

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

ResponderCitar
Respondido : 02/05/2014 6:45 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/05/2014 7:45 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro