I'm working hard at getting some good BlueTrip documentation together. If you have anything you'd like to contribute, feel free to post it here or anywhere else that I can get to it.
You'd be tickled to know that I've been slowly working BlueTrip into our school's website; for example, our school's emergency website: http://urgent.mchenry.edu/index.html and I've used it on a few forms too. If I get my way, I'll be able to redesign the school site using BlueTrip.
Anyway, one thing I'd add is the opposite of colborder (I call mine contentborder, but whatever) so that the border runs down the left side of the content block, and not just the right. Hence, if the content expands, the border follows the content. Maybe there's an easier way to do this, but it's helped me out a bit. BTW, thnx for this!
Here's a little something I cobbled together for a co-worker to introduce her to BlueTrip. My apologies for the buggered code - apparently this forum doesn't like < >
How to use BlueTrip CSS Framework
Each page needs these four style sheets declared in the head of the document:
link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" - this is the main style sheet that contains the reset, font, and layout classes.
link rel="stylesheet" href="css/print.css" type="text/css" media="print" - a nice print stylesheet
!--[if IE] link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" ![endif]-- - a style sheet to tame IE rendering bugs, tested all the way back to IE5!
link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" - this is for site- specific styles, where you would declare your ID’s, etc.
For a three column layout, the basic layout structure is this:
body div class=”container” - the class “container” establishes a centered, 24 column grid with a width of 950px. div class=”span-24 last” - the "last" class tells Bluetrip not to leave any margin on the last content block. /div !--/header-- div class=”span-8” - every content block within must add up to 24, e.g., "span-8", "span-8" and "span-8 last" = 24 /div !--/column one-- div class=”span-8” /div !--/column two-- div class=”span-8 last” - note the "last" class /div !--/column three-- div class=”span-24 last” /div !--/footer-- /div> !--/container-- /body
You could also split the container class into different parts if you wanted.
CSS Miscellany
The Grid
BlueTrip uses uses a 24 column grid system, set in increments of 30px with 10px of right margin, so the base column is 40px. (Add .showgrid to the container class to get a nice background png to help see where things line up.) The baseline is set at 1.6 out of the box.
BlueTrip uses classes (e.g. "span-12") for positioning and relegates semantics to IDs, so for example, div id="header" class="span-24 last" , we would specify #header in our site-specific styles.css.
.span-X is used to designate how many columns a content block should, um, span.
If you want to add a border to a content block, simply add it to the class
I really loved reading your blog. It was very well authored and easy to understand. Unlike additional blogs I have read which are really not tht good. I also found your posts very interesting. In fact after reading, I had to go show it to my friend and he enjoyed it as well!Thanks so much for this! I have not been this thrilled by a blog post for quite some time! You’ve got it, whatever that means in blogging. Anyway, You’re definitely someone that has something to say that people should hear. Keep up the wonderful job. Keep on inspiring the people!
========================================================================= exam 70-573// exam 70-513// exam 70-448// mcp 70-270// ns0-154 exam // 640-461 exam questions // 70-649 vce// exam 70-516//
I found so many interesting stuffs in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! Bootcamps in Australia
Submitted by jhonmgt745 on Fri, 02/03/2012 - 06:55.
I admire the valuable information you offer in your articles. I will bookmark your blog and have my children check up here often. I am quite sure they will learn lots of new stuff here than anybody else! deck coatings
Submitted by sampak101 on Tue, 12/20/2011 - 07:48.
I really like your way of expressing the opinions and sharing the information. It is good to move as chance bring new things in life, paves the way for advancement, etc. 70-648 /// 350-040 /// 1z0-052 /// 70-291 /// 642-374 /// 642-971 /// HP2-K21 /// CISA ///
You have to understand that documentation is so important. There is so much that goes into it but so much that you get from it. I see this as being a must. Counterfeit Pen
this is so exciting and informative for me really...I have been always a fan of innovation and new things in life so doin these kind of courses like CCNA, MCSE and other certifications which can not only help you for your future but also makes you unique in this field as well .. so by trying i am very happy to be part of this and want you guys to also have a look at them because once you will join it and have a study on these, you surely gona like it and appreciate the effort...this is all what I can say, rest of you will decide. thanks!!! designer jackets vintage leather jackets leather jacket women mens trench coats womens quilted jacket mens leather coats flight jackets designer leather jackets
Or, just give me links to existing docs somewhere else.
Hi Mike!
You'd be tickled to know that I've been slowly working BlueTrip into our school's website; for example, our school's emergency website: http://urgent.mchenry.edu/index.html and I've used it on a few forms too. If I get my way, I'll be able to redesign the school site using BlueTrip.
Anyway, one thing I'd add is the opposite of colborder (I call mine contentborder, but whatever) so that the border runs down the left side of the content block, and not just the right. Hence, if the content expands, the border follows the content. Maybe there's an easier way to do this, but it's helped me out a bit. BTW, thnx for this!
Here's a little something I cobbled together for a co-worker to introduce her to BlueTrip. My apologies for the buggered code - apparently this forum doesn't like < >
How to use BlueTrip CSS Framework
Each page needs these four style sheets declared in the head of the document:
link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection"- this is the main style sheet that contains the reset, font, and layout classes.link rel="stylesheet" href="css/print.css" type="text/css" media="print"- a nice print stylesheet!--[if IE]link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection"![endif]--- a style sheet to tame IE rendering bugs, tested all the way back to IE5!link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection"- this is for site- specific styles, where you would declare your ID’s, etc.For a three column layout, the basic layout structure is this:
bodydiv class=”container”- the class “container” establishes a centered, 24 column grid with a width of 950px.div class=”span-24 last”- the "last" class tells Bluetrip not to leave any margin on the last content block./div !--/header--div class=”span-8”- every content block within must add up to 24, e.g., "span-8", "span-8" and "span-8 last" = 24/div !--/column one--div class=”span-8”/div !--/column two--div class=”span-8 last”- note the "last" class/div !--/column three--div class=”span-24 last”/div !--/footer--/div> !--/container--/bodyYou could also split the container class into different parts if you wanted.
CSS Miscellany
The Grid
BlueTrip uses uses a 24 column grid system, set in increments of 30px with 10px of right margin, so the base column is 40px. (Add .showgrid to the container class to get a nice background png to help see where things line up.) The baseline is set at 1.6 out of the box.
BlueTrip uses classes (e.g. "span-12") for positioning and relegates semantics to IDs, so for example,
div id="header" class="span-24 last", we would specify #header in our site-specific styles.css.If you want to add a border to a content block, simply add it to the class
Moving Stuff Around (Padding and Margin)
The best way to prepare for the Project Management Professional exam is to obtain PMP certification training before wondering about the PMP certification salary or PMP certification requirements since you need to be prepared beforehand, as the PMP certification cost can be quite steep.
Various certifications programs are available as per your need. Just opt for the one that meets with your requirement.
ITIL Certification
CISSP Certification
OSHA Certification
i am also looking for blueprint document.thanks for sharing.
Bollywood Movies
I really loved reading your blog. It was very well authored and easy to understand. Unlike additional blogs I have read which are really not tht good. I also found your posts very interesting. In fact after reading, I had to go show it to my friend and he enjoyed it as well!Thanks so much for this! I have not been this thrilled by a blog post for quite some time! You’ve got it, whatever that means in blogging. Anyway, You’re definitely someone that has something to say that people should hear. Keep up the wonderful job. Keep on inspiring the people!
=========================================================================
exam 70-573// exam 70-513// exam 70-448// mcp 70-270// ns0-154 exam // 640-461 exam questions // 70-649 vce// exam 70-516//
I found so many interesting stuffs in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! Bootcamps in Australia
I really like your way of expressing the opinions and sharing the information. It is good to move as chance bring new things in life, paves the way for advancement, etc.mcdba training// sharepoint certification// Sql Certification// mcitp server administrator// Citrix Certification// icdl test// SCJD// ase practice test
I admire the valuable information you offer in your articles. I will bookmark your blog and have my children check up here often. I am quite sure they will learn lots of new stuff here than anybody else! deck coatings
I really like your way of expressing the opinions and sharing the information. It is good to move as chance bring new things in life, paves the way for advancement, etc.
70-648 ///
350-040 ///
1z0-052 ///
70-291 ///
642-374 ///
642-971 ///
HP2-K21 ///
CISA ///
I think setting up documentation is so important. There is so much that you can get from it. I see so much coming from it. Orlando Managed services
You have to understand that documentation is so important. There is so much that goes into it but so much that you get from it. I see this as being a must. Counterfeit Pen
this is so exciting and informative for me really...I have been always a fan of innovation and new things in life so doin these kind of courses like CCNA, MCSE and other certifications which can not only help you for your future but also makes you unique in this field as well .. so by trying i am very happy to be part of this and want you guys to also have a look at them because once you will join it and have a study on these, you surely gona like it and appreciate the effort...this is all what I can say, rest of you will decide. thanks!!!
designer jackets
vintage leather jackets
leather jacket women
mens trench coats
womens quilted jacket
mens leather coats
flight jackets
designer leather jackets