Saltar al contenido

cómo agregar símbolo de facebook e instagram ejemplo de código css

Luego de mucho batallar hemos encontrado el arreglo de este rompecabezas que muchos de nuestros lectores de este sitio tienen. Si quieres compartir algo puedes aportar tu comentario.

Ejemplo: bootstrap de iconos de redes sociales

Refer link : 
https://www.programmingquest.com/2020/04/create-social-media-icon-using-html-css.html

<html><head><title>Social Media Icon Exampletitle><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style>.fawidth:25px;padding:20px;font-size:25px;text-align: center;text-decoration: none;margin:5px2px;color:white;border-radius:50%;.fa:hoveropacity:0.7;.fa-facebookbackground:#3B5998;.fa-twitterbackground:#55ACEE;.fa-googlebackground:#dd4b39;.fa-linkedinbackground:#007bb5;.fa-youtubebackground:#bb0000;.fa-instagrambackground:#8a3ab9;.fa-whatsappbackground:#4FCE5D;.fa-pinterestbackground:#cb2027;.fa-snapchat-ghostbackground:#fffc00;text-shadow:-1px0black,01pxblack,1px0black,0-1pxblack;.fa-skypebackground:#00aff0;.fa-githubbackground:#000000;.fa-dribbblebackground:#ea4c89;.fa-vimeobackground:#45bbff;.fa-foursquarebackground:#45bbff;.fa-stumbleuponbackground:#eb4924;.fa-flickrbackground:#f40083;.fa-yahoobackground:#430297;.fa-redditbackground:#ff5700;.fa-rssbackground:#ff6600;style>head><body><ahref="#"class="fa fa-facebook">a><ahref="#"class="fa fa-twitter">a><ahref="#"class="fa fa-google">a><ahref="#"class="fa fa-linkedin">a><ahref="#"class="fa fa-youtube">a><ahref="#"class="fa fa-instagram">a><ahref="#"class="fa fa-whatsapp">a><ahref="#"class="fa fa-pinterest">a><ahref="#"class="fa fa-snapchat-ghost">a><ahref="#"class="fa fa-skype">a><ahref="#"class="fa fa-github">a><ahref="#"class="fa fa-dribbble">a><ahref="#"class="fa fa-vimeo">a><ahref="#"class="fa fa-foursquare">a><ahref="#"class="fa fa-stumbleupon">a><ahref="#"class="fa fa-flickr">a><ahref="#"class="fa fa-yahoo">a><ahref="#"class="fa fa-reddit">a><ahref="#"class="fa fa-rss">a>body>html>

valoraciones y comentarios

Acuérdate de que tienes la capacidad de aclarar si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *