Skip to main content

Home/ CSS Evangelist/ Group items tagged images

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
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)  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 ...
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)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ... Comments (0) | Permalink CreativeBits January 26th, 2007
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.    
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
yc c

CSS Sprite Generator | Project Fondue - 1 views

spritegen.website-performance.org

css image code generator online spirite tools

shared by yc c on 30 Jan 10 - Cached
  • yc c on 30 Jan 10
     
    batch process many images: allows you to send a zip file containing your images. It will returns you your images combined into a sprite, and even better, the CSS code that you'll just have to paste in your main css file. The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client's browser needs to make.
Vernon Fowler

CSS Sprites with Inline Images | CSS-Tricks - 0 views

css-tricks.com/css-sprites-with-inline-images

css sprites inline images webdesign NED12

shared by Vernon Fowler on 19 Nov 12 - No Cached
  • The image is "content" while an empty div is not.
  • If you want to keep your image as part of the regular flow of the document the best you can, you can always wrap the image in a div with relative positioning
  • Vernon Fowler on 19 Nov 12
     
    "The "sprite" is the single, combined graphic. We can use this same theory, only instead of using background-image to show the graphic, we can use an image right in the HTML itself (inline image)."
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
yc c

Image to CSS Converter - 0 views

elliottback.com/...image-to-css.php

converter css html image tools

shared by yc c on 06 May 07 - Cached
  • yc c on 06 May 07
     
    This is the direct link from http://elliottback.com/wp/archives/2005/04/25/convert-image-to-css/
     Convert Image to CSS
    Posted in Code, Plugins, Graphics by Elliott Back on April 25th, 2005. [Del.icio.us]

    Ever wanted to take an image and convert it, pixel by pixel, into CSS, HTML, or xHTML? Well, now you can, thanks to my handy conversion tool! Just give it the URL of the image to convert, select a pixel resampling ratio, a mode, and off you go. You can also save the html. Just right click on the permalink and "save target as" to your favorite location.

        * Example: Born into Brothels [via]
        * Example: Cambridge, England [via]
        * Massive deforestation [via]

    Note: If you give a very large image, with a very small pixel ratio, the image could take a long time to load, or eventually overload your browser with multiple megabytes of web information. These "images" are very large!


ronzuo

OverZone Software - CSS Tab Designer - 0 views

www.highdots.com/css-tab-designer

css tab

shared by ronzuo on 14 Feb 07 - Cached
  • With the CSS Tab Designer, you can : Quickly design your list visually Choose from a variety of styles/colors (60+ different designs/colors supported). [ Styles Authors / Credits ] Generate strict xhtml compliant code &nbsp;
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)
stylist

Top 10 CSS image gallery tutorials (YouNeed2See Technology) - 0 views

youneed2see.com/...10_CSS_image_gallery_tutorials

css

shared by stylist on 19 Feb 07 - Cached
  • There are many tutorials out there on how to create your own image gallery. There are simple ones made from pure CSS, and there are complex ones using css and javascript. By the end of this article you will have the information necessary to start building your own photo gallery. The first tutorial is from cssplay and is one of my favorites around. They have a very elegant and simple image gallery. Your images are separated into different sections (people, plants, animals, etc) and all your images for each section listed nicely underneath. As you hover over each image it expands double it's size so you can take a better look at each image before you view the full version. The interface is very clean and simple to use, I recommend taking a look at this one.
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

Design Shack - Inspirational CSS and Blog Design - 0 views

www.designshack.co.uk/index.php

webdev css

shared by mikhail-miguel on 19 Feb 07 - Cached
  • Brand's Vistro 415 Views - Visit Site 5 Elan Snowboards 143 Views - Visit Site 6 Stock Temple 115 Views - Visit Site 5 Mein Brandenburg 347 Views - Visit Site 7 Kineda 277 Views - Visit Site 4 Emma's Bridal Jewelry 220 Views - Visit Site 8 Footnote 552 Views - Visit Site 5 Triple Crown 343 Views - Visit Site 7 Arts and Sciences
yc c

Understanding border-image | CSS-Tricks - 6 views

css-tricks.com/understanding-border-image

border explication CSS3 webdev article

shared by yc c on 23 Jul 10 - Cached
  • Strangely, the percentages require the “%”, while pixels should be listed without the “px”:
  • yc c on 23 Jul 10
     
    The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that's your thing) with a single div and a single image. In this article I explain how the border-image shorthand property works in today's browsers.
Hussain M Elius

CSS Decorative Gallery - 0 views

www.webdesignerwall.com/...css-decorative-gallery

css webdesign frame

shared by Hussain M Elius on 28 May 08 - Cached
  • Frederik Van Zande on 28 May 08
     
    Did you like my previous CSS tutorial on how to create gradient text effects? I'm using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra tag and apply a background image to create the overlaying effect. It is very easy and flexible - see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).
  • Hussain M Elius on 10 Nov 08
     
    Trick to show how to decorate your images and photo galleries without editing the source images.
my mashable

Posterous : Post Your Images to Popular Twitter clients With New API - 0 views

www.bloggersbase.com/...r-twitter-clients-with-new-api

iPhone Twitter twitpic twitter client Posterous desktop client photo sharing

shared by my mashable on 28 May 09 - Cached
  • my mashable on 28 May 09
     
    Recently Posterous joined Twitpic for sharing images on Twitter. Posterous is a simple place to post anything including images, videos, mp3 and files by sending an email to post@posterous.com in reply you can see your post at http://yourname.posterous.com.Posterous new API let users to post your image to some of the most popular Twitter clients either from desktop or from your iPhone.
1 - 20 of 157 Next › Last »
Showing 20▼ items per page