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"…
Insertar Videos de Youtube Responsivos
Vaya a su video deseado de YouTube, presione "Compartir", luego haga clic en la pestaña "Insertar" y copie el código iframe. Las opciones de video que seleccione aparecerán en este código;
Pégalo dentro de una publicación y envuélvelo…
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…
Tablas Responsive en WordPress sin plugins
En este artículo veremos cómo hacer una tabla responsive en WordPress a través de diferentes métodos, desde ocultar elementos hasta reposicionarlos para que se muestre correctamente en móviles.
.
CAMBIAR LINK LOGO EN WORDPRESS
Mi tema Enfold está en un subdominio del sitio principal. blog.site.com, cuando la gente hace clic en el logotipo, va al blog, pero realmente quiero que vaya a mi dominio principal http://www.site.com
¿Cómo puedo cambiar el enlace detrás…
DATEPICKER
Configuración mínima
Código
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
…
TABLA REPONSIVE
Añade la clase .table a cualquier elemento <table> para aplicar los estilos básicos de Bootstrap 3 para tablas. El resultado es una tabla con un padding muy sutil y con líneas de separación solamente en las filas.
Puede parecer…