Steemit logo in bootstrap-social

in #steemit • 7 years ago (edited)

In a previous post I announced that I have forked Font-Awesome and extend it with a Steemit icon. I have now also added the Steemit logo to bootstrap-social.

Social media buttons

Bootstrap-social is based on bootstrap and Font-Awesome and allow you to add good looking "Social buttons", that means buttons with liks to social media, to your web site.

You will be able to create this kind of iconized links:

How to add to your site

Clone my forked version of bootstrap-social
$ git clone https://github.com/bhjortsberg/bootstrap-social.git

It contains font files from Font-Awesome in assets/fonts (which are copies from my forked version of Font-Awesome) and the Font-Awesome css file in assets/css.

Copy assets/css/font-awesome.css and the assets/font directory to the root of your web site.

Then on your web page you add in <head> section:
<link href="/font-awesome.css" rel="stylesheet">
<link href="/bootstrap-social.css" rel="stylesheet">

and in the <body> section where you want your Steemit button:

    <a class="btn btn-social-icon btn-steemit">
        <span class="fa fa-steemit"></span>
    </a>

Enjoy your new Steemit button!

#web #design #programming #teamsweden
7 years ago in #steemit by
$0.02
  • Past Payouts $0.02, 0.00 TRX
  • - Author $0.02, 0.00 TRX
  • - Curators $0.00, 0.00 TRX
9 votes
Reply 3
Sort:  
  • Trending
    • [-]
     7 years ago 
    $0.02
    • Past Payouts $0.02, 0.00 TRX
    • - Author $0.01, 0.00 TRX
    • - Curators $0.00, 0.00 TRX
    1 vote
    Reply
    [-]
     7 years ago 

    The @OriginalWorks bot has determined this post by @bhj to be original material and upvoted it!

    ezgif.com-resize.gif

    To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

    To enter this post into the daily RESTEEM contest, upvote this comment! The user with the most upvotes on their @OriginalWorks comment will win!

    For more information, Click Here!
    Special thanks to @reggaemuffin for being a supporter! Vote him as a witness to help make Steemit a better place!

    $0.02
    • Past Payouts $0.02, 0.00 TRX
    • - Author $0.02, 0.00 TRX
    • - Curators $0.00, 0.00 TRX
    2 votes
    Reply
    [-]
     7 years ago 

    @mrainp420 has voted on behalf of @minnowpond. If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.

            To receive an upvote send 0.25 SBD to @minnowpond with your posts url as the memo
        To receive an reSteem send 0.75 SBD to @minnowpond with your posts url as the memo
        To receive an upvote and a reSteem send 1.00SBD to @minnowpond with your posts url as the memo
    $0.00
      Reply

      Coin Marketplace

      STEEM 0.31
      TRX 0.12
      JST 0.033
      BTC 64605.91
      ETH 3159.61
      USDT 1.00
      SBD 4.11