Colour Matching

[Marc]

I'm currently putting together a website for a friend. I'm just using a template as I'm no web designer. The only thing is that the area at the top where I want to put the banner/logo is a very dark grey and the logo/banner is black and I can't match the size as it insides on leaving a gap at one end. A link is below so you can see what I mean.

http://www.marcfalber.com/apsleyend.html

So my only option is to match the colour of the banner/logo to the template. So the question is, is there a way of identifying the colour code of the template so I can match it in CS3?

 

[david1701]

does it use an image? if so open and use copy tool

if its code based theres a colour code somewhere that I think you can put into ps

 

[Marc]

does it use an image? if so open and use copy tool

if its code based theres a colour code somewhere that I think you can put into ps

I don't know to be honest, I don't understand html code The only image file I can find in there is the banner/logo, nothing from the template.

 

[Amp34]

I'm not entirely sure what coulor you actually mean, however...

The light grey main background is #e5e5e5

The dark grey border round the black banner is #373737

However if you want the dark grey border to actually be black you just want to go into the "styles.css" file and change

body {

background: #e5e5e5;
margin: 20px;
text-align: center;
color: #373737;
padding: 0px;
font: 0.75em helvetica, arial, sans-serif;
letter-spacing: 1px;
line-height: 2.0em;
padding: 0;

The bold to #000000

Alternatively if you delete:

body {
background: #e5e5e5;
margin: 20px;
text-align: center;
color: #373737;
padding: 0px;
font: 0.75em helvetica, arial, sans-serif;
letter-spacing: 1px;
line-height: 2.0em;
padding: 0;

You may be able to remove the border entirely... (not 100% sure on that however, you may b****r up the layout slightly).

You could also change the border to white if you want by changing the bold to

body {

background: #e5e5e5;
margin: 20px;
text-align: center;
color: #373737;
padding: 0px;
font: 0.75em helvetica, arial, sans-serif;
letter-spacing: 1px;
line-height: 2.0em;
padding: 0;

#ffffff



EDIT: It should work, however I can't be bothered to download the files and edit them to check...

 

[Marc]

Thanks for that, that's just what I wanted. The dark grey border is actually the template banner but when I try to resize the black banner, it won't line up. Not a problem as the banner doesn't have to be black. That's why I was after the colour code.