6 replies [Last post]
Deuce
Deuce's picture
Offline
Guru
Las Vegas, NV
Last seen: 1 year 13 weeks ago
Las Vegas, NV
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4422
Points: 1841

Okay, well to try to get a little more talented with css i am going to start making logos strictly with css and xhtml - no graphics.

I have many ideas, am going to do the House MD logo (tried it once, but will do it better this time) and I am going to do the Mad About You logo. If anyone else has any resonable requests or ideas please let me know.

As I get them done I will post them here.

Wish me luck!

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Tags:
roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 1 year 4 days ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

CSS Logos

...in which case you might find inspiration and ideas at Stu Nicholls' site. He was a regular on this forum when I first joined!

http://www.stunicholls.myby.co.uk

Life's a b*tch and then you die!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 48 weeks 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

CSS Logos

You need to update your bookmarks Roy: http://www.cssplay.co.uk/ Wink

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 1 year 4 days ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

CSS Logos

The link I gave is to Stu's splash page, which leads to the page in your link.

Life's a b*tch and then you die!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 29 weeks 3 days ago
Milton Keynes
Joined: 2004-06-30
Posts: 9668
Points: 801

CSS Logos

While you're at it, consider having a go at making the "valid" buttons out of CSS. There's a lot of examples on the net:

http://aisisdesign-5.dsl1.easynet.co.uk/80256B3A007F2692/1/NAMO5LV2NN
http://www.sovavsiti.cz/css/w3c_buttons.html

but I think the HTML is way overcomplicated, you could have a go at that?

Verschwindende wrote:
  • CSS doesn't make pies

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 hour 30 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9149
Points: 3133

CSS Logos

One of my avatars is from a screen cap of html+css.

The header I used for all those pages my host no longer serves up is straight html+css.

#pageheader {
    border: 0 none;
    display: table;
    width: 60%;
    }

#pageheader p {
    color: #a00;
    float: left;
    font-family: georgia, serif;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0.67em 0 0;
    }

#pageheader p span.light {
    color: #669;
    float: right;
    font-size: .75em;
    font-weight: normal;
    }

#pageheader a {
    display: block;
    color: #a00;
    text-decoration: none;
    }

#pageheader hr {
    clear: both;
    height: 1px;
    color: #999;
    background-color: #999;
    margin: 0 0 0 2em;
    }

.kern {
    letter-spacing: -.1em;
    }
===============
    <div id="pageheader">
      <p><a href="../index.html">Gary <span class=
      "kern">T</span>urner’s<br />
      <span class="light">html and css playpen</span></a></p>

      <hr />
    </div>

That's a bit dumbed down from the original, so IE can render it. Using the hr is putting presentation in the html in this case.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

Deuce
Deuce's picture
Offline
Guru
Las Vegas, NV
Last seen: 1 year 13 weeks ago
Las Vegas, NV
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4422
Points: 1841

CSS Logos

roytheboy wrote:
...in which case you might find inspiration and ideas at Stu Nicholls' site. He was a regular on this forum when I first joined!

Ya, i frequently visit his site and was part of my inspiration to do this

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph