What do you guys think of this so far? - The text size is perfect i think but i'm not sure about the colours...
Design, Development, Coffee & Code
What do you guys think of this so far? |
This is a discussion on What do you guys think of this so far? within the Design & Layout forums, part of the Web Design category; The text size is perfect i think but i'm not sure about the colours...... |
 |
| | LinkBack | Thread Tools | Display Modes |
24th May 2009, 10:00 PM
| #11 |
  Join Date: Apr 2009 Location: Bristol, UK
Posts: 906
Blog Entries: 1 Thanks: 50
Thanked 7 Times in 7 Posts
 Expertise: (X)HTML / CSS Experience: Intermediate | 
The text size is perfect i think but i'm not sure about the colours...
__________________ |
|          |
|
24th May 2009, 10:03 PM
| #12 |
| Senior Member Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
|
Meh I prefer my original :P I am keen on the smaller footer and copyright fontsize however.
|
|
| |
|
24th May 2009, 10:11 PM
| #13 |
| Join Date: Apr 2009 Location: Bristol, UK
Posts: 906
Blog Entries: 1 Thanks: 50
Thanked 7 Times in 7 Posts
Expertise: (X)HTML / CSS Experience: Intermediate |
Looks better yea, but on my screen the header colour and footer colours are completely different. The footer looks lighter than the header. My monitor is a Samsung GX5500 HD and i have a ForceFX 8500GT Graphics card so i know my colours are true. It might be because i'm tired though...Lol
__________________ |
|
| |
|
24th May 2009, 10:23 PM
| #14 |
| Senior Member Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
|
The color picker has spoken the truth on my end :)
|
|
| |
|
24th May 2009, 10:40 PM
| #15 |
  Join Date: Dec 2008
Posts: 431
Blog Entries: 4 Thanks: 8
Thanked 3 Times in 3 Posts
Expertise: Web Development Experience: Quite Good |
Try some different colour combinations, I like the layout but not digging the grey much I'm afraid.
__________________ Site: jackfranklin.co.uk Blog: ispeakwebstuff.co.uk Project: learnitscreencasts.co.uk I'm available for 1 to 1 lessons on HTML/CSS/PHP/Javascript/jQuery/Photoshop/Fireworks so please PM Me! |
|
| |
|
24th May 2009, 10:44 PM
| #16 |
| Senior Member Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
|
I am gonna do a skin change hopefully if you get your php style switcher working for me :) Maybe do a blue version, a green etc ;)
|
|
| |
|
24th May 2009, 10:48 PM
| #17 | |
| Join Date: Apr 2009 Location: Bristol, UK
Posts: 906
Blog Entries: 1 Thanks: 50
Thanked 7 Times in 7 Posts
Expertise: (X)HTML / CSS Experience: Intermediate | Quote:
Anyway just mess until you see what you like then make your change to that colour and style. Also like Jack said try different colours and see what suits...Night buddy and goodluck with the template/skin... 
__________________ | |
|
| |
|
24th May 2009, 10:48 PM
| #18 |
| Senior Member Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
|
Okay guys I am now trying to code the header and I am having my first experience with floating parts together to form rounded corners and struggling badly lol Here is the code so far: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {margin:0 auto; padding:0;}
#wrapper {width:100%; margin:0 auto;}
#headerbg {
background: url(headerbg1.png) repeat-x #FFFFFF;
height:171px;
}
#headerleft {
background:url(headerlogo.gif) no-repeat #FFFFFF;
width:175px;
height:116px;
position:absolute;
float:left;
}
#navigation {
width:500px;
height:42px;
float:right;
background-color:#FFFFFF;
margin-top:116px;
}
#navleft {
width:22px;
height:42px;
float:left;
background-image:url(navleft.gif);
background-color:#FFFFFF;
margin-top:116px;
margin-left:445px;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="headerbg">
<div id="headerleft"></div>
<div id="navleft"></div>
<div id="navigation"></div>
</div>
</div>
</body>
</html>
 |
|
| |
|
24th May 2009, 11:05 PM
| #19 |
  Join Date: Dec 2008 Location: Kent Uk
Posts: 1,595
Blog Entries: 6 Thanks: 15
Thanked 49 Times in 49 Posts
 Expertise: (X)HTML / CSS Experience: Professional |
you need to contain the corner, so I have remove the margins and then placed the image in the navigation Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {margin:0 auto; padding:0;}
#wrapper {width:100%; margin:0 auto;}
#headerbg {
background: url(headerbg1.png) repeat-x #FFFFFF;
height:171px;
}
#headerleft {
background:url(headerlogo.gif) no-repeat #FFFFFF;
width:175px;
height:116px;
position:absolute;
float:left;
}
#navigation {
width:500px;
height:42px;
float:right;
background-color:#FFFFFF;
margin-top:116px;
}
#navleft {
width:22px;
height:42px;
float:left;
background-image:url(navleft.gif);
background-color:#FFFFFF;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="headerbg">
<div id="headerleft"></div>
<div id="navigation">
<div id="navleft"></div>
</div>
</div>
</div>
</body>
</html>
__________________ web design kent |
|
| |
| The Following User Says Thank You to saltedm8 For This Useful Post: | Michael (24th May 2009) |
|
24th May 2009, 11:14 PM
| #20 |
| Senior Member Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
|
Lol yes, I will change that when I am done with this and thank you it has worked a treat. I cant believe my odd and awful method I was trying ;)
|
|
| |
|
| Thread Tools | |
| Display Modes | |
Linear Mode
All times are GMT. :: ©webprocafe.com :: Powered by vBulletin® Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.3.2
:: Sponsored by UK Web Hosting
SEO by vBSEO 3.3.2
