Ok, webmasters, let's see who can code this layout as it is in the attached image.

Note:
No images required.
The white texts 'Logo, About, Services, Portfolio, Resources and Contact' are links.
I want when that link is hovered, the text color will become orange and the background of the box will turn to black.
Don't make it responsive or you will consume your time.
This is pretty simple, it just requires thinking and tricks.

Let's do it.
Goodluck.

All these una challenge codes dey do me somehow. . .

@dhtml, how is it doing you?

Like trying to test my skills if i am capable of pulling the stuff

This is what I have tried to do. The link to the demo is here
http://toscanyacademy.com/testing/css.html

see the screenshot below

@Nollyj, thank you. u are realy a css guru. do u know that this thing gave me small wahala? at first i knew it will be a simple css3 transform effect, but the texts also were transformed becos i added them inside the transformed divs. i began to think. it then occurred to me that i can place the link outside the divs and position the links absolutely and target each of them to sit on its appropriate div. i think ur approach is quite simpler.

Here is mine: http://www.ctrlshiftstudios.com/poly

Okay, nollyj, that one is very good. It seems you are jobless to be writing all that code, give me your email, let me give you a real life project to work on - this one, you will code css tire, and possibly javascript sef.

GraphicsPlus: @Nollyj, thank you. u are realy a css guru. do u know that this thing gave me small wahala? at first i knew it will be a simple css3 transform effect, but the texts also were transformed becos i added them inside the transformed divs. i began to think. it then occurred to me that i can place the link outside the divs and position the links absolutely and target each of them to sit on its appropriate div. i think ur approach is quite simpler.

Here is mine: http://www.ctrlshiftstudios.com/poly

You also did a nice job. Your solution has given me another perspective. Yeah, when I first saw that the links were rotated, I decided that since the rotation was 45 degree I can also reset it with minus 45 degree and it worked.


Because one problem can be solved in different ways in programming, it has always left me thinking if the approach I adopt is very good. That has been my challenge.

*dhtml:
Okay, nollyj, that one is very good. It seems you are jobless to be writing all that code, give me your email, let me give you a real life project to work on - this one, you will code css tire, and possibly javascript sef.

Yeah, I am jobless programmer but can code - tosca207 at yahoo.com

No time to be coding what will take your time. When I get to such bridge, I will crozz it.

*shakes my ass and walks away*

great css3 coding, you guys are doing

@Nollyj, you are a good programmer I think, but at the same time I am worried that how a good programmer like you could be jobless? Are you jobless by your choice?

singhabhishek25: @Nollyj, you are a good programmer I think, but at the same time I am worried that how a good programmer like you could be jobless? Are you jobless by your choice?

I work as a freelance but I am only get few jobs in a while. May be it will change with time.

trollin

Simple shit! Come back with something more challenging please! This insults my intelligence

Im sorry, but im a Nigerian website designer based in lagos, got my knowledge at the bristol uni.
Pls check out my portfolio page at www.in-sonmia.com. Thanks

OlisaAnderson: Im sorry, but im a Nigerian website designer based in lagos, got my knowledge at the bristol uni.
Pls check out my portfolio page at www.in-sonmia.com. Thanks

Are you a scammer or a spammer?
Your website is nice anyway. Hope u are happy now?

I love dis

singhabhishek25:
@Nollyj, you are a good programmer I think, but at the same time I am worried that how a good programmer like you could be jobless? Are you jobless by your choice?

Jeez, WTF! Now a person that codes CSS is a "Programmer", well I guess since this post is from 2013 this person would've learnt the differences between an actual programmer and a web-designer and @op is that even a task, feels more like amateur coding practice.

dhtml18:
Okay, nollyj, that one is very good. It seems you are jobless to be writing all that code, give me your email, let me give you a real life project to work on - this one, you will code css tire, and possibly javascript sef.

I need job ooo(I'm jobless) between html css and JavaScript that's where my power reach m.. Pclassiq@gmail.com