How Do I Implement This On My Website? **

Discussion in 'HTML & Website Design' started by ttechfs, Nov 9, 2015.

  1. #1
    Hi, I'm a newbie to creating websites and I was wondering how I exactly put this on my website.

    http://perfecticons.com/

    1. I don't know what it means by "web directory"? Does that mean my file manager of my web hosting?

    2. I am lost here. What stylesheet and how do I actually "set the correct path"?



    Thank you in advance!
     
    ttechfs, Nov 9, 2015 IP
  2. Ivan S

    Ivan S Member

    Messages:
    90
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    48
    #2
    1. Yes it means your website cms folder.
    2. Find css of theme u are using and paste that code after last line of code you find.
    IMPORTANT: before you try anything make a copy of original files you are going to change.
    3. I suppose you want buttons to apear on single post. If you are using WP find single.php and place where to paste that html code.
     
    Ivan S, Nov 9, 2015 IP
  3. sarahk

    sarahk iTamer Staff

    Messages:
    28,846
    Likes Received:
    4,542
    Best Answers:
    123
    Trophy Points:
    665
    #3
    lol, their directions are reasonably clear but I can also see how you could get caught out.

    What CMS are you using for your website?
    Knowing that will allow the advice to be a bit more specific

    In the meantime
    1. They do mean webhosting. You'll probably already have a folder/directory for your theme files or for css or images. I'd create a subfolder under css called "socicon" and put their files in there. They have the version number and that can be useful too. Your call.
    2. Your site WILL already have one or more stylesheets in use. You need to add their code to one of them. The trick is knowing which one. Some will have come with javascript libraries and one (or more) will be unique to your website - that's the one you want to add the code to. That way, if you stop using the library or your theme gets updated you won't lose the changes. Make sure you update those file paths.
     
    sarahk, Nov 9, 2015 IP
  4. ttechfs

    ttechfs Well-Known Member

    Messages:
    872
    Likes Received:
    142
    Best Answers:
    0
    Trophy Points:
    155
    #4

    Here is an image of my file manager. File Manager CSS.jpg
     
    ttechfs, Nov 9, 2015 IP
  5. sarahk

    sarahk iTamer Staff

    Messages:
    28,846
    Likes Received:
    4,542
    Best Answers:
    123
    Trophy Points:
    665
    #5
    I'd be editing site.css
    unusual naming conventions for the others and that alone would want me not to touch them.
    you could always create a new css but I think we'll ignore that option
     
    sarahk, Nov 9, 2015 IP
  6. ttechfs

    ttechfs Well-Known Member

    Messages:
    872
    Likes Received:
    142
    Best Answers:
    0
    Trophy Points:
    155
    #6
    I tried editing the site.css file, put the string of code for the icons at the end and saved it. I created a new folder named "socicon" and put their files there as well. I then got the html code and put it on my website and nothing happened besides a small little black dot.
     
    ttechfs, Nov 9, 2015 IP
  7. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    7,329
    Likes Received:
    1,708
    Best Answers:
    31
    Trophy Points:
    475
    #7
    qwikad.com, Nov 9, 2015 IP
  8. ttechfs

    ttechfs Well-Known Member

    Messages:
    872
    Likes Received:
    142
    Best Answers:
    0
    Trophy Points:
    155
    #8
    Thanks for the help everyone. Appreciate it.
     
    ttechfs, Nov 9, 2015 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #9
    If any CMS or platform or whatever threw those file naming conventions at me, they'd hit the bit bucket so fast as to prove light speed is not a limit.

    That is ridiculous.
     
    kk5st, Nov 10, 2015 IP
    sarahk likes this.