Para que se pueda llamar desde el móvil mientras visitamos la web sólo tenemos que añadirle al teléfono el siguiente código:
<a href="tel:+34612345678">612345678</a>
Si se fijais, en el href se ha colacado el +34, que corresponde al prefijo de España. Habría que añadirse el prefijo del país correspondiente al número.
Si queremos darle formato, habría que añadirle este código CSS3:
a[href^="tel:"]:before {
content: "260E";
display: block;
margin-right: 0.5em;
}
Que haría que el telefono se viera más o menos así:
Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
content: "260E";
display: block;
margin-right: 0.5em;
}
Que haría que el telefono se viera más o menos así:
Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!
Has probado el codigo? En verdad con ese CSS3 se obtiene el formato que indicas
ResponderEliminaro es que solo fue copy-paste de http://www.esandra.com/como-dar-formato-un-numero-de-telefono-con-html5/
Hola anonimo, si he probado el código, que menos! El formato que te da el código a nivel visual es el del telefonito delante del número y el número en forma de enlace. Si quieres ponerle color a darle más tamaño o tal tendrás que modificar o más bien añadir más código css.
ResponderEliminarEn cuanto a lo del copy paste, es verdad que la idea la saqué de otro sitio, bueno, la idea y el código, pero no es de la página que indicas, si no de esta: http://webdesign.tutsplus.com/articles/quick-tip-make-telephone-numbers-do-something--webdesign-9271
Y tal y como me he fijado, sandra habrá echo lo mismo ya que tenemos el mismo ejemplo en la imagen que originalmente fue sacada de la página en inglés.
Un saludo!