The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How to link my social media with this code?, Im new...please take it easy on me!
boomercates
post Sep 22 2020, 08:24 PM
Post #1





Group: Members
Posts: 1
Joined: 22-September 20
Member No.: 27,549



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 23 2020, 06:08 AM
Post #2


.
********

Group: WDG Moderators
Posts: 8,635
Joined: 10-August 06
Member No.: 7



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 23 2020, 07:36 AM
Post #3


Computer says no.
********

Group: WDG Moderators
Posts: 19,257
Joined: 9-August 06
Member No.: 6



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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 1st December 2020 - 04:31 PM