SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Better Font Layout

    On my blog, I am having trouble figuring out what to change the font layout to.

    There is a main post title, sub-titles, and a "screenshots" title. All are in bold. What can I do to make it look like the "screenshots" title is still visible but doesn't interfere with the other sub-titles?



    My blog is http://masonsklut.com

    Thanks,
    Mason

  2. #2
    Guru in training bronze trophy SoulScratch's Avatar
    Join Date
    Apr 2006
    Location
    Maryland
    Posts
    1,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, this made it a little more readable for me but I'm usually not great at graphical decisions:

    lowercase .post strong and specify a different color, such as #c00. For the screenshot links, I upped the font to around 18px, changed the color to #c00 and left an underline. Also updated top spacing of the h3's to around 25px. Maybe get rid of the word 'and' as well?
    Cross browser css bugs

    Dan Schulz you will be missed

  3. #3
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Something like this maybe?


  4. #4
    Guru in training bronze trophy SoulScratch's Avatar
    Join Date
    Apr 2006
    Location
    Maryland
    Posts
    1,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I chose red to make it distinct, it's easier for the eyes to catch and immediately go to.. maybe change up the color?
    Cross browser css bugs

    Dan Schulz you will be missed

  5. #5

  6. #6
    Guru in training bronze trophy SoulScratch's Avatar
    Join Date
    Apr 2006
    Location
    Maryland
    Posts
    1,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Personally I'd go with #3 and remove the 'and' as mentioned before. It might be better to get another person's opinion.
    Cross browser css bugs

    Dan Schulz you will be missed

  7. #7
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Another user on Twitter said this would look good too. http://img15.imageshack.us/img15/9241/picture1jb3.png

  8. #8
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've made the edits on my site now.

    http://masonsklut.com/

    Now I'm going to go back over the next few weeks and remove the "and" and the "commas".

    Thankfully, "{text-transform: lowercase;}" fixed the lowercase "screenshots".

  9. #9
    Guru in training bronze trophy SoulScratch's Avatar
    Join Date
    Apr 2006
    Location
    Maryland
    Posts
    1,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That is much better, I like the box idea for the screenshot numbers.
    Cross browser css bugs

    Dan Schulz you will be missed

  10. #10
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I really appreciate your help. I've made all the edits to the 108 posts on my blog :-)

    Have a great Wednesday!

  11. #11
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    @SoulScratch :

    I also wanted your opinion on the archives page. Does the bold on the monthly titles look like it's too big compared to the 'Archives' page title?


  12. #12
    SitePoint Addict mason.sklut's Avatar
    Join Date
    Oct 2006
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Never mind, I just made the font-weight:normal and it looks fine now.


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
  •