473,229 Members | 1,845 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,229 software developers and data experts.

Color scheme using CSS

Death Slaught
1,137 1GB
I'm building a website as an extra credit project. The subject is Art. I need a few peoples opions on what the color scheme should be. (Note to the MODS: Since styling involves CSS I decided to put this thread in here).

Here's my Home Page's XHTML, and then the CSS.

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  5.  
  6.   <head>
  7.     <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  8.     <title>Art-Home Page</title>
  9.     <link rel="stylesheet" href="C:\Art\Body.css" />
  10.     <link rel="stylesheet" href="C:\Art\Headings.css" />
  11.   </head>
  12.  
  13. <body>
  14.  
  15. <ul>
  16. <li><a href="C:\Art\Art-HomePage.html">Home</a></li>
  17. <li><a href="C:\Art\Art-ArtPage.html">Art</a></li>
  18. <li><a href="C:\Art\Art-ArtistPage.html">Artist</a></li>
  19. <li><a href="C:\Art\Art-AboutArtPage.html">About-Art</a></li>
  20. <li><a href="C:\Art\Art-HistoryPage.html">History</a></li>
  21. </ul>
  22.  
  23. <h1>Art</h1>
  24.  
  25. <p>
  26. Art refers to a diverse range of human activities and artifacts, and may be used to cover all or any of the arts, including music, literature and other forms. It is most often used to refer specifically to the visual arts, including mediums such as painting, sculpture, and printmaking. However it can also be applied to forms of art that stimulate the other senses, such as music, an auditory art. Aesthetics is the branch of philosophy which considers art.
  27. </p>
  28.  
  29. <p>
  30. Visual art is defined as the arrangement of colors, forms, or other elements "in a manner that affects the sense of beauty, specifically the production of the beautiful in a graphic or plastic medium". The nature of art has been described by Richard Wollheim as "one of the most elusive of the traditional problems of human culture". It has been defined as a vehicle for the expression or communication of emotions and ideas, a means for exploring and appreciating formal elements for their own sake, and as mimesis or representation. Leo Tolstoy identified art as a use of indirect means to communicate from one person to another. Benedetto Croce and R.G. Collingwood advanced the idealist view that art expresses emotions, and that the work of art therefore essentially exists in the mind of the creator. Art as form has its roots in the philosophy of Immanuel Kant, and was developed in the early twentieth century by Roger Fry and Clive Bell. Art as mimesis or representation has deep roots in the philosophy of Aristotle.
  31. </p>
  32.  
  33. <p>
  34. Traditionally the term art was used to refer to any skill or mastery, a concept which altered during the Romantic period, when art came to be seen as "a special faculty of the human mind to be classified with religion and science".
  35. </p>
  36.  
  37. <p>
  38. Generally art is a (product of) human activity, made with the intention of stimulating the human senses as well as the human mind; by transmitting emotions and/or ideas. Beyond this description, there is no general agreed-upon definition of art, since defining the boundaries of "art" is subjective.
  39. </p>
  40.  
  41. <p>
  42. The evaluation of art has become especially problematic since the 20th century. Wollheim distinguishes three approaches: the Realist, whereby aesthetic quality is an absolute value independent of any human view; the Objectivist, whereby it is also an absolute value, but is dependent on general human experience; and the Relativist position, whereby it is not an absolute value, but depends on, and varies with, the human experience of different humans.
  43. </p>
  44.  
  45. <p>
  46. An object may be characterized by the intentions, or lack thereof, of its creator, regardless of its apparent purpose. A cup, which ostensibly can be used as a container, may be considered art if intended solely as an ornament, while a painting may be deemed craft if mass-produced.
  47. </p>
  48.  
  49. </body>
  50.  
  51. </html>
Here's Body.css. I use it for all the value of the "body" of the page.

Expand|Select|Wrap|Line Numbers
  1. body {
  2.   background-color:#ffffff;
  3.   font-family:Arial, Verdana, Helvetica, sans-serif;
  4.   font-size:small;
  5. }
Here's Headings.css, as the name suggests it's used for the value of the headings.

