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.

 

Anuncios

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>

 

Angular 5

 

Para empezar os comento que yo utilizo Visual Code que os lo podéis descargar directamente desde Aquí.

Una vez descargado podréis seguir este tutorial tan bien explicado de Victor Robles.

Paso 0. Instalar la última versión de NodeJS, para eso entraremos a su web oficial y descargaremos el instalador más actualizado https://nodejs.org/es/

Paso 1. Desinstalar los paquetes anteriores de Angular CLI

1
2
npm uninstall -g angular-cli
npm uninstall -g @angular/cli

Paso 2. Vaciar la caché del gestor de paquetes npm

1
npm cache clean

Paso 3. Instalar la última versión de Angular CLI

1
npm install -g @angular/cli@latest

Ahora ya tenemos actualizado Angular CLI y ya podemos generar un nuevo proyecto de Angular 5

1
2
3
ng new NOMBRE_DEL_PROYECTO_ANGULAR5
cd new NOMBRE_DEL_PROYECTO_ANGULAR5
ng serve

Puedes comprobar la versión de Angular que tienes dentro del fichero package.json, podrás comprobar que tienes la versión 5. En el caso de que te interese otra versión podrías modificar las versiones de tu fichero package.json y lanzar el comando npm update.

Con esto ya sabemos como actualizar Angular CLI para instalar Angular 5, como instalar el framework y como usar Angular CLI para generar un proyecto base.

Ahora tendremos disponible la webapp de Angular 5 en http://localhost:4200/

victorroblesweb.es