Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

New portfolio, round two!
hi-C
post Sep 18 2009, 06:00 PM
Post #1


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772
Okay, so after much griping, and much delay, I've completed my portfolio's redesign! Check it out and tell me what you think:

http://oeuvre.elletricity.com/oeuvre.htm
 
 
 Start new topic
Replies (1 - 10)
jiyong
post Sep 18 2009, 06:05 PM
Post #2


사랑해 ~ 我愛你 ♥
*****

Group: Design Staff
Posts: 825
Joined: Jan 2007
Member No: 492,587
I LIKE IT flowers.gif
I think you should make "Oeuvre" and "A Portfolio" each a different color, so they stand out from each other more.
 
Teesa
post Sep 18 2009, 06:20 PM
Post #3


crushed.
*******

Group: Staff Alumni
Posts: 9,432
Joined: Jun 2004
Member No: 20,026
this is lovely carrie! i agree with gabrielle, and just one minor spelling thing: the word "create" is spelled wrong in the definition next to vector/vexel.
 
hi-C
post Sep 18 2009, 06:29 PM
Post #4


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772
^ Thanks for catching that typo, Teesa.

And thanks to both of you for the kind regards! =D
 
manny-the-dino
post Sep 18 2009, 06:30 PM
Post #5


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468
I second Gabrielle's response. But this is so good. I love it. I also like how you put the definitions because a lot of people would be like " huh.gif " But it came out nooooice flowers.gif
 
hi-C
post Sep 18 2009, 06:40 PM
Post #6


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772
You know what I just noticed? It looks like shit in IE. I hate IE. I should have that as a disclaimer: don't look at my work if you're still on IE.
 
synapse
post Sep 18 2009, 10:18 PM
Post #7


Live long and prosper.
********

Group: Staff Alumni
Posts: 10,142
Joined: Apr 2007
Member No: 514,926
May I see a preview of the before?

Right now, I'm not sure how the rounded navigation compliments the sharp corners.
 
karmakiller
post Sep 18 2009, 10:30 PM
Post #8


DDR \\ I'm Dee :)
*******

Group: Mentor
Posts: 8,662
Joined: Mar 2006
Member No: 384,020
I really like the colors you used. I'm not a big fan of how small the navigation is compared to the content text, but that just might be a personal taste thing.
 
Mickey
post Sep 19 2009, 05:19 AM
Post #9


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127
I'm with Dee about the text. Looks good though. It's simple and straightforward. I'm assuming your IE hate is due to the rounded corners not matching up with the content? Try adding <br clear="all" /> after the top rounded corner image so it looks like this:

CODE
<img src="images/white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" />

For the About page, do the same for both images so they look like this:

CODE
<img src="images//white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" />

CODE
<img src="images//rounded-bottom.png" width="750" height="8"><br clear="all" />

You did the footer differently on the Contact page, so it's a bit more complicated. Just replace it with the way you did it on the About page, then do the whole <br clear="all" /> thing for both images again. You also need to nest the Submit button in a row then add a final <br clear="all" style="line-height:0px;" /> after the closing <form> tag. In the end, it should all look like this:

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Oeuvre | A Portfolio: Carrie Epps</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="text.css"/>

<script type="text/javascript" src="lightbox/js/prototype.js"></script>

<script type="text/javascript" src="lightbox/js/scriptaculous.js"></script>

<script type='text/javascript' src="lightbox/js/lightbox.js"></script>

<link rel="stylesheet" type="text/css" href="lightbox/css/lightbox.css">

</head>



<body bgcolor="#EFEEE4">

<table cellspacing="5" cellpadding="0" class="index" align="center">

<tr>

<td><span class="title">Oeuvre </span> <span class="titlecaption">A Portfolio

</span></td>

</tr>

<tr>

<td><img src="images//white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" />

<div style="background-color:#ffffff; padding-left:15px; padding-right:15px;">

<span class="subtitle">Contact</span><br>

<p>To inquire about my services, please fill out the form below.</p>

<form method="post" action="contact.php">


<fieldset style="border: 0px;">

<table width="50%" border="0" cellspacing="3" cellpadding="0">

<tr>

<td><label for="name">Name:</label></td>

<td><input type="text" id="name" name="name" /></td>

</tr>

<tr>

<td><label for="email">E-mail:</label></td>

<td><input type="text" id="email" name="email" /></td>

</tr>

<tr>

<td><label for="topic">Subject:</label></td>

<td><input type="text" id="topic" name="topic" /></td>

</tr>

<tr>

<td><label for="comments">Message:</label></td>

<td><textarea id="comments" name="comments" rows="5" cols="30"></textarea></td>

