Skip to main content

Home/ CSS Evangelist/ Group items tagged height

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mikhail-miguel

13styles.com :: Navigation menus online - 0 views

www.13styles.com

webdev css navigation menus

shared by mikhail-miguel on 22 Feb 07 - Cached
  • Saturday   Photoshop template included for color customization. Pre-built in light green/auburn. Dolphin   Photoshop template included for color customization. Pre-built in blue. Fox   Photoshop template included for color customization. Pre-built in red. Background color controlled in css. Slate   Photoshop template included for color customization. Pre-built in red, blue, green and purple. Wax   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.    
yc c

Dynamic Drive CSS Library- Practical CSS codes and examples - 0 views

www.dynamicdrive.com/style

css examples sniplet

shared by yc c on 14 Feb 07 - Cached
  • 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
Jamil Silva

&lt;!DOCTYPE html P - 3 views

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &nbsp; &lt;!-- Thi...

theme tumblr isadora blanch cultura visual bigtheme

started by Jamil Silva on 01 Sep 12 no follow-up yet
mikhail-miguel

37 navigation techniques - 0 views

alvit.de/...gation-techniques-showcase.php

css

shared by mikhail-miguel on 16 Feb 07 - Cached
  • ...1 more annotation...
  • Hybrid CSS Dropdowns Photo Matt Intelligent Menus Inverted Sliding Doors Tab // 456bereastreet.com Accessible Image-Tab Rollovers // Simplebits Simplebits Mini-Tabs Simplified CSS Tabs // Simplebits Tabtastic
mikhail-miguel

CSS Import - 0 views

www.cssimport.com

webdev css galleries showcases

shared by mikhail-miguel on 14 Feb 07 - Cached
  • 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)
mikhail-miguel

css bloom - 0 views

cssbloom.com

webdev css

shared by mikhail-miguel on 18 Feb 07 - Cached
  • (16 votes, average: 3.88 out of 5) &nbsp;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) &nbsp;Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5) &nbsp;Loading ...
wen071

CSS Bloom | CSS Gallery with Blog's and Online Portfolio's - 0 views

www.cssbloom.com

css

shared by wen071 on 19 Feb 07 - Cached
  • 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) &nbsp;Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5) &nbsp;Loading ... Comments (0) | Permalink CreativeBits January 26th, 2007
Mr. DiGi

Beautiful and Simple CSS Button Styling - 8 views

www.narga.net/-and-simple-css-button-styling

html css webdesign design buttons images tips

shared by Mr. DiGi on 02 Nov 09 - Cached
igmuska . and anonymous liked it
  • Particletree CSS Button Style
  • Scalable CSS Buttons Using PNG and Background Colors
  • Woork CSS buttons with icon set
  • ...5 more annotations...
  • Liquid &amp; Color Adjustable CSS Buttons When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and colors can be also be time consuming.
  • Styling the Button Element with CSS Sliding Doors
  • Bold CSS Buttons
  • Pure CSS Buttons
  • Roll Over Button
mikhail-miguel

CSS Drive - 0 views

www.cssdrive.com

webdev css galleries showcases

shared by mikhail-miguel on 15 Feb 07 - Cached
  • 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
yc c

A CSS Sticky Footer - 0 views

ryanfait.com/sticky-footer

css footer sniplet

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    /* STICKER - A valid, easy to use CSS sticky footer by Ryan Fait This is the basic CSS you need along with the one extra empty div and the wrapper required to achieve the effect. I suggest that you leave the * { margin: 0; } code in while testing and building your site because margins do have a tendency to mess things up a bit. Have fun! Copyright (c) 2006-2007 Ryan Fait */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 4em; /* .push must be the same height as .footer */ } /* TROUBLESHOOTING I've received a few comments about vertical margins causing a few problems with the layout. If you want space between paragraphs or headers, use padding instead of margin. It's as simple as that. */
Al-Mehatb Shaikh

Getting Started with Chrome extension - Diigo help - 0 views

help.diigo.com/...tting-started-chrome-extension

Diigo Chrome

shared by Al-Mehatb Shaikh on 10 Mar 14 - No Cached
  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After&nbsp;the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
Frederik Van Zande

Hackszine.com: Easiest cross-browser CSS min-height - 0 views

www.hackszine.com/...st_crossbrowser_css_minhe.html

best practice cross browser css hack min-height

shared by Frederik Van Zande on 27 Mar 08 - Cached
  • Frederik Van Zande on 27 Mar 08
     
    Enforcing a minimum height for block elements in HTML is one of those few CSS tricks that you can't live without. There are still enough folks using IE6, unfortunately, and it doesn't support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser-conditional style sheets to get the desired effect.
Joel Liu

Free Design Templates | Smashing Magazine - 0 views

www.smashingmagazine.com/...free-design-templates

css templates

shared by Joel Liu on 14 Feb 07 - Cached
  • 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.
  • ...3 more annotations...
  • swan lin on 14 Feb 07
     
    cool
stylist

Yet Another Multicolumn Layout | Ein (X)HTML/CSS Framework - 1 views

www.yaml.de

html

shared by stylist on 14 Feb 07 - Cached
  • Wilhelm Wagenfeld Haus Netzspielwiese Flexible/Elastische Layouts Gymnasium Blomberg Blogstoff-Weblog &nbsp;
wen071

CSS Mania - 0 views

cssmania.com

web

shared by wen071 on 15 Feb 07 - Cached
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

help.diigo.com/...refox-add-on-quick-start-guide

Diigo Firefox

shared by thompsonmarry on 01 Oct 14 - No Cached
  • &nbsp;Feature Highlight: Highlights Diigo saves the day with "highlights". Highlights let you select the important snippets on a page and store them in your library with the page's bookmark. Let's try it. Just open a page, maybe one of your old-school bookmarks or one of your new cat bookmarks, and find the information on that page you actually care about. Select that important text. Got it? Okay, now put your hemet on, 'cause this might blow your mind! Click the highlight icon on the Diigo toolbar. It's the one with the "T" on a page with a yellow highlighter. You will notice that the selected text gets a yellow background. This means that the text has been saved in your library, and as long as you have the Diigo add-on the text will be highlighted on the page! How's that for easy? &nbsp; Now you've highlighted the text. It will appear in your library within the bookmark for the page it is on. Go to your library and you can see how it works. If you're not sure how to get to your library, just click the second icon on the toolbar (Diigo icon to the left of the search bar) and then select "My Library »".
  • Sticky Notes on the Web What? I can put a sticky note on&nbsp;a web page? How? Oh, that's right! Diigo. Just right-click anywhere on the page and choose to "add a floating sticky note". Type up your note and choose "Post", then move the note anywhere on the page. You have to type a note first, before you move it where you want, otherwise there's nothing to move!
mikhail-miguel

css vault - 0 views

cssvault.com

css

shared by mikhail-miguel on 13 Feb 07 - Cached
Vernon Fowler

Centering in the Unknown | CSS-Tricks - 0 views

css-tricks.com/centering-in-the-unknown

css centering center vertical Webdesign

shared by Vernon Fowler on 25 Sep 12 - No Cached
  • Vernon Fowler on 25 Sep 12
     
    "If we set up a "ghost" element inside the parent that is 100% height, then we vertical-align: middle both that and the element to be centered, we get the same effect."
Vernon Fowler

Choosing great variable names - 0 views

thesassway.com/...variable-naming

variable namespace name sass scss css webdesign DIG252

shared by Vernon Fowler on 19 Jun 14 - No Cached
  • try to choose semantic names for your variables
  • describe its function or purpose
  • // Better $brand-color: red; $accent-color: yellow;
  • ...3 more annotations...
  • postfix color names with -color:
  • add a prefix like header- or footer- for specific sections: // Header $header-height: 100px; $header-background-color: $color-brand; // Footer $footer-height: 200px; $footer-background-color: #aaa;
  • I like to keep all my variables in a single file, called _config.scss, that I include in my primary stylesheet using the @import directive.
yc c

Pure CSS Twitter Fail Whale - Subcide - 5 views

www.subcide.com/...pure-css-twitter-fail-whale

CSS3 experiment animation

shared by yc c on 14 Jun 10 - Cached
  • yc c on 14 Jun 10
     
    Developers continue to do crazy things to show us what can be done with CSS3. The latest is a fully animated Twitter fail whale by Steve Dennis: The idea for this came to me this morning after being greeted first thing this morning by another Twitter outage. I'd been looking for something to stretch my CSS muscles on, and the Fail Whale seemed perfect. Also I think the animation only adds to his (or her?) charm. How was this made? The short answer is very painfully, by hand, using trial and error. Curves are done using various uneven border-radius properties, stranger angles (such as the strings) are masked using containers with overflow: hidden; set on them. I hope someone else gets a bit of enjoyment out of my wasted Sunday. It was a fun experiment that I don't plan on repeating any time soon. Take a look at the source to see the mass of code such as: PLAIN TEXTCSS:@-webkit-keyframes flutter1 {  0%   { -webkit-transform:rotate(0deg) }  50%  { -webkit-transform:rotate(-25deg) }  100% { -webkit-transform:rotate(0deg) }}.right .wing {  background: transparent !important;  z-index: 22 !important;  width: 15px;  height: 18px;  bottom: 4px;  left: 8px;  -webkit-animation: 'flutter1' 0.1s linear;  -webkit-animation-iteration-count: infinite;} 
1 - 20 of 48 Next › Last »
Showing 20▼ items per page