Group items tagged

(16 votes, average: 3.88 out of 5)  Loading ... Comments (4) | Permalink CSS Bloom is a website showcasing the best CSS based designs used by Blog's and Online Portfolio's. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page. PetrSimi January 26th, 2007 (11 votes, average: 3.09 out of 5)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ...

CSS Bloom is a website showcasing the best CSS based designs used by Blog's and Online Portfolio's. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page. PetrSimi January 26th, 2007 (11 votes, average: 3.09 out of 5)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ... Comments (0) | Permalink CreativeBits January 26th, 2007

var rate87=new rateit(87, "26", "090%") rate87.displaytext("26") 4.5 CSS Gradient Shadow var rate74=new rateit(74, "72", "078%") rate74.displaytext("72") 3.9 CSS Thick Tabs var rate47=new rateit(47, "71", "080%") rate47.displaytext("71") 4 SuckerTree Vertical Menu (v1.1) var rate52=new rateit(52, "60", "074%") rate52.displaytext("60") 3.7 Overlapping horizontal tabs var rate51=new rateit(51, "128", "080%") rate51.displaytext("128") 4 Animated link underlines var rate50=new rateit(50, "78", "075%") rate50.displaytext("78") 3.8 SuckerTree Horizontal Menu <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xm

MediaGirl (0) Posted on: 02/15/2007 var rate1995=new rateit(1995, "", "") rate1995.displaytext("") Eskymo Media (0) Posted on: 02/14/2007 var rate1974=new rateit(1974, "6", "060%") rate1974.displaytext("6") 6 FuzeCreative (0) Posted on: 02/13/2007 var rate1970=new rateit(1970, "3", "043%") rate1970.displaytext("3") 4.3 SilverPoint (0) Posted on: 02/13/2007 var rate41=new rateit(41, "2", "070%") rate41.displaytext("2") 7 Scrapbook (0) Posted on: 02/12/2007 var rate1958=new rateit(1958, "3", "060%") rate1958.displaytext("3") 6 Extendio (0) Posted on: 02/10/2007 var rate1956=new rateit(1956, "10", "085%") rate1956.displaytext("10") 8.5 Last 20 unreviewed submissions Random showcases The Ranch Brokers (0) Posted on: 01/29/2007 var rate1895=new rateit(1895, "4", "082%") rate1895.displaytext("4") 8.2 Cre8d Design (0) Posted on: 01/22/2006

Saturday &nbsp; Photoshop template included for color customization. Pre-built in light green/auburn. Dolphin &nbsp; Photoshop template included for color customization. Pre-built in blue. Fox &nbsp; Photoshop template included for color customization. Pre-built in red. Background color controlled in css. Slate &nbsp; Photoshop template included for color customization. Pre-built in red, blue, green and purple. Wax &nbsp; Photoshop template included for color customization. Pre-built in blue, orange, red, green and grey. Style #1 Photoshop template not included. Pre-built in grey/blue. Style #2 Photoshop template not included. Pre-built in grey/blue. Style #4 Photoshop template not included. Pre-built in red/grey. Top red line controlled via CSS. Style #5 Photoshop template not included. Pre-built in dark blue. Bottom pink-ish line controlled nia CSS. &nbsp; &nbsp;

Contrabrand (0)Feb 14, 2007 12 Stone Art (0)Feb 5, 2007 Spouse Notes (0)Feb 4, 2007 Urban Dish Seattle (1)Feb 2, 2007 Agency Access (0)Feb 2, 2007 Fall in Tennessee (0)Feb 2, 2007 NorthColour (3)Feb 1, 2007 Noemie Chevaux (0)Feb 1, 2007 Incredible Box (3)Feb 1, 2007 Drew Warkentin (4)

Writing CSS is very much like having sex. Not everyone does it the same way and there is no particular “right” way to do it. I guess for me the similarities actually end there, seeing as writing CSS is something I do every day whereas having sex is…anyway I digress. The W3C have set the standards but beyond this, writing CSS is down to an individual’s preferences. Here are 5 little tips and ideas I’ve adopted in the last 6 months that you can use to make your CSS more streamlined, maintainable and easy to read. Written by Jon Disclaimer: The CSS example files are exactly that. They are not meant to be fully functional CSS documents. Class names in the CSS files are named merely so that you may visualise the document in your head (because there is no accompanying html), not because I condone the naming convention in them.

1) Make a table of contents At the top of your CSS document, write out a table of contents. For example, you could outline the different areas that your CSS document is styling (header, main, footer etc). Then, use a large, obvious section break to separate the areas. Not only does this make your CSS look neater, but when it comes to making quick adjustments to certain areas of your website at a later date, finding the corresponding area in your CSS will be much easier. View Example File 1

3) Isolate single properties that you are likely to reuse a lot If you find yourself using a single property a lot, isolate it to save yourself repeating it over and over again and also enabling you to change the display of all parts of the site that use it. View Example File 3

Free design templates don’t have to be unattractive, inaccurate and boring. Some web-sites offer high quality templates for the best price you would ever get - for free. You can download Flash-based templates as well as CSS-based layouts absolutely free; furthermore, you can use them for your personal and commercial projects without any restrictions whatsoever. Still, before using some of the templates, throw a glance at the license agreements - they’re changing all the time.