Help - Search - Members - Calendar
Full Version: How to link my social media with this code?
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
boomercates
Where do i insert my links and how to make my social media link?
Thanks in Advance!

<!DOCTYPE html>
<center>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.fa {
padding: 20px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}

.fa:hover {
opacity: 0.7;
}

.fa-facebook {
background: #3B5998;
color: white;

}

.fa-instagram {
background: #a3137c;
color: white;

}

.fa-snapchat-ghost {
background: #fffc00;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
</style>
</head>
<body>


<!-- Add font awesome icons -->
<a href="#" class="fa fa-facebook"> <a href="https://www.facebook.com/boomercates/"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-snapchat-ghost"></a>



</center>
</body>
</html>
Christian J
You already have a Facebook link at the end, however you can't nest links inside each other.

See also https://htmlhelp.com/faq/html/links.html#link-howto
pandy
I think that all is the sample code/markup that is supposed to be used. Is that right?

If so you need to pick the bits you need out and put them in your own page.

The LINK (ajax stuff) goes in HEAD. The CSS goes in your own style sheet and the links (A tags) go where you want them in BODY (after you have fixed the nested links Christian pointed out).

IF what you posted is something you actually use as it is, that CENTER tag can't be there above the start tag for HTML.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2020 Invision Power Services, Inc.