1. Tired of not being able to see links? Want to chat with other members? Need help?

Social Media Icons

Discussion in 'Requests' started by Kristopher, Feb 7, 2018.

Thread Status:
Not open for further replies.
  1. Kristopher

    Kristopher Photographer

    Joined:
    Dec 25, 2010
    Messages:
    786
    Likes Received:
    75
    Anyone have some small Social Feed icons? I'm looking for something close to this but smaller for a upcoming Music artist website. Thanks!

    [ Want to see this link? Register ! ]
     
  2. Canadian

    Canadian Я тебя люблю. Staff Member

    Joined:
    Jun 4, 2010
    Messages:
    2,026
    Likes Received:
    1,467
    Why can't you just use those?
     
  3. griimnak

    griimnak You're a slave to the money then you die

    Joined:
    Jul 20, 2013
    Messages:
    776
    Likes Received:
    558
    [​IMG]

    Sketched this up for ya, you can adjust everything to your liking.
    [​IMG]
    HTML:
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
    
      <style>
        body {
          padding: 20px;
        }
    
        .bubble {
          /* ADJUST CIRCLE SIZE*/
          width: 42px;
          height: 42px;
    
          /* ADJUST CIRCLE COLOR HERE */
          background: #000;
          background-color: #000;
    
          /* ADJUST FONTAWESOME ICON SIZE AND COLOR HERE */
          color: white;
          font-size: 22px;
    
    
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          border-radius: 50px;
          box-shadow: 1px 1px 1px black; /* remove this if you don't like it */
          min-width: 14px;
          padding: 4px 3px 0 3px;
          text-align: center;
          margin-bottom: 12px;
        }
    
        .bubble i {
          padding-top: 9px;
        }
    
      </style>
    </head>
    <body>
      <!--
      ICONS HERE: https://fontawesome.com/icons
      -->
      <div class="bubble">
        <i class="fab fa-twitter"></i>
      </div>
    
      <div class="bubble">
        <i class="fab fa-android"></i>
      </div>
    </body>
    </html>
    
    let me know if it did you well, and thanks for stealing my real name :(
     
    Last edited: Feb 7, 2018
  4. Kristopher

    Kristopher Photographer

    Joined:
    Dec 25, 2010
    Messages:
    786
    Likes Received:
    75
    Thanks! Saved me some time. I got some years on this account however if you would like it I could switch via sub if you gift me sub as I’m barley on db just come to see how it’s coming along and you can have the name only offering because you helped :)
     
    Sentinel likes this.
  5. Mystical

    Mystical Member

    Joined:
    Feb 13, 2018
    Messages:
    42
    Likes Received:
    11
    Use CSS and decrease the size of the image. Or just decrease it in Photoshop.
     
  6. JMG

    JMG wut wut Staff Member

    Joined:
    Jun 10, 2012
    Messages:
    1,517
    Likes Received:
    691
    This was already done in the comments.
     
  7. Sentinel

    Sentinel github.com/marcus-sa

    Joined:
    Oct 18, 2016
    Messages:
    1,124
    Likes Received:
    559
    That's the nicest thing someone has ever done on this forum PogChamp
     
    griimnak and JMG like this.
Similar Threads
  1. Vinnie
    Replies:
    2
    Views:
    148
  2. Magic
    Replies:
    37
    Views:
    763
  3. broges
    Replies:
    5
    Views:
    132
  4. Sentinel
    Replies:
    7
    Views:
    339
Loading...
Thread Status:
Not open for further replies.

Share This Page

Loading...