Dar formato a un número de teléfono con HTML5 y hacer que se pueda llamar al pusar en el teléfono al verlo desde un dispositivo móvil es muy fácil.
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!
Si tienes alguna otra duda, o quieres comentar algo sobre el tema, te animo a que dejes un comentario. También puedes visitar nuestro foro. ¡Un saludo!
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!