SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Location
    Vienna
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Confusion after downloading icons

    Greetings from Vienna, I'm a new member!

    I have a bit of trouble with this tutorial from Line25. After downloading the icons, I must select four of them in order to build this menu:




    According to CSS, each square is 120 x 120 px. And this is what I achieved putting one of those icons into a 120 px square:



    As you can see, quite smaller than the original. The author of the tutorial did not use Illustrator to assemble the four icons but Photoshop, so he couldn't enlarge them.

    What did I wrong? Thanks in advance.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,208
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hi Linton. Welcome to the forums.

    Those icon images are about 64px wide, so there is something odd going on here, probably with your CSS. We'll need you to post a link to a page you are working on so we can see what your code is doing. If you can't do that, then set up a test page at jsFiddle or CodePen.

  3. #3
    SitePoint Member
    Join Date
    May 2013
    Location
    Vienna
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Ralph! I'm using no CSS by the moment, just downloaded the icons and try to manage them with Photoshop. And yes, it seems the original icons on menu are about 60 px, half the width of the square, but the shop icon I downloaded is exactly 32 x 32 px. It seems there's something that the author forget to include in the tutorial.

    Thanks for your help!

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,208
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    The actual image used in the demo is indeed 64px x 432px, so I'm not sure what you downloaded. You can find it here:

    http://line25.com/wp-content/uploads...demo/icons.png

    (You can't see it, because it's transparent, but just right click up near the top left corner of the screen to download it).

  5. #5
    SitePoint Member
    Join Date
    May 2013
    Location
    Vienna
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now I realize what happened! When I downloaded the PSD first time, it lacked a file. Now I tried again and, well, there is the 512 px file

    Thank you so much!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •