Proyectos

Envio de formulario en diferentes paginas con varios form en WordPress

1 Creo campo en form con una id
<label id=”123″>
[text titulo] </label>
2 Agrego Jquery en wordpress en el header.php del child si lo teneis.
https://code.jquery.com/jquery-3.3.1.min.js
/wp-content/themes/anonymous-child/js/custom.js

3 Os creais un custom.js
// JavaScript Document
$( document ).ready(function() {
var tituloPagina = $(“.titular”).text();
$(“#123”).children().children().val(tituloPagina);
});

4 Aqui deberiais de tener en el imput el nombre de la pagina para cuando se envie el form
envie el title.
5 Ocultamos el imput con css.

Anuncios

Validar checkbox con javaScript en Prestashop (Términos legales)

1–>Lo primero ir al archivo contact-form.tpl de nuestro tema. Una vez allí ponemos el siguiente código:

<form action=”Aquí lo dejamos igual” id=”demoForm” method=”post” class=”contact-form-box” enctype=”multipart/form-data”>

2–>

<input type=”checkbox” name=”terms” value=”1″ /> He leido y acepto la <a href=”#” target=”_blank”>Política de privacidad</a>

3 –>

// assign function to onsubmit property of form
document.getElementById(‘demoForm’).onsubmit = function() {
// get reference to required checkbox
var terms = this.elements[‘terms’];

if ( !terms.checked ) { // if it’s not checked
// display error info (generally not an alert these days)
alert( ‘Please signify your agreement with our terms.’ );
return false; // don’t submit
}
return true; // submit
};

Añadir 5 colunnas wordpress Visual composer

Esto es lo que queremos hacer en nuestro WordPress con Visual composer –>


Vamos al propio cajón y le añadimos esta classe extra –>

Class CSS extra : five-columns

 

Aquí os dejo el código css para que lo pongáis es vuestra pagina o en el Qode Options.

@media screen and (min-width: 768px) {
.five-columns.vc_row .vc_col-sm-2 {
float: left;
width: 18.5%;
padding: 0;
margin-right: 1.5%;
min-height: 0;
}
.five-columns.vc_row .vc_col-sm-2:nth-last-child(2) {
margin-right: 0;
}
}

Y ya estarían nuestras cinco columnas echas.

 

Cambiar color de fondo de una img con Fhotoshop CSS6

Vamos aprender a cambiar el color de fondo de una imagen en Fhotoshop.

  1. Seleccionamos la imagen con la barita mágica en la parte izquierda.
  2. Damos copiar, pegar.
  3. Le damos a “Bloquear pixeles transparentes que lo podéis ver arriba de las capas.”
  4. Hacemos un Control A.
  5. Elegimos el color que queremos.
  6. Y por ultimo Alt retroceso.

Y la final podéis tener vuestra img cambiada al color de fondo que queréis.

Directiva condicional ngIf Angular 5


 

Para hacer un If en Angular 5 nos creamos una nueva propiedad en nuestra clase  VideojuegosComponent  lo que vamos hacer es creanos una variable puesta a true;

Ahora podemos decirle que if  –>

<h3 *ngIf= “mostrar_retro != true “>
El mejor juego es : true
</h3>
Mostrara la propiedad en nuestro html. Podemos tambien jugar con la propiedad style para que nos colore la linea que queremos .
<h3 [style.background]=”‘red'”
*ngIf=”mostrar_retro”>
El mejor juego es : false
</h3>