14 replies [Last post]
egr103
Offline
Regular
England
Last seen: 12 years 15 weeks ago
England
Timezone: GMT+1
Joined: 2006-11-14
Posts: 37
Points: 0

Hello,

I am currently doing a very adventourus project.

Please see the diagram here:

http://www.freewebs.com/egr103/post.gif

I would like the blue bars surrounding the content to display a different colour (depending on the page the visitor is on) when a new page is visited. This changing color will blend in with the navigation. EG If the marketing tab is visited the border would turn green and the marketing tab in the navigation would be in the selected state colored green.

How would i go about doing this as i am trying to test myself but am having problems implementing this style.

I will take all advice here. I would post some code but i don't know how to approach it

Thanks in advance
Evan

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

set the <body

set the <body id="pageName">
then style each one individually.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

and I thought we might have

:rolleyes: and I thought we might have a real challenge on our hands Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 6 years 11 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

Hi, you could also try

Hi,

you could also try modifying Phreestyle's script to what you would like it to do... check his post...

he's done something like you want it to happen, but you will need to tweak it to your needs. its php based, so if you dont wanna do that, then you can manually add styling to it..

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Hugo wrote: and I thought we

Hugo wrote:
:rolleyes: and I thought we might have a real challenge on our hands Smile

Unfortunately, they are very few and far between. And we usually never get enough information to actually help. :shrug:

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

egr103
Offline
Regular
England
Last seen: 12 years 15 weeks ago
England
Timezone: GMT+1
Joined: 2006-11-14
Posts: 37
Points: 0

is there no way of saving on

is there no way of saving on code? OR am i just going to have to manually design each page?

I may post back my code depending how i go so i will keep you posted on how the design is going.

Can you create rounded rectangles using CSS?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

egr103 wrote:is there no way

egr103 wrote:
is there no way of saving on code? OR am i just going to have to manually design each page?

Just rewrite the parts that deal with the actual color or image changes.

egr103 wrote:
I may post back my code depending how i go so i will keep you posted on how the design is going.

Sounds good, let us know if you run into a road block

egr103 wrote:

Can you create rounded rectangles using CSS?

not with css2 but you can use javascript like jQuery to produce rounded corners

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 23 hours 48 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

Deuce wrote:<snip> egr103

Deuce wrote:
<snip>
egr103 wrote:

Can you create rounded rectangles using CSS?

not with css2 but you can use javascript like jQuery to produce rounded corners


Actually, css2 provides all the tools you need to produce rounded corners. It's just that a certain 800lb gorilla that we can't ignore doesn't support css2 very well, if at all.

Try The Thrashbox™.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

sorry for being a liar...

sorry for being a liar... what's my penance? Sad

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

To tell me why I can't get

To tell me why I can't get my jQuery corners working, designers pah! looks much better without rounded corners

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Have you validated?

Have you validated? Tongue

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

No I only tell others to

No I only tell others to Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

egr103
Offline
Regular
England
Last seen: 12 years 15 weeks ago
England
Timezone: GMT+1
Joined: 2006-11-14
Posts: 37
Points: 0

So with that, I am guessing

So with that, I am guessing it is best to use an image to produce rounded corners?!?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

...or javascript or the css2

...or javascript or the css2 attributes that don't work in IE

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

egr103
Offline
Regular
England
Last seen: 12 years 15 weeks ago
England
Timezone: GMT+1
Joined: 2006-11-14
Posts: 37
Points: 0

Well using CSS 2 will

:shrug:

Well using CSS 2 will just eliminate all of my audience.

It is for internal company use and everyone is on IE.

Thanks for all your help though guys!

Really appreciate it
________________________________________
PS

While we are on the subject. As i have these blue bars around the content is there a way that they can resize to various different page lengths depending on which one the visitor is on (of course the length of each page will vary). So that they still look pixel perfect yet fit perfectly around the content? Would this involve extensive JavaScript writing?