Attension Please

Welcom To Itjahan.Net
السلام و علیکم ورحمتہﷲ وبرکاتہ
ہم آپ کو ڈیجیٹل مارکیٹنگ فورم پر خوش آمدید کہتے ہیں۔پاکستان میں پہلی بار ایک مکمل ڈیجیٹل مارکیٹنگ فارم آپ سب کے لیئے بنایا گیا ہے۔ جو کہ اردو میں بھی دستیاب ہے۔پیارے ممبر آپ بطور گیسٹس صرف فارم کو وزٹ کر سکتے ہیں تھریڈ پوسٹنگ وغیرہ نہیں کر سکتے۔اس لیئے فوراً رجسٹرڈ ممبر بن کر اس فیملی فورم کا حصہ بنیں اور ہمارے ساتھ تعاون کریں۔کسی بھی مشکل کے لیئے بلا جھجک ہم سے رابطہ کریں۔
ہم آپ سب کے تعاون کے مشکور ہیں۔
آپ سب کا اپنا ڈیجیٹل فورم
Online Degitel Marketing Fourm Itjahan.net

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: 20
Joined: Fri Jul 06, 2018 2:06 am

How To make Style Social Media Buttons

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]

Baal Veer
Posts: 26
Joined: Fri Jul 06, 2018 10:29 am

Re: How To make Style Social Media Buttons

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

So nice

Post Reply