Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: Test Portfolio

  1. #1
    New Coder
    Join Date
    Sep 2005
    Location
    austrlia
    Posts
    36
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Test Portfolio

    hey this is a school assesment and i would realy appriecate some feedback and also suggestns on improving

    basicly we had to build a site to show off work wev done in school, we can use any method of building it, i mainly went with CSS, there is a little javascript for the style changer

    none of the links work yet. Also be sure to check out the other styles by clicking on the colourd circles on the right

    so far the sites been designd for 1024-768 resolution and IE and FF

    http://milo2005.50webs.com

    thanks

  • #2
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok, few things.

    1) your site is 'off' (for lack of a better term) in FF when the resolution is above 1024*768
    2) your 'colour chooser' concept is good, but the way you have implemented it is not. If you are serious about this functionality one suggest i have is:
    -- make 2-3 layouts with different colours, i suggest grey, red, and maybe green?
    -- make 2-3 physical layouts to change colours between, then the user not only has colours to pick between, but they have layouts to pick between.
    -- Do not place the colour selector on every page on the right hand side, the 'circles' are not smooth and it is distracting to the user. one suggestion would be to place these options on a 'prefferences' page and store the value in the users cookies. that way they select it once and it's there for X amount of time.
    3) the links you have in there look good, and your mouse over effects are nice too, one thing i would change however, when you mouse over a menu item the right-side padding is removed, i'd leave the right-side padding as-is in this case.
    4) the copyright information should be bumped down like 5 pixles

    now don't take all of this as a negative. your site does look very nice. I just commented on the things i don't like about it.
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #3
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Pretty cool design. Very unique. I think I'd work on the navigation. The vertical spacing of the links or something. Just doesn't feel right.

    The style changer is neat, but using a cookie is a good idea. Moreover, you might want to explore something server-side to run it... like PHP.

    Nice 404 error page btw

    Good luck.
    Mike

  • #4
    New Coder
    Join Date
    Sep 2005
    Location
    austrlia
    Posts
    36
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Thumbs up thanks

    hey thanks alot guys, realy good feed back ima try and work on all the things u guys said.

    so like what do u think i should change with my left side nav?

    also what do u thing of the "abstract Backgrounds" page is this a good CSS way of displaying pictures, coz i was thinkin of implamenting it a couple more times through out the site

    once again thanks a lot for the feedback

    milo

  • #5
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I havn't looked at the gallery page yet, however ensure you have created physical thumbnails for each image (will save loading times).

    The nav i liked personally, simple yet effective.

    Again, the only thing i would change about the nav is the padding difference when you mouseOver
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #6
    New Coder
    Join Date
    Sep 2005
    Location
    austrlia
    Posts
    36
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question

    yup iv made seprate small thumbnails,

    but that right padding diffrence i cant get rid off, i duno why its even there,

    this is all thats their for the left side nav

    Code:
    #links {
        position: absolute;
        top: 81px; left: 0; width: 169px;
        font: 10px Verdana, sans-serif;
        z-index: 100; 
        margin-left: 54px;
         margin-top:70px;
    }
    #links h1 {
         display: block;
         background-color:#0099FF;
         font-size: 130%;
         padding: 1px 0px 1px 2px;
         color: #333333;
         margin: 0px;
         width:169px;
         max-width: 169px;
    }
    #links a {
        display: block;
        text-align: right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 5px 0px 5px 5px;
        margin: 0 0 0 0px;
        border-width: 0px;
        text-decoration:none;
        color: #FFC;  
     }
    #links a:hover {
        color: #000000;
        background: #eeeeee;
        padding-right:0px;	
    }
    #links a span {
        display: none;
    }
    #links a:hover span {
       display: block;
       position: absolute; top: 300px; left: 15px; width: 125px;
       margin: 10px;
       z-index: 100;
       color: #414141;
       font: 10px Verdana, sans-serif;
       text-align: center;
    theres nothing on the hover to make it move?

    any ideas?

  • #7
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    #links a {
        display: block;
        text-align: right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 5px 0px 5px 5px;
        margin: 0 0 0 0px;
        border-width: 0px;
        text-decoration:none;
        color: #FFC;  
     }
    #links a:hover {
        background: #eeeeee;
        display: block;
        text-align: right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 5px 0px 5px 5px;
        margin: 0 0 0 0px;
        border-width: 0px;
        text-decoration:none;
        color: #000;
    }
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •