Thanks again, I've hired someone who's into graphics design and css leveraging your knowledge and kindness and rolled out a new site, that's exciting, please take a look.
On Jan 16, 1:07 am, justaguy <[email protected]> wrote: > 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]
