Portfolio Design

[Tenbeta]

Don't ou just do

.div:hover

? Think that worked for me lol. I dunno tho, havnt code properly in ages

Lots of slicing at the moment, will have a try

Main concern is the opacity, round corners and the headers hahah. So much effort (yn)

[kk.]

You don't really need opacity do you? I mean yh the backgrounds a pattern but it's random so it's alright?

[Tenbeta]

You don't really need opacity do you? I mean yh the backgrounds a pattern but it's random so it's alright?

So just select say a 50x50 section of the low opacity content box and use it as background repeat x-y?
Hm, much easier! Just the rounded corners.

And oh my God, slicing is worse than coding !

[iDenning]

Looking good, good luck on the coding!

[Tenbeta]

Looking good, good luck on the coding!

www.tenbeta.com/coded

So many errors... I feel like crying

[iDenning]

www.tenbeta.com/coded

So many errors... I feel like crying

Lol

Just incase you dont know, its abit big

Ask around, im sure someone will code it for free !

[Tenbeta]

Lol

Just incase you dont know, its abit big

Ask around, im sure someone will code it for free !

It is haha!
I'll keep an eye out Would be easier for them to contact me as Ive got some client work going on. Although that sounds really bad, didn't mean it to LOL!

Would you reccomend anyone?

[[Oli]]

Nice design.

Keep in mind though, for future designs, when you draw a box with rounded corners, and then you want to make another box, say a wider one, for main content or something.
Well, don't just copy paste the first box and then make it wider, the angle of the corners on the wide box will be completely different then on the first box.

So, keep that in mind, always draw new boxes, dont copy paste, its only 5 seconds of extra time really .

Also, for your coded version, try and make a small, x-repeat'able background. (I'm on about the torn paper background)
Because at the moment, you have a very large image for the top and bottom bar, which takes a while to load.

(edit: for the torn paper, select a small bit > new file > (it should take the width&height automaticly from the copied bit from clipboard) > paste > dupplicate layer > flip horizontal > move it so the left border is right nexto the right border of the first bit > save, if u do that, it should be able to repeat on x-axis without errors)

Hope that helped a bit, either way, good luck!

[Tomm]

You can do rounded corners in css with:

-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;

Change the px to the radius you set in photoshop and it will look the same. Works in all browsers apart from crappy IE (Inc. ie8).

Can also do opacity in CSS with:

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

That gives you 50% opacity, sure you can work out how to change it to other values

[kk.]

You can do rounded corners in css with:

-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;

Change the px to the radius you set in photoshop and it will look the same. Works in all browsers apart from crappy IE (Inc. ie8).

Can also do opacity in CSS with:

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

That gives you 50% opacity, sure you can work out how to change it to other values

if it doesnt work in IE then whats the point? thats like over 30% :S