</tr>

<tr>

<td><button type="submit">Send</button></td>

</tr>

</table>

</fieldset>

</form><br clear="all" style="line-height:0px;" />

</div>

<img src="images//rounded-bottom.png" width="750" height="8"><br clear="all" />

</td>

</tr>

<tr><td><div align="center">©2009 Carrie Epps</div></td></tr>

</table>

<map name="Map">

<area shape="rect" coords="335,2,383,18" href="contact.htm">

<area shape="rect" coords="40,2,99,18" href="oeuvre.htm">

<area shape="rect" coords="190,2,238,18" href="about.htm">

</map>



</body>


</html>


I might have missed something but yeah, hope that helps. Sorry about the long post.
 
hi-C
post Sep 19 2009, 12:27 PM
Post #10


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772
QUOTE(tcunningham @ Sep 18 2009, 11:18 PM) *
May I see a preview of the before?

Right now, I'm not sure how the rounded navigation compliments the sharp corners.
I took down the other test sites, but I'm sure I have a screencap floating around somewhere. I'll post it later.


QUOTE(Mike @ Sep 19 2009, 06:19 AM) *
I'm with Dee about the text. Looks good though. It's simple and straightforward. I'm assuming your IE hate is due to the rounded corners not matching up with the content? Try adding <br clear="all" /> after the top rounded corner image so it looks like this:

CODE
<img src="images/white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" />

For the About page, do the same for both images so they look like this:

CODE
<img src="images//white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" />

CODE
<img src="images//rounded-bottom.png" width="750" height="8"><br clear="all" />

You did the footer differently on the Contact page, so it's a bit more complicated. Just replace it with the way you did it on the About page, then do the whole <br clear="all" /> thing for both images again. You also need to nest the Submit button in a row then add a final <br clear="all" style="line-height:0px;" /> after the closing <form> tag. In the end, it should all look like this:

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Oeuvre | A Portfolio: Carrie Epps</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="text.css"/>

<script type="text/javascript" src="lightbox/js/prototype.js"></script>

<script type="text/javascript" src="lightbox/js/scriptaculous.js"></script>

<script type='text/javascript' src="lightbox/js/lightbox.js"></script>

<link rel="stylesheet" type="text/css" href="lightbox/css/lightbox.css">

</head>
<body bgcolor="#EFEEE4">

<table cellspacing="5" cellpadding="0" class="index" align="center">

<tr>

<td><span class="title">Oeuvre </span> <span class="titlecaption">A Portfolio

</span></td>

</tr>

<tr>

<td><img src="images//white-navi.png" width="750" height="27" border="0" usemap="#Map"><br clear="all" />

<div style="background-color:#ffffff; padding-left:15px; padding-right:15px;">

<span class="subtitle">Contact</span><br>

<p>To inquire about my services, please fill out the form below.</p>

<form method="post" action="contact.php">
<fieldset style="border: 0px;">

<table width="50%" border="0" cellspacing="3" cellpadding="0">

<tr>

<td><label for="name">Name:</label></td>

<td><input type="text" id="name" name="name" /></td>

</tr>

<tr>

<td><label for="email">E-mail:</label></td>

<td><input type="text" id="email" name="email" /></td>

</tr>

<tr>

<td><label for="topic">Subject:</label></td>

<td><input type="text" id="topic" name="topic" /></td>

</tr>

<tr>

<td><label for="comments">Message:</label></td>

<td><textarea id="comments" name="comments" rows="5" cols="30"></textarea></td>

</tr>

<tr>

<td><button type="submit">Send</button></td>

</tr>

</table>

</fieldset>

</form><br clear="all" style="line-height:0px;" />

</div>

<img src="images//rounded-bottom.png" width="750" height="8"><br clear="all" />

</td>

</tr>

<tr><td><div align="center">©2009 Carrie Epps</div></td></tr>

</table>

<map name="Map">

<area shape="rect" coords="335,2,383,18" href="contact.htm">

<area shape="rect" coords="40,2,99,18" href="oeuvre.htm">

<area shape="rect" coords="190,2,238,18" href="about.htm">

</map>
</body>
</html>


I might have missed something but yeah, hope that helps. Sorry about the long post.
I did the contact page differently because the form was messing everything up. Thanks for the tip!
 
Maccabee
post Sep 19 2009, 12:57 PM
Post #11


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382
I like it. Simple but nice. I dont like the nac though. I think it should be seperated and use something fancy. your portfolio is your chance to go crazy so this is a little to plain i guess... and there is no need to credit lightbox by the way.
 
« Next Oldest · Showcase Booth · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic