| | |||||
| ||||||||
| Graphic Design / Flash Photoshop, Flash, and other visual art topics including software, fonts, animation. |
![]() | NamePros Design Contests | Forum Sponsorship |
| Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest) | ||
![]() |
| | LinkBack | Thread Tools |
| | THREAD STARTER #1 (permalink) |
| Senior Member Join Date: Jul 2007 Location: Right here!
Posts: 3,915
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | W.I.P. Need Your Opinions on Colour Choice Hi i would really appreciate your opinions on what colour would suit our website best. Please have a look at our Meditation Section this is the basic layout we would like on all our sections but before ordering a logo and banner i would like to have done my final decision of the colours to use mainly for the 2 sidebars and sign-in box. Also if you see any other improvements that need to be done please let me know. Thank you for your help. Toni
__________________ Free Facebook Fans, Free Twitter Followers, Earn Cash, check out: Click Fans - The Social Exchange Community |
| | |
| | #3 (permalink) |
| NamePros Member Join Date: Mar 2008
Posts: 118
![]() ![]() | you may try something like this, I also did a quick cleaning and added some space to your layout, simply copy and paste the following code in sd.css and get rid of the embedded styles (make a backup just in case) Either if you use it or not, try to clean your css or you'll go nuts, esp when you have css styles declared twice in different style sheets (so you'll wonder why when you change something it may not reflect in the design) ????: NamePros.com http://www.namepros.com/graphic-design-flash/535906-w-i-p-need-your-opinions.html Code: BODY {
margin: 0px;
padding: 0px;
background-color:#F3F9F1;
}
#main {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:0;
}
#background {
position: relative;
width:1000px;
background: #fff repeat-y;
z-index:0;
}
#inhalt {
margin:auto auto;
top:0px;
width:960px;
height:100%;
z-index:1;
}
#logo {
position: absolute;
left: 3px;
top: 0px;
width: 900px;
height: 131px;
background-color: #FFFFFF;
}
#maintopic {
position: absolute;
left: 3px;
top: 0px;
width: 960px;
height: inherit;
border-top: 1px solid #cdcdcd;
background: url(../images/pmt.gif) repeat-x;
overflow: visible;
font-family: Verdana, Tahoma, sans-serif;
}
#plaintext {
position: absolute;
left: 700px;
top: 86px;
width: 195px;
height: 30px;
text-align: right;
z-index: 100;
}
#plaintext a {
color: #888888;
text-decoration: none;
}
#youarehere {
position: absolute;
left: 5px;
top: 33px;
width: 900px;
height: 30px;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#youarehere a {
display: block;
float: left;
height: 30px;
padding: 0px 10px 0px 23px;
line-height: 30px;
color: #888888;
text-decoration: none;
font-size: 11px;
background : url(../images/pmr.gif) no-repeat;
}
#youarehere a:hover {
color: #82665A;
background : url(../images/pmra.gif) no-repeat;
}
#maintopic a {
display: block;
float: left;
height: 30px;
padding: 0px 5px 0px 5px;
line-height: 30px;
color: #A7C4BF;
text-decoration: none;
text-transform: uppercase;
font-size: 9px;
letter-spacing : 1px;
background : url(../images/pln.gif) no-repeat right;
}
#maintopic a:hover {
background: url(../images/pmta.gif) repeat-x;
color: #587046;
}
#maintopic a.active {
background: url(../images/pmta.gif) repeat-x;
color: #333333;
font-weight: bold !important;
}
#topic {
position:absolute;
top:80px;
left:8px;
width: 220px;
background-color: #C2DBBF;
font-size: 12px;
color: #000000;
overflow: visible;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
font-weight: lighter;
font-style: normal;
border: 0px;
border-style: solid;
float:left;
}
#right {
position:absolute;
top:80px;
left:730px;
width:260px;
height:auto;
z-index:1;
border: 0px;
border-style: solid;
overflow: visible;
background-color: #F9FBED;
}
#content {
position:absolute;
top:80px;
left:200px;
width: 480px;
padding: 0px;
margin: 0px;
height: auto;
color: #bbb;
float:left;
padding:20px;
margin:0px 20px;
}
div #content object{text-align:center; margin-left:20px;}
div #content p { text-align:left;}
div #content p a{color:#78D2DE;}
div #content h1{color:#78D2DE;}
#topic a {
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #D2C4C1;
padding: 0px;
margin: 3px 20px 3px 20px;
text-transform: uppercase;
font-size: 10px;
}
#topic p {
text-align: center;
}
#topic p a {
border-bottom: none !important;
}
#topic a:hover, #topic a.active {
color: #000000;
}
#topic h1 {
padding: 9px 20px 9px 20px;
background-color: #D3EECE;
font-size: 14px;
font-weight: lighter;
color: #7F90B4;
letter-spacing: 1px;
margin: 0px;
}
#eyecatcher {
position: absolute;
left: 203px;
top: 145px;
width: 700px;
height: 150px;
background: url(../images/peye.jpg) no-repeat;
background-image: url(../images/peye.jpg);
}
#sidebar {
position: absolute;
top: 296px;
left: 750px;
width: 200px;
background-color: #82665A;
color: #fffff;
}
form.search {
position: absolute;
top: 23px;
left: 714px;
width: 160px;
}
form.search input {
margin: 0px;
vertical-align : middle;
}
input.search {
border : 1px solid #cdcdcd;
color: #333333;
width: 118px;
padding: 2px;
background: url(../images/pmt.gif) repeat-x;
font-size: 10px;
}
.style1 {font-size: xx-small
}
#background {
height:1700px;
}
.style3 {font-size: 9px}
.style18 {font-size: 16px; color: #003300;}
.style19 {
font-size: 12px;
color: #000000;
}
.style20 {
color: #000000
}
.style22 {font-size: 16px; color: #CC3366; }
.style28 {font-size: 16}
body {
margin-left: 0px;
background-color: ;
}
#main #background #inhalt #topic div {
background-color: #D3EECE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7F90B4;
padding: 9px 20px 9px 20px;
margin: 0;
font-weight: lighter;
}
.style30 {
font-size: 14px;
color: #D3EECE;
}
.style31 {
padding: 9px 20px 9px 20px;
}
.style32 {font-size: 16px; color: #7F90B4; }
#right strong{color:#A7C4BF;} |
| | |
| | #6 (permalink) |
| NamePros Regular Join Date: Jul 2005 Location: U.S.A.
Posts: 655
![]() ![]() | I would agree with cappa1_2000 on this. Green is a little to strong. Now, if it was a little lighter it would look a little better, otherwise the colors he/she gave you would work beautifully and possibly a mixture of two colors such as a light red and pink maybe... Hope this helps, -Coolprogram |
| | |
| | #7 (permalink) |
| NamePros Member Join Date: Nov 2007 Location: United States - California
Posts: 156
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | Yeah the colors on there now are not that soothing, I think if you go with light colors and drop the black you would be in good shape. Try kuler.adobe.com for some good color schemes. Good luck |
| | |
| | #8 (permalink) |
| New Member Join Date: Apr 2009
Posts: 9
![]() | Kinda going against what some are saying here but i think your site needs both darker and light colors not just light. Too many light shades does not look good as it does not give good contrasting.
__________________ Freely submit your articles, computer hardware, computer software and technology based articles directly to Australia's Free Tech Articles Directory.Advertising for the computer & technology related niche is also available. |
| | |
| | THREAD STARTER #9 (permalink) |
| Senior Member Join Date: Jul 2007 Location: Right here!
Posts: 3,915
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | thank you guys... am still trying to optimize it...
__________________ Free Facebook Fans, Free Twitter Followers, Earn Cash, check out: Click Fans - The Social Exchange Community |
| | |
| | #10 (permalink) | ||||
| New Member Join Date: Apr 2009
Posts: 9
![]() |
__________________ Freely submit your articles, computer hardware, computer software and technology based articles directly to Australia's Free Tech Articles Directory.Advertising for the computer & technology related niche is also available. | ||||
| | |
| | #11 (permalink) |
| NamePros Member Join Date: Jan 2009 Location: Denmark
Posts: 101
![]() | I like the layout, it looks serious. I'm not sure, but i think your "orange" toolbars will suit a light blue perfect! The "orange" ones might look a little "old school". Good Luck
__________________ :tri: Need a nice web or product-logo fast ? It is only 10$ =) PM me |
| | |
| | #12 (permalink) |
| NamePros Member Join Date: Jan 2009
Posts: 29
![]() | I have not much experience about it but my idea is that color combination should be as look very beautiful and calm. That user can work with easily if it is more bright it will be difficult to bear it and if it is more light user will be boring during its visit. So be careful about it. |
| | |
| | #13 (permalink) |
| New Member Join Date: May 2009
Posts: 20
![]() | Light colors should be more attractive because when spiritual word comes on mind then softness feels around so not use dark colors.........
__________________ Model Resume |
| | |
| | #14 (permalink) |
| NamePros Member Join Date: Aug 2008
Posts: 29
![]() | The colours now seem to be fine, but for me it hurts my eye a little, and i do not like sites which hurt my eye, lowering the white to something like light blue would be good.
__________________ !i!Sunite Lauchande Blogi!iWrite It Up Forum!i!Vidme Blog i :notme: ! :hehe: i Sunite Lauchande Blog :kickass: |
| | |