Categoría: Programación

Categorías
CSS

Que se puede hacer con CSS en 2021

Checkbox personalizado usando HTML y CSS.

Categorías
Programación

Direcciones IP desde las que se envían las IPN de Paypal

  • 66.211.170.66
  • 173.0.81.1
  • 173.0.81.0/24
  • 173.0.81.33
  • 173.0.81.65
  • 173.0.81.140
  • 64.4.240.0/21
  • 64.4.248.0/22
  • 66.211.168.0/22
  • 173.0.80.0/20
  • 91.243.72.0/23
Categorías
CSS

Recortar una imagen en forma de corazón con css

.corazon{
width:250px;
height:250px;
object-fit:cover;
clip-path: path('M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9 C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z');
margin:0 
}
Categorías
CSS

Botones Animados

BOTON 1
<style>
  #boton1{background:#cd2653;height:50px;width:150px;border:none;color:#eee;position:relative;transition:1s;display:flex;align-items:center;justify-content:center;cursor:pointer}
  #boton1 #circle{width:5px;height:5px;background:transparent;border-radius:50%;position:absolute;top:0;left:50%;overflow:hidden;transition:500ms}
  #boton1:hover{background:#000}
  #boton1:hover #circle{height:50px;width:150px;left:0;border-radius:0;border-bottom:2px solid #cd2653}
</style>
<div id="boton1">BOTON 1<div id="circle"></div></div>
Categorías
Prestashop

Crear un usuario en PrestaShop manualmente con SQL

No funciona en la versión 1.7.6.7

INSERT INTO `ps_employee` (`id_employee`, `id_profile`, `id_lang`, `lastname`, `firstname`, `email`, `passwd`, `last_passwd_gen`, `stats_date_from`, `stats_date_to`, `stats_compare_from`, `stats_compare_to`, `stats_compare_option`, `preselect_date_range`, `bo_color`, `bo_theme`, `bo_css`, `default_tab`, `bo_width`, `bo_menu`, `active`, `optin`, `id_last_order`, `id_last_customer_message`, `id_last_customer`, `last_connection_date`, `reset_password_token`, `reset_password_validity`) 
VALUES ('2', '1', '1', 'Apellidos', 'Nombre', 'correo@correo.com', 'ef6ba3bc958176483aa342396e580ff5', '2020-09-23 12:03:21', '2020-08-23', '2020-09-23', '0000-00-00', '0000-00-00', '1', NULL, NULL, 'default', 'theme.css', '1', '0', '1', '1', '1', '0', '0', '0', NULL, NULL, '0000-00-00 00:00:00');

Vamos a ver los valores importantes

Hay que modificar el primer elemento que es un 2 por el siguiente id de la tabla, cambiamos el correo y el siguiente campo que es la contraseña en MD5 (entras en https://md5online.es/cifrar-md5 escribes la contraseña y descifrar el resto lo dejamos igual

INSERT INTO `ps_employee_shop` (`id_employee`, `id_shop`)
VALUES ('2', '1');

En la siguiente consulta hay que cambiar el primer 2, por el numero que hemos cambiado anteriormente

Categorías
woocommerce

Como eliminar/excluir provincias de los envíos en woocommerce

En nuestro fichero de funtions.php tendremos que añadir

function woo_eliminar_provincias ($provincias) {
   unset ($provincias ['ES'] ['TF']); // Tenerife
   unset ($provincias ['ES'] ['GC']); // Las Palmas
   unset ($provincias ['ES'] ['CE']); // Ceuta
   unset ($provincias ['ES'] ['ML']); // Melilla
   return $provincias;
   }

add_filter ('woocommerce_states', 'woo_eliminar_provincias');

Listado de provincias españolas utilizadas por woocomerce

CLa Coruña
VIÁlava
ABAlbacete
AAlicante
ALAlmería
OAsturias
AVÁvila
BABadajoz
BBarcelona
BUBurgos
CCCáceres
CACádiz
SCantabria
CSCastellón
CECeuta
CRCiudad Real
COCórdoba
CUCuenca
FOFormentera
GIGirona
GRGranada
GUGuadalajara
SSGipuzkoa
HHuelva
HUHuesca
IBIbiza
JJaén
LOLa Rioja
GCLas Palmas
LELeón
LLleida
LULugo
MMadrid
MAMálaga
PMMallorca
MLMelilla
MEMenorca
MUMurcia
NANavarra
OROurense
PPalencia
POPontevedra
SASalamanca
TFSanta Cruz de Tenerife
SGSegovia
SESevilla
SOSoria
TTarragona
TETeruel
TOToledo
VValencia
VAValladolid
BIBizkaia
ZAZamora
ZZaragoza
Categorías
CSS

¿Cómo ordenar los OL con decimales?

La forma mas rapida y comoda de hacerlo es con contadores de css

  1. li element
  2. sub li element
    1. sub li element
    2. sub li element
      1. sub li element
    1. sub li element
    2. sub li element
    3. sub li element
  3. li element
  4. li element
    1. sub li element
    2. sub li element
    3. sub li element
ol { counter-reset: item }
li{ display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }
<ol>
<li>li element</li>
<li>sub li element
<ol>
<li>sub li element</li>
<li>sub li element
<ol>
<li>sub li element</li>
</ol>
</li>
</ol>
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
<li>li element</li>
<li>li element
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
</ol>
Categorías
CSS

Animación degradado background CSS

BODY{
--BotonBackgroundInicio: #FF466A;
--BotonBackgroundFin: #FFAA41;
--BotonBackground:#FF466A;
}
.boton{background:var(--BotonBackground);transition:all 300ms linear 0ms;background:linear-gradient(90deg, var(--BotonBackgroundInicio), var(--BotonBackgroundFin) 51%, var(--BotonBackgroundInicio)) var(--x, 0)/ 200%;padding:1rem 2rem}
.boton:hover{--x: 100%;transition:all 300ms linear 0ms}

Ejemplos

Prueba
Prueba