Not signed in (Sign In)

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

Help keep Vanilla free:
Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.

Vanilla: Style Cheat-Sheet

Bottom of Page

1 to 12 of 12

  1.  
    • CommentAuthorkschembri
    • CommentTimeAug 2nd 2005
     # 1
    I was wondering if someone could be so kind enough as to create a Vanilla Style Cheat-Sheet. If your not sure what i mean by this check out the cheat-sheet for Wordpress: http://www.techwench.com/05-2005/15-theme-cheat-sheet.

    Im trying to create a style and this is the best way to learn personally, it would also help other users to learn how to create a style easily too.
    •  
      CommentAuthornathan
    • CommentTimeAug 2nd 2005
     # 2
    I can't garantee anything, but I will certainly give it a try when I get a little free time.
    •  
      CommentAuthorlech
    • CommentTimeAug 3rd 2005
     # 3
    lech tips his hat

    GOOD LUCK!
    •  
      CommentAuthor3stripe
    • CommentTimeAug 3rd 2005
     # 4
    sounds good, i'm holding off on finishing my style until i get some more pointers on how to go about it. a checklist or similar would be great.
    • CommentAuthorkschembri
    • CommentTimeAug 5th 2005
     # 5
    I can't wait.
    Hope he goes around doing it.
    •  
      CommentAuthornathan
    • CommentTimeAug 5th 2005
     # 6
    The pressure is on.

    Guys, I am going to have to wait until next Wednesday, then I will give it a shot.
    • CommentAuthorandy
    • CommentTimeAug 5th 2005
     # 7
    want an easy solution to start with?

    make a blank global.css,

    paste this

    *{
    border: 1px dotted silver;
    margin: 0.5em;
    padding: 0.5em;
    }

    body, html{
    border: none;
    margin: 0;
    padding: 0;
    }

    body{
    font:62.5% verdana, arial, sans;
    }

    #MenuForum:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    /* Hides from IE-mac \*/
    * html #MenuForum {height: 1%;}
    /* End hide from IE-mac */

    /* - end clearing - */

    #MenuForum li{
    float: left;
    }

    #Body{
    margin-left: 23em;
    }

    #Panel{
    float: left;
    width: 20em;
    }

    .PageList li{
    display: inline;
    }

    .MetaItem, .MetaItemLabel{
    display: inline;
    line-height: 3em;
    }

    .DataItemLabel{
    float: left;
    }


    gives you this:



    combine that with the firefox web dev tool bar's "Display ID and Class Details" functionality and you should have a good start.
    •  
      CommentAuthorMark
    • CommentTimeAug 5th 2005
     # 8
    I'm going to say it one more time: Andy is the bomb.
    •  
      CommentAuthorMark
    • CommentTimeAug 5th 2005
     # 9
    Added to the wiki
    • CommentAuthorandy
    • CommentTimeAug 5th 2005 edited
     # 10
    rock, thanks mark.

    the rules there only really cover the discussion list page, and the header.

    using the universal selector to apply padding, margin, and border will still give you a clear idea of page elements on other pages. they just won't look as pretty.

    * is your friend.
    •  
      CommentAuthorlech
    • CommentTimeAug 5th 2005
     # 11
    well damn, that's something I wouldn't have thought of. Rock on andy!

    lech bookmarks this thread for safe keeping.
    • CommentAuthorkschembri
    • CommentTimeAug 7th 2005
     # 12
    Andy, i would kiss you but that would be wrong.

1 to 12 of 12

  1.  
Add your comments
    Username Password
  • Format comments as
 
Back to Discussions Top of Page