Hi, that won't be hard if you can spend a few moments playing around with the layout you already have. It's nice enough to start from so let's do something with it.
- First, there's one thing on your page that can't be changed via CSS : it is the background image that fades from black to white. In order to make it match the colours you want, just get this image from your page: http://www.knowledgenotebook.com/images/header.repeat_s.jpg and load it to photoshop / gimp (gimp is a free & easy tool, cool enough to get what you want here) then change the colours and upload the file back to the server. Here i prepared an example of a blueish version for you. Just be sure to backup the original version cause it's just an example what you could do: http://www.bazingadesigns.com/groups/header.repeat_s.jpg The colours your're searching for are: #bcd3ff (the blue) and #f0f8fb (the very light blue) - Second, you want to play a bit with the menu items <li> colours : when the're active or hovered because now they're green. All you need to change is placed in this file on your server: http://www.knowledgenotebook.com/css/main.css just find this part: #header ul { display: block; margin: 2px 0 0 250px; padding: 0; height: 40px; border-left: 1px solid #3F2844; } #header ul li:first-child a { border-left: 1px solid #BFABC6; } #header ul li { display: block; margin: 0; padding: 0; float: left; height: 40px; border-right: 1px solid #BFABC6; text-transform: uppercase; } #header ul li a:link, #header ul li a:visited, #header ul li a:active { display: block; height: 27px; color: #FFF; padding: 13px 15px 0; text-decoration: none; border-right: 1px solid #3F2844; white-space: nowrap; float: left; } #header ul li a:hover, #header ul li.active a { background-color: #066401; } and play with the values after hash # ;) - these are the colours you want to change Let us know how you're doing with that and good luck :) On 15 Sty, 20:10, justaguy <[email protected]> wrote: > Hi, > > I need to change the color schema of the current my website > pages,http://www.knowledgenotebook.com/ > to make its color schema to match with the color schema (feel and > look) of the software, which looks like > thishttp://www.knowledgenotebook.com/Screenshots/Mainscreen.jpg > > Question, would some CSS tweak suffice or would it be more involved? > If possible I'd like to tackle it by myself who has some experience > with CSS but deep tho. > > Thanks in advance. -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
