Creando WEB, desarrollo de sitios web, diseño de paginas de internet

He instalado el plugin WP Store Locator pero su plantilla original no se ve muy bien.  lo mejor es crear nuestras propias plantillas para esto seguimos estos pasos:

Para lograr el efecto borde multicolor con CSS seguimos el siguiente código.

Un cliente me ha solicitado crear un formulario que según la selección de persona natural o persona jurídica me muestres diferentes opciones.   Uso wordpress y para formularios tengo instalado el plugin contact form 7, me di a la tarea de investigar y efectivamente existe la forma de agrupar opciones que según una selección muestre uno u otro campo.

Añadir otra dirección de correo tuya

Functionality not enabled. Cuando envías correos con la cuenta cuenta@adicionalnueva.com, tienes que utilizar los servidores SMTP de adicionalnueva.com. Sin embargo, tu cuenta no dispone de esta función. Consulta al administrador de tu dominio.

¿Si está frente a este problema y no sabe que hacer?

Primero debe ingresar por la cuenta administrador del dominio.   Sabemos que la cuenta es la administradora del dominio, si entrando por gmail ingresando en el icono de configuración encontramos administrar este dominio.

Seleccionamos Gmail


Vamos hasta configuraciones avanzadas

Si se desea realizar una traducción sencilla en un sitio web desarrollado bajo wordpress y no se encuentra una mejor forma de hacerlo (como en mi caso que siempre uso loco-translate, pero me tope con una plantilla que no tenía toda la traducción bien configurada ) algunas palabras me quedaban en inglés.   Busque está solución que les comparto y que funciona bien para palabras.


Para este ejemplo vamos a usar un boton.

 
  Share

.social-share {
  text-indent: -9999px;
  line-height: 0; /* colapso la línea origina */
}

.social-share:after {
  content: "Compartir:";
  text-indent: 0;
  display: block;
  line-height: initial; /* El nuevo contenido toma el lugar de la linea original */
}

El atributo "required" de HTML5 es una mejora importante, que reduce el tiempo de validación en formularios, mejorando la experiencia de usuarios.

      En el HTML: 

Los valores del atributo "required" son validados automaticamente por JQuery, pero esto depende del navegador, en navegadores muy antiguos esto no está soportado.   Si el navegador lo soporta, la respuesta debe ser algo como esto:


Es necesario tener en cuenta todos los navegadores por esto adicionamos la siguiente función de javascript que remplaza los valores de "required" por una clase, y genera un código adicional de validación, para los navegadores que no soportan esta característica.

Aquí un ejemplo de como realizar un manejo de esto, y su respectiva función javascript para valir en caso de que el navegador no soporte está característica.

Me tope con la necesidad de decorar un poco un formulario, existen muchos resultados en la web para lo que necesitaba pero decidí hacer uno propio utilizando Font Awesome y este fue el resultado.