Elated PageKits:
http://www.elated.com
This is the README file for the Elated PageKit: "CUBAD"
Created
in Photoshop 6.0
Fonts used: Chyelovek from Kiwi Media at http://www.kiwi-media.com/kiwi/fonts.html
Please see the Copyright and Usage Agreement sections at
the end of this file for copyright information and terms of
use.
Introduction
The idea behind the Elated PageKits is that you can either
use the ideas here as is, and develop them from our startpoints,
or you can take the bits that you need (like the basic frameset)
and customise them for your own use. We hope you'll also find
the PageKits educational. Obviously, to make the best use
of them you'll need to know some basic HTML.
About This PageKit
This 'Kit owes a severe debt of gratitude to poster designers
in Cuba in the 60s. It's based on the sort of "revolutionary
art" that was being produced in Cuba around then. You
can see more of this kind of stuff at http://www.poster.s.cz/listy/cuban1.htm
Love this stuff! Can't get enough! We have bookmark files
full of this kind of thing!
The joy of this style is the sheer raggedness you can get
out of it. It's not meant to be particularly smooth. It's
meant to be rough round the edges and fast to produce.
You could use this for all manner of things where you want
a sort of "hot country rustic" sort of feel.
In terms of construction, the only really interesting bit
is how all the ragged tables are created. You have to draw
the ragged boxes in photoshop (we used the pen tool) the export
just the edges to get an area for HTML text in the middle.
Take a peek at the construction and the PSD file to see what
we're getting at.
The
'Kit was made on an Apple G3 machine running photoshop 6 and
BBedit.
Hints & Tips
The font size and face is controlled by a stylesheet linked
to from the pages (default.css). It also controls the neat
rollover effects seen in IE (but not Netscape, which doesn't
support it) If you want to change all this open up default.css
and edit this code:
<style>
body { font-family: arial, helvetica, sans-serif; font-size:
11px; color: #B18A45 }
td { font-family: arial, helvetica, sans-serif; font-size:
10px; color: #B18A45 }
.text {color: #B18A45; font-family: arial, helvetica, sans-serif;
font-size: 10px; text-decoration: none}
.textlight {color: #FEE7A1; font-family: arial, helvetica,
sans-serif; font-size: 10px; text-decoration: none}
.header {font-family: arial, helvetica, sans-serif; font-size:
13px; font-weight: bold; color: #B18A45 }
.header2 {font-family: arial, helvetica, sans-serif; font-size:
11px; font-weight: bold; color: #B18A45 }
a:link {color: #FEE7A1; font-family: arial, helvetica, sans-serif;
font-weight: bold; font-size: 10px; text-decoration: none}
a:visited {color: #FEE7A1; font-family: arial, helvetica,
sans-serif; font-weight: bold; font-size: 10px; text-decoration:
none}
a:active {color: #ffffff; font-family: arial, helvetica,
sans-serif; font-weight: bold; font-size: 10px; text-decoration:
none}
a:hover {text-decoration: none; font-family:arial, helvetica,
sans-serif; font-weight: bold; font-size: 10px;color: #ffffff}
</style>
...to
be whatever you want for colours, links etc, being careful
to preserve the
syntax.
Support...
...is at our Forums on the Elated site at http://www.elated.com/forums/
Forums powered by Teemz - http://www.teemz.com/
Copyright
The contents of this PageKit, including all HTML and images,
is copyright Elated Communications Ltd 1997-2001.
Usage Agreement
By downloading any of the material from our site, http://www.elated.com/,
you agree to abide by the conditions of the Usage Agreement,
available online at:
http://www.elated.com/usage/
Specifically:
"The Pagekits are free to use on any type of site, provided
you do not redistribute them in any form on the Web or on
a CD-ROM (whether for free or for profit). They are free for
"end-users" only. What this means in English is
that if you're a business wanting to use a Pagekit for your
own bar/bookshop/restaurant etc, then that's fine, even if
you're taking money over the site. What's not fine is if you're
a web designer using a Pagekit to produce a website for a
client, whether you're getting paid for it or not. You may
also not take Kits (or any of the free stuff) and put them
up on your site for download or examples. The above legalese
element is legally binding and failing to comply means you
are infringing international copyright law."
And Finally...
There are many more Kits of varying kinds as well as some
Web Design tips at our website:
http://www.elated.com/
We don't really offer tech support for the PageKits as we
are constantly busy with updating the site, but we do want
them to be a good as possible for you all, so if you run into
problems or have any other questions relating to the PageKits,
you can use our PageKits Help Forum at:
http://www.elated.com/forums/
Search for your PageKits question there, or post a new question
and we'll do our best to help you. It's free to register and
post questions!
Have
fun and see you on the site.
Best wishes,
The
Elated Team.
ELATED :)
Love Your Site
|