And everything is going along smoothly and stuff with the programming.
As I've told everyone I'm not very good at the design aspect so...
For customization of communities there is going to be 2 options:
1) Choose one of MANY default themes (looking to have 50+ different themes by the time it's actually opened to the public)
2) Insert/Edit your own stylesheet to have complete customization (kind of like myspace).
The insert/edit your own stylesheet is fine, I'll have that done fairly easily.
But there is no way in hell I can do 50 different style sheets and have all of theme look fairly nice.
I can't evn get the default one done to where it looks good.
So what I'm hoping for is that Somebody (or some PEOPLE) could take my BASIC STYLE SHEET I have here and edit it / photoshop some images for backgrounds ect, and let me keep them.
It would be pretty impossible for me to pay for 50+ layouts from everyone so I'm looking for people who will do this for free and have a LINK TO THEIR SITE in the footer (above the thinkcreactive banner exchange)..
Here is a link to what I want all of the layouts to be: http://www.commuMini.com/communities/test.php
Here is what the basic style sheet looks like:
NOTE: Please only do FOUR DIFFERENT sections - Header, Main, Menu, Footer needs to be in there, a
CODE
<!--
body {
margin:20px 20px 0px 20px;
background-color: #E0E0E0;
font-size: 10pt;
font-family: verdana;
}
#header {
width: 700px;
height: 100px;
border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;
margin-left: auto; margin-right: auto;
}
#header h1 {
text-align: center;
}
#header h3 {
text-align: center;
}
#main {
margin-top: 0px;
margin-left: auto; margin-right: auto;
width: 700px;
border:1px solid #000;
background: #FFF;
}
#main #menu {
border-left:1px solid #000;
border-bottom:1px solid #000;
float:right;
width:200px;
background:#eee;
margin:0px 0px 10px 10px;
}
#footer {
text-align: center;
margin-top: 10px;
border: 0px;
width: 700px;
margin-left: auto; margin-right: auto;
font-size: 8pt;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
#main h1 {
padding-left: 20px;
font-size:15px;
text-decoration: underline;
font-variant: small-caps;
padding-top:10px;
}
#menu p { font-size:10px}
//-->
</style>
body {
margin:20px 20px 0px 20px;
background-color: #E0E0E0;
font-size: 10pt;
font-family: verdana;
}
#header {
width: 700px;
height: 100px;
border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;
margin-left: auto; margin-right: auto;
}
#header h1 {
text-align: center;
}
#header h3 {
text-align: center;
}
#main {
margin-top: 0px;
margin-left: auto; margin-right: auto;
width: 700px;
border:1px solid #000;
background: #FFF;
}
#main #menu {
border-left:1px solid #000;
border-bottom:1px solid #000;
float:right;
width:200px;
background:#eee;
margin:0px 0px 10px 10px;
}
#footer {
text-align: center;
margin-top: 10px;
border: 0px;
width: 700px;
margin-left: auto; margin-right: auto;
font-size: 8pt;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
#main h1 {
padding-left: 20px;
font-size:15px;
text-decoration: underline;
font-variant: small-caps;
padding-top:10px;
}
#menu p { font-size:10px}
//-->
</style>
Here is what the basic page would look like:
NOTE: The stylesheets would all need to work so that it would come in this exact order - Header, Main, Menu (INSIDE OF MAIN), footer...
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
</head>
<body>
<div id="header">
HEADER STUFF HERE
</div>
<div id="main">
<div id="menu">
MENU STUFF HERE
</div>
MAIN STUFF HERE
</div>
<div id="footer">
FOOTER STUFF HERE
</div>
</body>
</html>
<html>
<head>
</head>
<body>
<div id="header">
HEADER STUFF HERE
</div>
<div id="main">
<div id="menu">
MENU STUFF HERE
</div>
MAIN STUFF HERE
</div>
<div id="footer">
FOOTER STUFF HERE
</div>
</body>
</html>
This is because they're all going to be THEMES, not the custom style sheets.
And inserting those together would basically make it look like the above example.
:S
Hope that made sense.
