SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Nov 2004
    Location
    St Petersburg, Russia
    Posts
    295
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Any replacement for minimalist list design???

    Hello,

    I use many lists on my web-site. While using lists is good to structure the information, they look too simple. See this page for example:
    http://localhost/PHPDevel/php-scripts.php
    http://php-development.ru/php-scripts.php

    I'd like replace the lists with something more attractive but I don't have idea what to use.

    When it comes to menus, I know that I can use boxes, buttons, hover effects, etc. But what can I use to enhance the appearance of the lists? Any samples on the web would be good.

    Thx
    Last edited by ilyalyu; Nov 16, 2006 at 13:56.

  2. #2
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,340
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    dude, we can't see your localhost

    check out Listamatic "one list, many options"
    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,117
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Wonders can be done using background images.
    Lists can contain other elements too, you not limited to simple text.

  4. #4
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For simple lists like that I tend to create my own list icon and use CSS. You can do anything with a list that you can with normal navigation though so have a look at the listamatic website posted above for inspiration.

    Code:
    li {
        list-style-image: url(icon.gif);
    }

  5. #5
    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)
    Quote Originally Posted by csswiz
    For simple lists like that I tend to create my own list icon and use CSS. You can do anything with a list that you can with normal navigation though so have a look at the listamatic website posted above for inspiration.

    Code:
    li {
        list-style-image: url(icon.gif);
    }
    Except that the padding/margin on the left I believe is not consistent on browsers when using list-style-image, and that's why many people use background-image instead.
    Cross browser css bugs

    Dan Schulz you will be missed


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
  •