Web Design Competition #4: Colours

  • 613flavah
  • battlestar
  • Web Master
  • User avatar
  • Posts: 3289
  • Loc: Hurricane...

Post 3+ Months Ago

The topic has been picked by last comp's winner!

Create a three (3) page website dedicated to "Colours". As the last comp's winner stated in the following quote:

Quote:
Since it has to be three pages, how about the participant can choose between primaries or secondaries colors. With each color, each page should represent a color but still, somehow, be involved with the other two. For example. I could choose red, yellow, and blue. All pages would have the same design (a well thought out design) but one page would focus on a red color scheme with a subject of apples. The next page would be the same design with a yellow color scheme and a subject of bananas. And, the last would be blue with a subject of blueberries. It could be anything really. A red, yellow, and blue car, bird, or pieces of art. It could be abstract thought as well, something like emotions or feelings associated with the colors.


Please create something new and fresh - practice your skills! ;)

Rules:

* Your entry MUST contain your username anywhere on each of the pages
* Webpage design is strictly HTML and CSS only (with images)
* CSS is allowed of course and can be in a seperate file
* Please place images and CSS (if seperate from the html) in the same folder. In other words, ONE FOLDER FOR EVERYTHING.

You MUST also, after posting your entry, PM me a link to a .zip or .rar file with the .html doc and images in the one folder so I can put them up on the server for the final votes (All work remains copyright of yourself).

Only one submission per user will be allowed.

You MUST have created the website yourself.

Any questions please ask in the thread. :D

Resolution: Please create with 800x600 users in mind.
Max total file size (inc images): 500KB
(Please ensure your entry meets the above before entering your piece - Entries not meeting critera will be notified by PM and given a couple of days to adjust it, but please get it right the first time) *poke*

Length: Competition closes Wednesday, May 25 2006 at 11:00 AM EST. Voting lasts five days after close of competition.
  • Katmandu
  • Student
  • Student
  • Katmandu
  • Posts: 69
  • Loc: Spain, Mallorca

Post 3+ Months Ago

I think I am going to do something for this one, allthough I have little time.

Question: No Javascript allowed? I would only use it to make the css work in this messy browser we all know. :banghead:

Only 500kb for everything? Oh, so little... Well, we will see.
  • 613flavah
  • battlestar
  • Web Master
  • User avatar
  • Posts: 3289
  • Loc: Hurricane...

Post 3+ Months Ago

No jvs please and what browser are you referring to? Ppl use different browsers these days. Nowadays you can use CSS to make anything who needs jvs
  • Katmandu
  • Student
  • Student
  • Katmandu
  • Posts: 69
  • Loc: Spain, Mallorca

Post 3+ Months Ago

I mean IE6 of course.

For example it is only able to use hover classes placed in the <a> tag. ALL other browsers can hover on any element.

Things like

Code: [ Select ]
div {
  background: red;
}

div:hover{
  background:blue;
}
  1. div {
  2.   background: red;
  3. }
  4. div:hover{
  5.   background:blue;
  6. }


he doesn't know and needs a javascript hack to do.

But nevermind, I think I can achive what I am thinking of without javascript
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6810
  • Loc: Martinsburg, WV

Post 3+ Months Ago

You don't need js for cross browser compatability.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23458
  • Loc: Woodbridge VA

Post 3+ Months Ago

Katmandu, for the record you don't have to have an "href" in the <a> tag. You can apply a class to <a> for example

<a class=red>Some text goes here</a>

where your css is

a.red:hover{
background-color:#ff0000;
}


and the text will produce a red background on mouseover.

Very basic example, but I know it works.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23458
  • Loc: Woodbridge VA

Post 3+ Months Ago

Strike the example I mentioned above. I was going from recall instead of doing. This works:

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<style type="text/css">
a.red:link{
color: #000000;
text-decoration: none;
}
a.red:visited{
color: #000000;
text-decoration: none;
}
a.red:hover{
color: #000000;
background-color:#ff0000;
text-decoration: none;
}
</style>
</head>
<body>
<a href="" class="red">Mouseover me!</a>


