Social media links


Joined
Feb 15, 2021
Messages
30
Reaction score
0
please see

Code:
https://atlantabg.org/

how can i code a similar footer's social media links?

thank you :)
 
Ad

Advertisements

Joined
Mar 11, 2022
Messages
167
Reaction score
22
Include Awsome Fonts within head and add css
Code:
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
a.social{position:relative; text-decoration:none; display:inline-block; margin:8px; border-radius:50px; width:50px; height:50px; text-align:center; line-height:50px; font-size:30px; background-color:white; color:black; box-sizing:border-box; transition:all 1s;}
a.social:hover{color:blue; background-color:#cccccc;}
</style>
</head>

In your footerelement try something like:
Code:
<a href="mysocialmedialink.net" target="_blank" class="social"><span class="fa fa-instagram"></span></a><a href="mysocialmedialink2.net" target="_blank" class="social"><span class="fa fa-flickr"></span></a><a href="mysocialmedialink3.net" target="_blank" class="social"><span class="fa fa-tumblr-square"></span></a><a href="mysocialmedialink4.net" target="_blank" class="social"><span class=" fa fa-skype"></span></a><a href="mysocialmedialink5.net" target="_blank" class="social"><span class="fa fa-facebook-official"></span></a>

There is the fiddle. Open it up and click on run to see results
https://jsfiddle.net/f5gyxwbq/
 
Last edited:
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top