Categoria: HTML i CSS

  • 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

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad