Hi!

I had the same "problem", so i've made some by myself, here's how
In my style.css i wrote the following (correct the path of background-image 
if you need it somewhere else):

/* Start logos */
[class^="logo-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  background-image: url(../img/logo/logos.png);
  background-position: 16px 16px;
  background-repeat: no-repeat;

  .ie7-restore-right-whitespace();
}

.logo-www                { background-position:    0   0; }
.logo-youtube        { background-position:  -16px 0; }
.logo-xing              { background-position:  -32px 0; }
.logo-twitter        { background-position:  -48px 0; }
.logo-myspace        { background-position:  -64px 0; }
.logo-rss                { background-position:  -80px 0; }
.logo-linkedin      { background-position:  -96px 0; }
.logo-googleplus  { background-position: -112px 0; }
.logo-facebook      { background-position: -128px 0; }
.logo-phone            { background-position: -144px 0; }
.logo-mobile          { background-position: -160px 0; }
.logo-address        { background-position: -176px 0; }
.logo-email            { background-position: -192px 0; }
.logo-comedy          { background-position: -207px 0; }
.logo-blog              { background-position: -223px 0; }
*/ End logos*/

Then use it as usual, eg <i class="logo-facebook"></i>

Take a look at http://www.kuba-eferding.at/bootstrap/programm.html, i use 
them a lot there

regards,
Gerd

Am Dienstag, 27. März 2012 21:05:27 UTC+2 schrieb Dave Winer:
>
> I want to use the glyphicons [1] in all my user interfaces, for basically 
> everything reasonable.
>
> As I've been going through the process, I've been taking notes things that 
> would be nice-to-have.
>
> 1. Twitter, Facebook, LinkedIn. These are part of the vocabulary of apps 
> these days. 
>
> 2. Feed. Probably the best choice would be the radiator symbol [2]. I am 
> using a calendar, which is actually not a bad symbol for a feed. 
>
> 3. Mail envelope. I want to use this for Contact pages. Instead I'm using 
> a flame, which is kind of a joke. :-)
>
> 4. Eraser for clear-all-fields.
>
> 5. Icon for hiding and showing the menubar. Here's a demo. [3] 
>
> Dave
>
> [1] http://twitter.github.com/bootstrap/base-css.html#icons
> [2] http://fd.blork.ly/
> [3] http://crazyones.blorkmark.com/
>
>
>
>
>
>
>

<<attachment: logos.png>>

Reply via email to