ITJ Managment ki traf se Fourm per 200 Posts Complete honay per aap ko Mubarik ho,I hope k ye Safar InshALLAH aesay hi Chalta rahay ga.

Image

How To make Style Social Media Buttons

With HTML you can create your own Website. This tutorial teaches you everything about HTML. HTML is easy to learn.
Post Reply
Admin
Site Admin
Posts: 60
Joined: Fri Jul 06, 2018 2:06 am
Pakistan

How To make Style Social Media Buttons

#1

Post by Admin » Mon Jul 09, 2018 3:45 pm

How To make Style Social Media Buttons
Step 1) Add HTML

Code: Select all

[blur=blue]<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Add font awesome icons -->
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>[/blur]
Step 2) Add CSS

Code: Select all

[hidden]/* Style all font awesome icons */
.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}[/hidden]
Round Buttons

Code: Select all

[hidden].fa {
    padding: 20px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}[/hidden]

User avatar
Baal Veer
Super Moderator
Posts: 114
Joined: Fri Jul 06, 2018 10:29 am
Location: Punjab
Gender:
Age: 29
Pakistan

#2

Post by Baal Veer » Tue Jul 10, 2018 1:56 am

So nice

Post Reply

Return to “HTML”

HTML Center : Disclaimer