Please start any new threads on our new site at https://forums.sqlteam.com. We've got lots of great SQL Server experts to answer whatever question you can come up with.

 All Forums
 Site Related Forums
 Site Related Discussions
 SQLTeam.com Site Redesign Contest

Author  Topic 

graz
Chief SQLTeam Crack Dealer

4149 Posts

Posted - 2007-04-09 : 09:59:43
Years and years ago I wrote the ASP code that runs the SQLTeam.com homepage and the article publishing. The forums are from Snitz and the blogs are from SubText. The code is getting "rusty" and it's getting harder for me to maintain it. I'm just starting to rewrite the site in .NET (except for the forums and blogs) and would like a little help with the graphic design. My graphic design skills are ... not so good.

Can you help me?

I'm holding a little contest to solicit site designs for the new SQLTeam.com. Do as little or as much work as you'd like.


  1. All you really need to do is look at the layout of the homepage and rework it. The rest of the site is nearly identical to it.

  2. There will be all new HTML on the site. Don't feel restricted by the HTML of the current site.

  3. Feel free to play with layout, colors, etc. I'd even consider new logos.

  4. Do as little or as much as you'd like. I may or may not use a complete design as a template. I'll more likely borrow elements from all the designs I like.

  5. If you aren't a graphic designer but there are sites whose designs you like post them here. Also include what you like or don't like about them.

  6. I tend to favor clean, text based designs with a minimum of graphics. I'm certainly open to other ideas though.

  7. If you don't have a full-blown design you can certainly submit snippets.

  8. You can either post here or email me directly. My email address is my username at sqlteam.com.



And finally on to the prizes! I'll rank the input based on how much of it use or how valuable it is to me. That's completely subjective I know but that's what I've got.

First prize is a SQLTeam.com windshirt and a $50 Amazon gift certificate. Second prize is a SQLTeam.com windshirt and a $25 Amazon gift certificate. Third prize is a SQLTeam.com windshirt.

The deadline for submissions is Wednesday, April 18th, 2007. Please remember that by submitting you are giving me permission to use anything in your submission in the SQLTeam.com redesign.

Please let me know if you have any questions.


===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.

Kristen
Test

22859 Posts

Posted - 2007-04-09 : 15:33:15
I think the wining submissions should be credited on the new-look site somewhere - perhaps showcasing their submissions (assuming a single over-all site graphic, or somesuch, was submitted).

If someone likes the new-look site and follows the link to the submission material they may give the designer some work - which sounds pretty fair to me ...

"My graphic design skills are ... not so good."

Mine are crap, but I might just use that quote in future

Kristen
Go to Top of Page

graz
Chief SQLTeam Crack Dealer

4149 Posts

Posted - 2007-04-09 : 22:04:19
I'll definitely give credit if the someone designs something that I use for the majority of the site.

===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.
Go to Top of Page

jsmith8858
Dr. Cross Join

7423 Posts

Posted - 2007-04-10 : 08:34:39
I am diligently working in MS Paint to come up with a masterpiece!

(yeah, I am no so good at design myself ...)

- Jeff
http://weblogs.sqlteam.com/JeffS
Go to Top of Page

jezemine
Master Smack Fu Yak Hacker

2886 Posts

Posted - 2007-04-10 : 09:28:49
i think the logo ought to have a in it


www.elsasoft.org
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 10:45:59
One thing I dont like about the site is the

Home | Weblogs | forums | FAQ...

Why dont we start using tabs like so:


And when we hover over the tab like so:


We need a new logo...I cant start something but it would take time to think it out...


The tabs are just css:


<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}


#tabsJ {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url("tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabsJ a span {
float:left;
display:block;
background:url("tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}

#tabsJ #current a {
background-position:0% -42px;
}
#tabsJ #current a span {
background-position:100% -42px;
color:#FFF;
}
-->
</style>


Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page

spirit1
Cybernetic Yak Master

11752 Posts

Posted - 2007-04-10 : 10:50:31
see i told you guys jon had a well developed design skills



_______________________________________________
Causing trouble since 1980
blog: http://weblogs.sqlteam.com/mladenp
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 10:51:51
quote:
Originally posted by spirit1

see i told you guys jon had a well developed design skills



_______________________________________________
Causing trouble since 1980
blog: http://weblogs.sqlteam.com/mladenp



Since when

Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 10:53:24
Forgot to mention,

I think the <TD> headers currently in SQL the solid color needs to change to be something of a fade effect. I do it all the time in my apps and it gives a site a clean nice look to it. It is very very simple to do as well, it simply becomes a one line gif that is a linear gradient.

See below:



Just a thought.

Warning very large image but here is an example of the headers I am talking about. NOtice the color fading to white as it goes down on each header:



Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page

graz
Chief SQLTeam Crack Dealer

4149 Posts