Expand|Select|Wrap|Line Numbers
  1. h1 {
  2.   font-size:190%;
  3. }
I look forward to all of your suggestions, Thanks, Death

PS(This is to drhowarddrfine) - Yes this is the same project we talked about earlier, however, thanks to your percistency I decided to change it. Happy Now? :)
Nov 28 '07 #1
16 3131
Death Slaught
1,137 1GB
Comon people any suggestions at all?

Needed a bump, Death
Dec 1 '07 #2
These might help
ZenGarden
Templates
Art Templates

BTW, why don't u make it only one style sheet that is applied to the page, instead of having one for headers and one for body !!
Dec 1 '07 #3
Death Slaught
1,137 1GB
Thanks for the links.

The reason I have it that way is because I don't want to scroll through every single rule to find what goes to the body, what goes to the heading. Also by the time i'm finished i'll have more CSS than what I do now, alot more.

Thanks, Death
Dec 1 '07 #4
I see, but still I don't think that separating them in different stylesheets is a practical solution, neither I have seen that before. Don't forget that u r gonna end with 5 or 10 stylesheets for a single page !!
Dec 1 '07 #5
Death Slaught
1,137 1GB
Exactly it's way more organized.

- Death
Dec 1 '07 #6
Markus
6,050 Expert 4TB
Exactly it's way more organized.

- Death
Extremely unorganized way of doing it.

Imagine having to open 10 different stylesheets to change the appearance when you could do it all when opening just one! And not to mention the extra loading times this will cause.

'Organized', my ass.

That's like creating a new directory for every user that signs up on your website, when you could just insert their info into a database and extract it dynamically.

Organized.
PAH!
Dec 2 '07 #7
drhowarddrfine
7,435 Expert 4TB
There are a couple of ways to organize your css rather than having to split them into seperate files. The problem with seperate files is that the browser will request each file one at a time which is slower.

You could combine all your style groupings into one css file but keep the groupings together. I like to group them like this:
typography.css
layout.css for general layouts,
form.css for basic form styling,
general.css for further general rules
or whatever other categories that make sense.

Another thing you can do is write the css in a block programming style:
#content {float:left;}
#content p { ... }

#sidebar {float:left;}
#sidebar p { ... }

#footer {clear:both;}
#sidebar p { ... }

That would make it easier to scan down a long list to find 'body'.
Dec 2 '07 #8
Death Slaught
1,137 1GB
Extremely unorganized way of doing it.

Imagine having to open 10 different stylesheets to change the appearance when you could do it all when opening just one! And not to mention the extra loading times this will cause.

'Organized', my ass.

That's like creating a new directory for every user that signs up on your website, when you could just insert their info into a database and extract it dynamically.

Organized.
PAH!
I find it easier to find large amounts of CSS by seperating them, wether it's organized or not, is nothing more than a matter of opinion.

- Death
Dec 3 '07 #9
Death Slaught
1,137 1GB
There are a couple of ways to organize your css rather than having to split them into seperate files. The problem with seperate files is that the browser will request each file one at a time which is slower.

You could combine all your style groupings into one css file but keep the groupings together. I like to group them like this:
typography.css
layout.css for general layouts,
form.css for basic form styling,
general.css for further general rules
or whatever other categories that make sense.

Another thing you can do is write the css in a block programming style:
#content {float:left;}
#content p { ... }

#sidebar {float:left;}
#sidebar p { ... }

#footer {clear:both;}
#sidebar p { ... }

That would make it easier to scan down a long list to find 'body'.
I was thinking of something similiar to that (the 4 groups you were talking about).

Surely though you of all people must see what I'm talking about? Having a giant page of CSS, compared to having about 3-6 is far more trouble than it's worth, even with endention, and spacing.

- Death
Dec 3 '07 #10
Death Slaught
1,137 1GB
Besides drhowarddrfines next reply, this disscusion is over. I ask that we go back to the original topic, or i'll request a removal of this thread.

Thanks, Death
Dec 3 '07 #11
drhowarddrfine
7,435 Expert 4TB
Color "schemers" are everywhere but it still comes down to personal reference.
Dec 3 '07 #12
Death Slaught
1,137 1GB
Color "schemers" are everywhere but it still comes down to personal reference.
Thanks for the link.

