Modifying a template.

[NotASingleWhiteFemale]

I am using a template called "made". I am not sure where it's from. Here's the CSS color-scheme file...


/* ------------------------------------------------------------------------
   Four basic colors are used to render Blue Haze. These are:
     1. Text Color
     2. Border Color
     3. Background Color (darker)
     4. Background Color (lighter)
   
   To change the above colors, just edit their respective values below.
------------------------------------------------------------------------ */


/* ###### General Color Scheme ###### */

h1, h2, h3, q, #header div, #header div *, #footer *, .headerTitle, .sideBox div, .topOfPage
{ /* Text Color: */  color: #ffffff; }

h1, q,  #header, .sideBox, .sideBox div
{ /* Border Color: */  border-color: #000000; }

#header, .sideBox div, .sideBox a:hover, .sideBox .thisPage
{ /* Background Color (darker): */  background-color: #000000; }

q, .sideBox a, .sideBox span
{ /* Background Color (lighter): */  background-color: #C0C0C0; }


/* ###### Special Colors ###### */

acronym {
  color: blue;
  border-bottom-color: blue;
}

#bodyText a {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

#footer {
  background-color: #000000;
}

What I would like to do is to make the side box a nice colour that goes well with the black background. I am not really sure what colour to use though. Is it possible to put a jpeg background? Also when I hover the mouse over the sidebox, the bar goes black. How do I change this so that it doesn't go black but a paler shade that allows the text to be visible?

I'm very much an amateur at CSS.

[Stefek]

Hello!

What I would like to do is to make the side box a nice colour that goes well with the black background. I am not really sure what colour to use though. Is it possible to put a jpeg background? Also when I hover the mouse over the sidebox, the bar goes black. How do I change this so that it doesn't go black but a paler shade that allows the text to be visible?

I'm very much an amateur at CSS.

It's quite impossible to give a good advice, for we can't see the whole Template.
To put jpg to backgrounds is possible via CSS.
There are many things possible.

I advice you to search the web for good tutorials on that topic.
CSS is not that hard to learn if you are willing to learn.

Which software are you using for your CSS Editing?

Best regards,
Christian Stefan

[NotASingleWhiteFemale]

I'm editing the template with a note-pad style editor.

I enclose the template. I'm trying to get my site to look like www.sageworld.co.uk/SagePhotoWorld. The CMS used for the latter doesn't work well with flash slideshows. WebsiteBaker handles them well.

[gelöscht durch Administrator]

[Stefek]

Hello (whats your name by the way?).

So just to understand your needs:
1) Did you set up a WebsiteBaker installation?
2) Do you have a local installation of WB (i.e. with xampp) (this is good in order to adjust/cusomize the templates
3) How long are you working with WB allready (as I see you are not very new to this Forum).

Regards,
Stefek

[NotASingleWhiteFemale]

Hi, I'll go through your questions in order.

Yes, I have a WebsiteBaker installation. I have also played around with RVSiteBuilder. WebsiteBaker is my choice. RVSiteBuilder comes with my webspace. I like the format of what RVSiteBuilder does but as it fails hopelessly with flash etc, I don't like it too much. I prefer WebsiteBaker but I'm struggling to get a template that I like so I'm modifying the one I have. I don't know what xampp is. My WB is installed directly on my webhost's Linux-based server. I;ve been using WB for a year or two. My site is www.sagephotoword.c om.

Oh yes.. my name's Rhys.

The current Landzilla installation is not too awful. My needs have changed though.

I need a black site because the flash galleries have black backgrounds and I want it to mesh nicely. I want the menu on the left and maybe a logo at the top.

My vision is - opening page with text and photos. Subsequent pages with flash slideshows held in the wrappers then finally a contact page.

Hello (whats your name by the way?).

So just to understand your needs:
1) Did you set up a WebsiteBaker installation?
2) Do you have a local installation of WB (i.e. with xampp) (this is good in order to adjust/cusomize the templates
3) How long are you working with WB allready (as I see you are not very new to this Forum).

Regards,
Stefek

[NotASingleWhiteFemale]

Found it.... I added a:hover { color:#990000 } to the code.

It's the "main" template by Steven Holder on another website. I'd like to put a nice image behind the left menu and in the header now. Then I'll say it's probably a good site.

[Stefek]

Hello Rhys!

Often the solution is not that far away if one ask the right questions, right? 

Kindly Regards,
Christian Stefan

BTW - Look in Google for Xampp or here in this forum: search for "WebsiteBaker portable"

[NotASingleWhiteFemale]

I think I have it cracked. Have a look at this page and tell me what you think. I'd like to change the text colour but I'm not sure what colour to use. I'd also like to do something different with the menu and maybe with the header bar. I'd love some suggestions. I was thinking of a photo or compilation of photos going across the top and down the menu bar.

Here's the page: http://www.sageworld.co.uk/wb/pages/legal-portfolio.php

Hello Rhys!

Often the solution is not that far away if one ask the right questions, right? 

Kindly Regards,
Christian Stefan

BTW - Look in Google for Xampp or here in this forum: search for "WebsiteBaker portable"

[Stefek]

Hello.
I do like how it looks.
And it's not easy to know what you are expecting - so I would say: just let your phantasy play

Regards,
Christian

[escpro]

Hi
the first stepps --- fine "clappmyhands" 

I think I have it cracked. Have a look at this page and tell me what you think.

[NotASingleWhiteFemale]

I'd like to put a gradient underneath the left menu. How do I do that? I know nothing about CSS. I might have to go and buy a book on it on Monday.

How do I set the header to have an image underneath the text, either centred or going right across the page?

[erpe0812]

You don't have to buy a book.........
There are a lot of good sites available:
http://help.WebsiteBaker.org/pages/en/bookmarks.php

rgds

erpe

[mr-fan]

How do I do that? I know nothing about CSS. I might have to go and buy a book on it on Monday.

use the web..... google....

you find something like this:

http://www.css-help.com/

http://www.w3schools.com/Css/default.asp

http://www.htmlcodetutorial.com/

http://www.freewebs.com/csskit/

evil more  

rgds martin

[Stefek]

I also recommend the following:

http://www.webdesignfromscratch.com/ (very good forum too)

and

http://www.sitepoint.com/

In both cases you will be able to download some introductions to webdesign (1st link) and CSS (2nd link).

Kindly regards and well baking,
Christian Stefan

[escpro]

Hi
i think a lot of people dont know what you mean.
look and search in google about "css help" i dont know any sites in english language.....
another idea: you post here a screenshot of your finish website - its easy to say with a picture

I know nothing about CSS.......

Sry my book "WebsiteBaker - my fight" is not finish 

I might have to go and buy a book on it on Monday.

cu escpro

[NotASingleWhiteFemale]

I found how to add a header image to my site and have added one. I set it to repeat across the page.

I might edit or remove the header title at the top of the page though. I certainly need to change the colour.

All I need to do now is to make the menu background snazzier. Then I have to work on site content.

[wimman]

Just in looking at your site, I'd recommend just a couple simple changes:

a) The footer in your pages with the phone number should also include your city and state since I'm from MA and might accidentally call you requesting your services.

b) As you've mentioned, change the text in your header.  Most likely to a .jpg or a transparent .png (better solution for the banner you've got repeat-x'ed across the top.

c) For your "hover" attribute for the menu you'll want to change the text color as well as the background.

Otherwise, nice job and a concisely easy to use site!  Well done.