Codigo para agregar nuevas fuentes en wordpress
@font-face{font-family:arquitecta;src:url(/fonts/arquitecta.otf);}
@font-face{font-family:arquitectablack;src:url(/fonts/arquitectablack.otf);}
/* @font-face{font-family:arquitectaregular;src:url(https://www.iproyeccion.cl/fonts/arquitectaregular.otf);}…
Como anadir el boton de whatsapp a una pagina html
Para añadir el botón de compartir en WhatsApp a tu web, tienes que añadir el siguiente código:
<a href="whatsapp://send?text= http://www.tuweb.es/urlquequierescompartir/" data-action="share/whatsapp/share"><img border="0" src="rutadelaimagendewhatsapp.png"…
Responsive Design: adaptar imágenes y vídeos html
Adaptar imágenes
Para crear diseños muy optimizados puede ser importante usar varias imágenes distintas, una con un tamaño superior y otra con uno más ligero, pero me voy a centrar en el uso de una misma imagen (que en la medida de lo…
Responsive Design: estructura adaptable html
Tras la introducción al Responsive Design ahora toca conocer lo esencial para crearlos: el meta-tag Viewport, las @media queries y tener en cuentas ciertas cosas más "clásicas", pero que son esenciales (cosas como las que permiten…
Cómo hacer que tus imágenes sean Responsive
Lo ideal sería tener la misma imagen pero en varios tamaños y que el navegador eligiese cual presentar en cada momento.
¿Es esto posible?
Atributo SRCSET al rescate!
srcset es un atributo dentro del elemento img que nos permite justo…
ResponsiveSlides.js v1.55
La mayor diferencia con respecto a otros complementos de control deslizante de respuesta es el tamaño del archivo (1.4kb minified y gzipped) + que este no intenta hacer todo. Las diapositivas receptivas tienen básicamente solo dos modos diferentes:…
Slider reponsive
Basic Slider
JS
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
HTML
<!-- Place somewhere in the <body> of…