1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Websites My Music site

Discussion in 'Reviews' started by simonlarkin, Feb 15, 2011.

  1. simonlarkin

    simonlarkin New Member

    I have had a sore head for the last few weeks as I have never built a web site or worked with HTML before. This is the result, very much a work in progress and would love some thoughts and tips, thanks

    simonlarkin.com
     
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    First impression is wow - which is the background love it as it makes the site seem to float in the center.
    What I don't like is the width 532 pixels of the pages, but that is due to the template. An easy fix if you edit the css file.
    This makes the font very small and the graphics in the left column hard to see.

    Navigation clearly understandable.
    You might want to leave off in the Menu Code the links to FWT that way you will not see the 2 green bars.
    If you want to reference that you are using a template from here try putting it into the footer.
    Code:
    <li><a href="index.html">home</a></li>
    		<li><a href="music.html">music</a></li>
    		<li><a href="contact.html">contact</a></li>
    		[COLOR="Red"]<li><a href="http://www.freewebsitetemplates.com"></a></li>
    		<li><a href="http://www.freewebsitetemplates.com"></a></li>[/COLOR]
    The Music Page loaded a tad slow but that is due to SoundCloud server sending the info to your server. After it loads things are fine and so were some of your sound-bites.

    Contct Page - maybe some small gifs for
    SoundCloud YouTube MySpace Looperman
    along with the names.

    Hope this helps as you have a good site going.
     
  3. simonlarkin

    simonlarkin New Member

    Hi ishkey, thanks for both your welcome and for taking the time to check out my little offering.

    First off the width issue I am glad you picked up on it coz I agree and have been trying to fix it but the css just plain confuses me, every time I adjust it and think I have it fixed I find I have knocked something else out off whack. I think I have to sit down and put in some work and fix that one.

    As for the links back to FWT, I have plans for those two buttons so have kinda left them as 'secret links' for now, but yeh I think your right, maybe not everyone gets my sense of humour.

    I have 5gb space on my server so there are plans to host my own music and do away with the soundcloud players but to be honest I just haven't found any mp3 players that I like or fit the look of the site. The search continues..................

    Thanks man I appreciate you time.

    Simon
     
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    'secret links' are good
    I took a look at the template and made some enlargements that just might work for you.
    width: 832px;/* 532px */ and bumped up the font from 9px to 11px
    Had to change the size of the basic graphics which make up the framework. Made some changes in the css and commented them. Didn't see your changes until just now, so you would have to add them in.

    I just couldn't get the left sidebar small white outline box to match up and create two boxes (it is tied to the left_splitter.gif).
    Altered you Logo size to get rid of all the extra space around your name, fits better.
    See if you can use it along with your work.
    Let us know how it comes out, maybe we can use your version here.
    Yes this template is a bear to work with but it was ahead of it's time.
    Who knows maybe Mimoun get add the finishing touches to fix the two white boxes.

    revised.jpg
     

    Attached Files:

  5. simonlarkin

    simonlarkin New Member

    Wow, thanks mate. I will have a look at that and get back to you here. Your mock up looks a lot better already.

    Thanks again

    Simon
     
  6. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Ok glad you like it.
    What's bugging more than the 2 white boxes, is the left sidebar should grow when text is added but does not. I must be Brain dead.
     
  7. ace2011

    ace2011 Member

    hi

    in 1,920x1,080 screen resolution your site looks like this

    [​IMG]

    there is big white space on right

    if you want to fix this edit the css file
    and change the
    repeat-y
    with
    repeat-x

     
  8. simonlarkin

    simonlarkin New Member

    Thanks I will look at that, I am implementing some of the changes now but I've gone a bit wrong somewhere so for anyone looking in now it is all to pot will post back when fixed. :p
     
  9. simonlarkin

    simonlarkin New Member

    After tearing out what little hair I had left, I think I am kinda happy with how it has turned out. I solved the problem with the boxes by removing them, so how it looks now may come as a bit of a surprise. Thankyou very much guys your advice gave me the little bit of insight I needed to figure it out.

    I am curious to hear if the 1,920x1,080 screen resolution problem is solved as I had a few probs there by getting white bits on the bottom of the screen in a couple of the pages.

    Thanks again
     
  10. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Looks like you need alittle help
    try this zip file

    correction looks like you posted just before me

    mini.jpg
     

    Attached Files:

  11. 1970Forest

    1970Forest Moderator Staff Member

    Hi Simon

    Site looks much better, but I would increase the font size by an extra point
     
  12. simonlarkin

    simonlarkin New Member

    'Hi Simon

    Site looks much better, but I would increase the font size by an extra point'


    Done.

    Thank you
     
  13. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    looks like simon said the heck with the template graphics - looks pretty good like that
     
  14. 1970Forest

    1970Forest Moderator Staff Member

    Font looks much better, I can read it!!!!
     
  15. simonlarkin

    simonlarkin New Member

    Thanks mate, yeh the bigger the graphics got the more my background image disappeared and the float effect was gone. I started out by just trying to loose the black panel but it seemed as though some of the box graphics were atatched to it so in the end it was easier to loose the lot, but it was you guys advice that gave me the bravery to tackle the css file.
     
  16. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Now look what we have done -:D
    We are going to get introuble for this one - next thing you know he will be upgrading to some CMS software - he'll be on page one of the search engines.
     
  17. GG

    GG Active Member

    Yeah it's still the same with the white box on the right...
     
  18. simonlarkin

    simonlarkin New Member


    :rolleyes:Ahha I come to steal your knowledge (evil grin):D

    Thanks again
     
  19. simonlarkin

    simonlarkin New Member


    Many thanks to everyone for suggestions,sorted out these last few points today by installing my own mp3 player and some clickable pics on the contact page.

    I could spend a lifetime tinkering but for now my head needs a rest :D
     
  20. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Love the player and the site it comes from, thanks for that info. It loads really fast now. Contact page too I like the graphics better than the old links.
    But it seems the main page is waiting for that background graphic to load - it might need to be optimized down.
    Yep resized - enclosed is a jpg, the smallest in size that should work as a background pic and if you don't like that, then there is a smaller png than yours is. The over all demensions are the same just the file size in kb has been reduced.
    You might want to reduce the line-height: 2; to line-height: 1.5; in the css file under the body division. This will reduce the space between lines of text.
     

    Attached Files: