25 replies to this topic

[Jolt64]

my new portfolio, actually its my first... i was going for a minimalistic design. i was hoping you guys could give me feed back / what i should add or takeout... here it is:

http://itsjustEric.com/

im not great at CSS yet, but i got the basics + of it and learn more everyday.

Edited by Jolt64, 29 April 2008 - 02:52 AM.

[fudgy]

erm make it more clean cut. and smooth

[Jolt64]

bump for completely new design.

doing another redesign, if you saw a blue/dark grey one, the new one is white and very minimalistic, but i feel it looks pretty good.

Edited by Jolt64, 29 April 2008 - 01:32 AM.

[fudgy]

change your font to arial, or verdan.

[Jolt64]

change your font to arial, or verdan.

good advice, looks much better with arial

Edited by Jolt64, 29 April 2008 - 11:37 AM.

[Lastcrime]

some quick feedback here; i dont really think the header fits the rest of the layout. The header is a sketchy style and the rest of the layout is simplistic and not sketchy at all they kind of contrast, i dono maybe if you had like a drawing background (sketched) it would look pretty good.

[Jolt64]

some quick feedback here; i dont really think the header fits the rest of the layout. The header is a sketchy style and the rest of the layout is simplistic and not sketchy at all they kind of contrast, i dono maybe if you had like a drawing background (sketched) it would look pretty good.

ok, I have taken your feedback into consideration and revised it a bit. added a BG, some more color, and changed the roll overs.

itsjustEric.com

[fudgy]

i like the background alot, now just cahnge the font for the nav you still have it times new roman change it to arial or the font that you used for the content,

[Jolt64]

i like the background alot, now just cahnge the font for the nav you still have it times new roman change it to arial or the font that you used for the content,

the font for the nav is actually the same as the logo, im not sure why you are seeing differently.

k ive done a few things that I think may have been causing you to see it as Times New Roman/Arial instead of Pointy (font of logo) lemme know if it has changed for you.

Edited by Jolt64, 29 April 2008 - 06:04 PM.

[fudgy]

BEFORE YOU DO THIS BACKUP OR ORIGINAL HTML AND CSS DOCUMENTS!





go into photoshop (or w/e you used for the font to make the header image) and do this

make a document for each link 200(width) and 75(height).
select the text you want, then draw a text box(click or click then drag, however you type your text),
MAKE SURE THE BACKGROUND IS TRANSPARENT,
then go to file>save as>pic_name.png < make sure its a png.

now use this code for your "nav bar" div in the html.

<div class="navbar">

  <div align="center" class="style1">

<span class="style5">

<div id="about"><a href="#"><img src="IMG URL" border="0px"></a></div>

 <div id="projects"><a href="#"><img src="IMG URL" border="0px"></a> </div>

<div id="friends"><a href="#"><img src="IMG URL" border="0px"></a> </div>

<div id="contact"><a href="#"><img src="IMG URL" border="0px"></a></div>

</span> 

</div>

  <br  />

now use this for your css navbar.

#about :hover 
{ background-image: url(image link);
background-repeat: no-repeat;
width: MAKE SURE YOU EDIT THIS!;
height: MAKE SURE YOU EDIT THIS!;
border: 0px solid transparent;
}

#projects :hover 
{ background-image: url(image link);
background-repeat: no-repeat;
width: MAKE SURE YOU EDIT THIS!;
height: MAKE SURE YOU EDIT THIS!;
border: 0px solid transparent;
}

#friends :hover 
{ background-image: url(image link);
background-repeat: no-repeat;
width: MAKE SURE YOU EDIT THIS!;
height: MAKE SURE YOU EDIT THIS!;
border: 0px solid transparent;
}

#contact :hover
{ background-image: url(image link);
background-repeat: no-repeat;
width: MAKE SURE YOU EDIT THIS!;
height: MAKE SURE YOU EDIT THIS!;
border: 0px solid transparent;
}

[fudgy]

aww you didnt do it :[

but it works just to tell you,
if you dont want to do it, ill do it for you
send me your css and html in a pm if you want me to code that for you lol.

[Jolt64]

ok thank you for the post, but before I get into all that (because I wanted a site that loads fast) i will try this:

<style TYPE="text/css">
@font-face {
font-family: TestFontName;
font-style: normal;
font-weight: normal;
src: url(http://domain.com/TestFontName.eot);
}
</style>

is anyone aware if pulling the text via CSS works in Firefox/Opera/Safari (etc).. I know it does in IE

Edited by Jolt64, 29 April 2008 - 07:53 PM.

[fudgy]

i dont think that works in firefox at all, like anytype of way of doing that, go into the tutorial section and search font types

Edited by fudgy, 29 April 2008 - 08:02 PM.

[Jolt64]

i dont think that works in firefox at all, like anytype of way of doing that, go into the tutorial section and search font types

k, only other way of doing it is with

http://www.mikeindus....com/blog/sifr/

and just using images seems easier i sent you a PM btw, thx

[fudgy]

ehh thats to much work, might as well just make images(which i will do once you send the font to me) and then put them in lol.

[Jonhc]

Yo my names John, I love this site by the first look. Here's my advice;

Stop worrying about loading times and images etc. The site will load pretty quick even on the lowest connections just optimise your images well in Photoshop etc.

I love the header, looks spot on for the website and the background is suttle enough to make it work.

I like the simplicity of this site really easy to use, view what you want straight away. It needs something to set it off though from the rest, like maybe you could have a naivgation menu of just text which scrolls (smoothly) to the content down the page etc.

I don't like the white boxes around the 'Test' content I think they break the sites style.

Since your importing your stylesheet take this out of the HTML and drop it in your css sheet

<style type="text/css">
<!--
.style10 {font-family: Georgia, "Times New Roman", Times, serif}
.style11 {font-size: large}
.style101 {font-size: x-small}
-->
</style>

Other than that I like th idea, keep me posted on the updates

Hope some of that was helpful, if you feel like being nice check out the Food site in my link and give me some critic back

[Jolt64]

Yo my names John, I love this site by the first look. Here's my advice;

Stop worrying about loading times and images etc. The site will load pretty quick even on the lowest connections just optimise your images well in Photoshop etc.

I love the header, looks spot on for the website and the background is suttle enough to make it work.

I like the simplicity of this site really easy to use, view what you want straight away. It needs something to set it off though from the rest, like maybe you could have a naivgation menu of just text which scrolls (smoothly) to the content down the page etc.

I don't like the white boxes around the 'Test' content I think they break the sites style.

Since your importing your stylesheet take this out of the HTML and drop it in your css sheet

<style type="text/css">

</style>

Other than that I like th idea, keep me posted on the updates

Hope some of that was helpful, if you feel like being nice check out the Food site in my link and give me some critic back

Thank you very much for your feedback, it actually means a lot to me to get good feedback from someone as good at webdesign as yourself.

Atm, I am currently working on using the type of nav you suggested with anchor's.

btw, your design for the food blog looks amazing. I have looked around multiple times, and it looks extremely good and goes well with "Fine Wine and Dine" sorta thing.

edit: I myself have never really liked the look of the white BG's either, but I didn't know if transparent would be suitable or if it would get to confusing... ill give it a shot, when you get the chance could you check it out and let me know what you think of transparent.

i also had the thought of making it more simple and using no images at all for the portfolio part, just links to live previews and such.

Edited by Jolt64, 30 April 2008 - 02:38 PM.

[Jonhc]

I think the anchors with the nav will really add a nice little touch to it, something like this script http://www.kryogenix...r/smoothscroll/

I'm not sure mate maybe have a very faint border under each one or something to separate it up?

I think if you take images out the equation you end up with a very typical looking website. I think keep with the ideas but maybe to make things a little unique do the headers for them in the hand drawn style you have?

[Jolt64]

I think the anchors with the nav will really add a nice little touch to it, something like this script http://www.kryogenix...r/smoothscroll/

I'm not sure mate maybe have a very faint border under each one or something to separate it up?

I think if you take images out the equation you end up with a very typical looking website. I think keep with the ideas but maybe to make things a little unique do the headers for them in the hand drawn style you have?

sounds brilliant, ill use the anchar nav with the smooth scroll u linked and have sections like "Identity, Web, Type" etc. thank you for the ideas so much

btw, there is a faint 2px border under each xD

Edited by Jolt64, 30 April 2008 - 03:39 PM.

[Jolt64]

hmm i seem to have a problem... i added the navigation for the anchors, but it isnt staying fixed (scrolling down the page with the user) i have set it to stay "fixed".

anyone have insight on how to fix this?

you can see it here


SOLVED IT
itsjusteric.com

k the navigation is now fully working, except the javascript scroll... going to do that in a few... only have 2 anchors - top and identity, the rest will take u no where atm.

edit: scroll works now

Edited by Jolt64, 30 April 2008 - 04:46 PM.