My personal preference in this case would make me fail :). My teacher isn't supportive of the colors black, red, or white, odd isn't?

I just started this thread to see other peoples opinions, but it seems as if their imaginations have had a sip or two of red bull.

Oh well I guess i'll just think of a few random colors and throw them together, i've only got one more week to finish it.

- Death
Dec 3 '07 #13
drhowarddrfine
7,435 Expert 4TB
Remember the primary colors. Red, blue and green and everything in between. You can't go wrong with the triad where you start in the center of that color circle and three equidistant arrows pointing out from the center. rotate left or write and you get yellow, purple and orange. But you can use shades of gray and stick with one or two colors alone.

For print it's almost the same. cmyk: cyan, magenta and yellow (k for gray level).
Dec 3 '07 #14
Death Slaught
1,137 1GB
Thanks, but I decided to use my schools colors (maroon, and white). Take a look and tell me what you think about it.


[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">

body {
background-color:#a00000;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:small;
color:#ddd;
}

#contents {
position:absolute;
top:150px;
left:140px;
margin-right:200px;
padding:3em;
background-color:#800000;
}

h2, h3, h4, h5 {
font-size:190%;
color:#111;
}

h1 {
position:absolute;
top:80px;
left:400px;
font-size:190%;
color:#111;
}

ul {
position:absolute;
left:270px;
margin:0;
padding:0;
float:left;
}

a {
float:left;
text-decoration:none;
padding:0.4em 0.9em;
color:#ddd;
border:1px solid #500000;
}

a:hover {
border:1px outset #500000;
background-color:#800000;
}

a:active {
border:1px inset #500000;
}

li {
display:inline;
}

</style>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Art-Home Page</title>
</head>

<body>

<ul>
<li><a href="C:\Art\Art-HomePage.html">Home</a></li>
<li><a href="C:\Art\Art-ArtPage.html">Art</a></li>
<li><a href="C:\Art\Art-ArtistPage.html">Artist</a></li>
<li><a href="C:\Art\Art-AboutArtPage.html">About-Art</a></li>
<li><a href="C:\Art\Art-HistoryPage.html">History</a></li>
</ul>

<h1>Art</h1>

<div id="contents">

<p>
Art refers to a diverse range of human activities and artifacts, and may be used to cover all or any of the arts, including music, literature and other forms. It is most often used to refer specifically to the visual arts, including mediums such as painting, sculpture, and printmaking. However it can also be applied to forms of art that stimulate the other senses, such as music, an auditory art. Aesthetics is the branch of philosophy which considers art.
</p>

<p>
Visual art is defined as the arrangement of colors, forms, or other elements "in a manner that affects the sense of beauty, specifically the production of the beautiful in a graphic or plastic medium". The nature of art has been described by Richard Wollheim as "one of the most elusive of the traditional problems of human culture". It has been defined as a vehicle for the expression or communication of emotions and ideas, a means for exploring and appreciating formal elements for their own sake, and as mimesis or representation. Leo Tolstoy identified art as a use of indirect means to communicate from one person to another. Benedetto Croce and R.G. Collingwood advanced the idealist view that art expresses emotions, and that the work of art therefore essentially exists in the mind of the creator. Art as form has its roots in the philosophy of Immanuel Kant, and was developed in the early twentieth century by Roger Fry and Clive Bell. Art as mimesis or representation has deep roots in the philosophy of Aristotle.
</p>

<p>
Traditionally the term art was used to refer to any skill or mastery, a concept which altered during the Romantic period, when art came to be seen as "a special faculty of the human mind to be classified with religion and science".
</p>

<p>
Generally art is a (product of) human activity, made with the intention of stimulating the human senses as well as the human mind; by transmitting emotions and/or ideas. Beyond this description, there is no general agreed-upon definition of art, since defining the boundaries of "art" is subjective.
</p>

