Bazinga Designs, thank you so much! I'll play with it and update you. Thanks again.
Don Chunshen Li On Jan 15, 6:48 pm, Bazinga Designs <[email protected]> wrote: > 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]