</body>
</html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Page title</title>
  5. <style type="text/css">
  6. a.red:link{
  7. color: #000000;
  8. text-decoration: none;
  9. }
  10. a.red:visited{
  11. color: #000000;
  12. text-decoration: none;
  13. }
  14. a.red:hover{
  15. color: #000000;
  16. background-color:#ff0000;
  17. text-decoration: none;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <a href="" class="red">Mouseover me!</a>
  23. </body>
  24. </html>


http://www.atnoproductions.com/ozzu/mouseoverText.html
http://www.atnoproductions.com/ozzu/mouseoverText2.html
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6810
  • Loc: Martinsburg, WV

Post 3+ Months Ago

IE does not like :hover applied to anything other than links, where as you can :hover just about anything in FF it seems.
  • Katmandu
  • Student
  • Student
  • Katmandu
  • Posts: 69
  • Loc: Spain, Mallorca

Post 3+ Months Ago

It's ok, like I said before I think I can achive what I am thinking off without using js.

(Not that I thought to much about it ,yet)
  • Katmandu
  • Student
  • Student
  • Katmandu
  • Posts: 69
  • Loc: Spain, Mallorca

Post 3+ Months Ago

By the way ATNO clicking at those empty <a href"">'s take me to the folder the file is in. I think that doesn't happen if you type <a href="#"> instead.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23458
  • Loc: Woodbridge VA

Post 3+ Months Ago

Yeah, forgot about that. It doesn't do that in FF, but I forgot IE does. Glad you pointed that out though. Just realized I have directory browsing still enabled there. Need to change that. lol
  • Belk Media Group
  • Graphic Monk
  • Professor
  • User avatar
  • Posts: 777
  • Loc: In the heart of California, Fresno.

Post 3+ Months Ago

Aaaarg, I hate being first in a competition. Oh well, looks as though I might have to set the standard for this one. Good luck to all other entries. I'm looking forward to seeing what you guys come up with.

:D http://originno.net/zoom
  • The Ape
  • Newbie
  • Newbie
  • User avatar
  • Posts: 9

Post 3+ Months Ago

OriginNO_II...

...great concept. Not the direction i was "looking" at all. Well done.
  • 613flavah
  • battlestar
  • Web Master
  • User avatar
  • Posts: 3289
  • Loc: Hurricane...

Post 3+ Months Ago

awesome first entry! Keep 'em coming!
  • sharanbrar
  • Student
  • Student
  • User avatar
  • Posts: 81
  • Loc: Punjab (India)

Post 3+ Months Ago

Here is my first entry for any competition on OZZU. Hope you like it.

http://akswebsolutions.com/sharanbrar/index.html
  • apsblackbelt2
  • Professor
  • Professor
  • apsblackbelt2
  • Posts: 760
  • Loc: George Mason University

Post 3+ Months Ago

I have a quick question......

Is it ok to make one page, and make the "3 pages" just iframes that open in the index?

Would appreciate it if we can.......
  • Katmandu
  • Student
  • Student
  • Katmandu
  • Posts: 69
  • Loc: Spain, Mallorca

Post 3+ Months Ago

Here is my entry, finaly.

http://www.ome2006.com/test/katmandugreen.html
  • The Ape
  • Newbie
  • Newbie
  • User avatar
  • Posts: 9

Post 3+ Months Ago

"Welcome to the jungle, we got fun and games!"... sorry.

Here's my entry.

http://www.apethumb.arttriad.com/exp/primary_lesson/red.html

In all actuality, this isn't a fresh design. I developed it a couple of weeks ago for inclusion in my CSS experiments. Initially, the concept was created using CSS opacity, unlike the example showcased on Apethumb (which is now an image gallery). So, i thought i would satisfy it's origin, which was showing the different hues of colors using CSS opacity.
  • 613flavah
  • battlestar
  • Web Master
  • User avatar
  • Posts: 3289
  • Loc: Hurricane...

Post 3+ Months Ago

aspblack, go for it!
  • apsblackbelt2
  • Professor
  • Professor
  • apsblackbelt2
  • Posts: 760
  • Loc: George Mason University

Post 3+ Months Ago

^^thanks flavah!
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • User avatar
  • Posts: 2997
  • Loc: Canada "A"

Post 3+ Months Ago

i think i will take part in this one
  • 613flavah
  • battlestar
  • Web Master
  • User avatar
  • Posts: 3289
  • Loc: Hurricane...

Post 3+ Months Ago

Contest is now closed! musik is on vacation for the next little while, so the contest poll will have to wait until her return since she uploads all the entries.

Thanks to everyone who participated!
  • apsblackbelt2
  • Professor
  • Professor
  • apsblackbelt2
  • Posts: 760
  • Loc: George Mason University

Post 3+ Months Ago

darn! i got so busy with exams coming up for school....... ill be sure to enter in the next one tho
  • MrTrini
  • Newbie
  • Newbie
  • MrTrini
  • Posts: 13
  • Loc: New York

Post 3+ Months Ago

Pretty good website you have their.

Post Information

  • Total Posts in this topic: 24 posts
  • Users browsing this forum: No registered users and 5 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.