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:
    76
    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,047
    Likes Received:
    1,614
    Why can't you just use those?
     
    TesoMayn likes this.
  3. griimnak

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

    Joined:
    Jul 20, 2013
    Messages:
    844
    Likes Received:
    639
    [​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
    Virtuex, JMG, Markshall and 1 other person like this.
  4. Kristopher

    Kristopher Photographer

    Joined:
    Dec 25, 2010
    Messages:
    786
    Likes Received:
    76
    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 :)
     
    Virtuex likes this.
  5. Mystical

    Mystical Member

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

    JMG Hyper politicized sexual tryst Staff Member

    Joined:
    Jun 10, 2012
    Messages:
    1,791
    Likes Received:
    857
    This was already done in the comments.
     
  7. Virtuex

    Virtuex Incarcerated Surfaces

    Joined:
    Oct 18, 2016
    Messages:
    1,240
    Likes Received:
    642
    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:
    157
  2. Magic
    Replies:
    37
    Views:
    849
  3. broges
    Replies:
    5
    Views:
    169
  4. Virtuex
    Replies:
    7
    Views:
    401
Loading...
Thread Status:
Not open for further replies.

Share This Page

Loading...