-
CSS per a personalitzar Woocommerce
Per a personalitzar colors en Woocommerce de botons i demés, podem utilitzar un codi CSS com aquest:
-
WhatsAPP Web per a Prestashop sense plugins
Afegir a “footer.tpl” el següent codi (no calen imatges, està en SVG!) . Podeu personalitzar el missatge per el que vulgueu, sense llevar els codis (els espais en blanc): Afegir el CSS (en custom.css, en el head.tpl o si tens algun tema que es puga afegir):
-
Formularis amb Recaptcha per a webs sense CMS
Dos exemples de formularis creats en codi HTML, CSS i PHP per a llocs web que no tinguen cap CMS (WordPress, Joomla, etc). Recorda que has de ficar en el <head> la llibreria de reCaptcha: I posar la clau generada en el lloc web de Recaptcha. La “Clave del Sitio”, no la secreta! Perquè funcione…
-
Títol HTML amb imatge decorativa a l’esquerra
Si volem posar una imatge a l’esquerra d’un “header” <h1>, <h2>, etcétera, podem fer-ho amb el següent codi CSS, amb la classe ficada en el <h1>: El padding i el height hauria de ser de la mida de la imatge. El resultat serà així:
-
Imatges responsive en 2023
De fucking bojos. Entre imatges webp i responsives, “anem apanyats” amb Google. Fique ací un exemple (que encara no sé si està 100% bé) de com ficar una imatge “responsive” (adaptable a tots els dispositius) en 2023, per a no rebre cap advertència de PageSpeed Insights: “Picture” té els dues mides (móvil i escriptori, també…
-
Text damunt d’una imatge sense background
HTML: CSS