<p>
The evaluation of art has become especially problematic since the 20th century. Wollheim distinguishes three approaches: the Realist, whereby aesthetic quality is an absolute value independent of any human view; the Objectivist, whereby it is also an absolute value, but is dependent on general human experience; and the Relativist position, whereby it is not an absolute value, but depends on, and varies with, the human experience of different humans.
</p>

<p>
An object may be characterized by the intentions, or lack thereof, of its creator, regardless of its apparent purpose. A cup, which ostensibly can be used as a container, may be considered art if intended solely as an ornament, while a painting may be deemed craft if mass-produced.
</p>

</div>

</body>

</html>[/HTML]

Thanks, Death
Dec 3 '07 #15
drhowarddrfine
7,435 Expert 4TB
Not bad. Try this:
Expand|Select|Wrap|Line Numbers
  1. body {
  2.   background-color:#a00000;
  3.   font-family:Arial, Verdana, Helvetica, sans-serif;
  4.   font-size:small;
  5.   color:#ddd;
  6. }
  7.  
  8. #contents {
  9.   margin:0 140px;
  10.   padding:3em;
  11.   background-color:#800000;
  12. }
  13.  
  14. h2, h3, h4, h5 {
  15.   font-size:190%;
  16.   color:#111;
  17. }
  18.  
  19. h1 {
  20.     text-align:center;
  21.      font-size:190%;
  22.       color:yellow;
  23. }
  24.  
  25. ul{
  26.     text-align:center;
  27.     margin:0;padding:0;
  28. }
  29.  
  30. li {
  31.   display:inline;
  32. }
  33.  
  34. a {
  35.   text-decoration:none;
  36.   padding:0.4em 0.9em;
  37.   color:#ddd;
  38.   border:1px solid #500000;
  39. }
  40.  
  41. a:hover {
  42.   border:1px outset #500000;
  43.   background-color:#800000;
  44. }
  45.  
  46. a:active {
  47.   border:1px inset #500000;
  48. }
Dec 4 '07 #16
Death Slaught
1,137 1GB
Nice I love the way it takes the tops off of them so they look like tabs. (was that what it was supposed to do)?

Thanks, Death

PS - I can't believe I had forgotten about the text-align property, I hit myself in the face when I noticed it. Yay! Now I get to make the navagation follow the the user when they scroll!
Dec 4 '07 #17

Sign in to post your reply or Sign up for a free account.

Similar topics

4
by: dan glenn | last post by:
(PHP4.3.4, GD2) How can I save a PNG using GD2 and insure that it saves as a palette-based (8-bit, 256-color) single-color transparancy?? Saving this way, I could be sure that an image loaded from...
1
by: mha | last post by:
Hi :-) From the Display Properties->Appearance dialog, it is possible to select a color scheme from a drop down list and change the visual style of XP. Is it possible to select/change color...
1
by: VJ | last post by:
How do I read the desktop color scheme and set it to my controls on the Form. The toolbar, menubar all take the default colors... i want to match this to my forms Label, buttons... Panels etc.. ...
2
by: Charles Calvert | last post by:
I've checked the Google Groups archives and the web and not found the answer, though I've found hints that it's possible. How can I programmatically change the color scheme on Windows XP? I...
4
by: eavery | last post by:
I can't seem to find a way to do the following: create table part_table ( col1 int, col2 datetime ) on psX (datename(week,col2)) I want to partition based on the week number of a date field....
8
by: =?Utf-8?B?bGpsZXZlbmQy?= | last post by:
I want to determine the Windows color scheme that is being used by my app. This means that I need to determine the following: 1. Does the OS support themes? 2. Are themes currently enabled...
1
by: Ramdas | last post by:
Any ideas how we can create a color gradient using Python Imaging Library. Has any got some sample code that can give me some idea. I need to create a horizontal and vertical color gradient for a...
0
by: Bob | last post by:
Hi, Can it's possible to change the color scheme of Access 2007 at Runtime, like : application.SetOption "Color scheme",1 ? Thanks Bob
11
by: tregan3 | last post by:
I'm having trouble opening a color .tiff. Calling Image.FromStream on the .tiff throws an "invalid parameter" error. Calling Bitmap.FromFile on the .tiff throws a "System.OutOfMemory" error...
0
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.