Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Dynamic Drive Logo - Pure CSS

  1. #1
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default Dynamic Drive Logo - Pure CSS

    As the title says, check it out (I made it).

    http://eg.jfein.net/ddlogo/

    (this is in the right forum because we're discussing css)
    Jeremy | jfein.net

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Cool. No good in IE less than 9.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    That's because only IE 9 supports css3 selectors like :before and :after.
    Jeremy | jfein.net

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Does that mean you could make an IE 8 and IE 9 version?

    Also, why so big?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    I haven't seen it on a computer yet but its looking fab on my blackberry. Cant wait too check out the source code. Nice job.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  6. #6
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by jscheuer1 View Post
    Does that mean you could make an IE 8 and IE 9 version?

    Also, why so big?
    Yes I guess. :before and :after are simply 2 extra elements that come in a package with any one html element.

    I don't know about the big, it was just easier making it.

    @beverly thanks
    Jeremy | jfein.net

  7. #7
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    awesome. you can make it resizable by defining the proportions in ems. to avoid rounding problems, I wrapped it in a container with a font-size defined in multiples of 10 pixels.

    demo

  8. #8
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Nice! I see you made it better also
    Jeremy | jfein.net

  9. #9
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    you did all the hard work. I had to change some of the proportions because they weren't lining up with ems. since I was at it, I looked up the syntax for asymmetrical rounded corners glad you like it
    Last edited by traq; 07-10-2011 at 05:50 AM.

  10. #10
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    This is what I love about DD - pooling resources to make the good things better.

    Guys, your vision and perfectionism are a credit to DD and an inspiration to us all.

    Thanks for sharing
    Last edited by Beverleyh; 07-10-2011 at 08:31 AM.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

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
  •