Posted - 2007-04-10 : 11:08:09
Yeah I really like that fade effect. I found a web site that will build the images for me automatically.It only does a fade to white though and I really want a fade from dark blue to a slightly less dark blue.

===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 11:08:33
quote:
Originally posted by graz

Yeah I really like that fade effect. I found a web site that will build the images for me automatically.It only does a fade to white though and I really want a fade from dark blue to a slightly less dark blue.

===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.



I can do that for you, let me play around and Ill post something back to you.

Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page

spirit1
Cybernetic Yak Master

11752 Posts

Posted - 2007-04-10 : 11:12:51
hey jon are you using photoshop?

_______________________________________________
Causing trouble since 1980
blog: http://weblogs.sqlteam.com/mladenp
Go to Top of Page

graz
Chief SQLTeam Crack Dealer

4149 Posts

Posted - 2007-04-10 : 11:15:52
Jon,

Here's the start of a layout I working on based on the existing site: http://sqlteam2.cleardata.biz/ It's not complete by any means and was designed to be as similar to the existing site as possible but with less "gunk" in the HTML and CSS. I'm also interested in picking a few colors that would be complementary to the existing dark blue on the site.



===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 11:26:57
quote:
Originally posted by spirit1

hey jon are you using photoshop?

_______________________________________________
Causing trouble since 1980
blog: http://weblogs.sqlteam.com/mladenp



Photoshop CS 2

I also use a wide variety of other tools, including MSPaint Jeff!

Uhm graz here is an example of a fade effect using 2 hues of blues / purples:



Its hard to see that it is another color but here is another screenshot to prove it is two different blues, I just need the right hexes and I can hook you up :)



So you see that the bottom bar (which is actually the top of the image is darker then the one below it). All you do is basically start with the lighter color and set the background that lighter color. Then you use a linear gradient with a darker color that fades to transparency. What that does is because it fades in with transperancy you get the lighter color that you had originally used in the background.

Make sense ?


Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 11:29:51
quote:
Originally posted by graz

Jon,

Here's the start of a layout I working on based on the existing site: http://sqlteam2.cleardata.biz/ It's not complete by any means and was designed to be as similar to the existing site as possible but with less "gunk" in the HTML and CSS. I'm also interested in picking a few colors that would be complementary to the existing dark blue on the site.



===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.



Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]

Graz much much better, a bit cleaner as well. See how the seperation cleans the site now ? The lists are perfect as well instead of just laying out text like that.

Go to Top of Page

dinakar
Master Smack Fu Yak Hacker

2507 Posts

Posted - 2007-04-10 : 11:32:33
The tabs have a much much better look :) and so does the fade effect mentioned by Jon. Good job Jon.


************************
Life is short. Enjoy it.
************************
http://weblogs.sqlteam.com/dinakar/
Go to Top of Page

graz
Chief SQLTeam Crack Dealer

4149 Posts

Posted - 2007-04-10 : 11:35:00
It's funny. The code that runs SQLTeam is the first HTML or ASP I ever wrote. 90% of it unchanged from when I used it to teach myself ASP/HTML. Every time I have to make a change I shudder horribly at what is under there. And I will never, ever show anyone the horrible ASP I cobbled together to run the site.

So the new layout is probably a better starting point for what I've got. Better HTML, better CSS, lists are lists, headings are headings, etc. Plus I even used a little gradient in there!

===============================================
Creating tomorrow's legacy systems today.
One crisis at a time.
Go to Top of Page

spirit1
Cybernetic Yak Master

11752 Posts

Posted - 2007-04-10 : 11:38:17
i think that the fade effect shold be reversed.
the darker on the bottom and the lighter on the top.

_______________________________________________
Causing trouble since 1980
blog: http://weblogs.sqlteam.com/mladenp
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 11:45:09
Compare these graz



Heres the fader





Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page

dinakar
Master Smack Fu Yak Hacker

2507 Posts

Posted - 2007-04-10 : 11:54:43
I agree with spirit1 that the fade should be lighter towards the bottom not towards the end of the header. If someone has a really really longheader that goes well towards the end of the header, it can disappear as the font color is white and the header color will also become white.


************************
Life is short. Enjoy it.
************************
http://weblogs.sqlteam.com/dinakar/
Go to Top of Page

jhermiz

3564 Posts

Posted - 2007-04-10 : 12:00:22
quote:
Originally posted by dinakar

I agree with spirit1 that the fade should be lighter towards the bottom not towards the end of the header. If someone has a really really longheader that goes well towards the end of the header, it can disappear as the font color is white and the header color will also become white.


************************
Life is short. Enjoy it.
************************
http://weblogs.sqlteam.com/dinakar/



You can flip it either way..I can post a sample of the other way as well :o).



Programmers HowTo's -- [url]http://jhermiz.googlepages.com[/url]
Go to Top of Page
    Next Page

- Advertisement -