Jump to content

lostprophetpunk

Members
 View Profile  See their activity

  • Posts

    270

  • Joined

  • Last visited

    Never

 Content Type 

Everything posted by lostprophetpunk

  1. lostprophetpunk
    I love the design. It is so awesome, but I would be able to give my full review when it is complete. The only thing that is keeping it from being truly awesome, is the text in the header. It makes it seem a bit less professional than it is,
  2. lostprophetpunk
    Hello there, I have come across a problem whilst making a jquery slider. Now, I have tested this code on a test page, and it seems to work perfectly... <!DOCTYPE html> <html> <head> <script src="js/jquery.js" type="text/javascript" language="javascript"></script> <script src="http://jqueryui.com/latest/ui/effects.core.js"></script> <script src="http://jqueryui.com/latest/ui/effects.slide.js"></script> <style type="text/css"> #wrap { width: 400px; height: 450px; overflow: hidden; } #meh { width: 800px; height: 450px; background: #333333; position: relative; float: left; } #meh2 { width: 400px; height: 450px; background: #888888; position: relative; margin-left: 400px; float: left; clear: both; } #meh3 { width: 400px; height: 450px; background: #888888; position: relative; margin-left: 400px; float: left; clear: both; } </style> <script type="text/javascript"> $(document).ready(function(){ $("a.test").click(function(){ $("#meh").animate({"right": "+=400px"}, "slow"); }); }); </script> </head> <body> <div id='wrap'> <div id='meh'><div id='meh2'>srlkjdngklngrkegkoenoeho<br /><br />lsdknsdlfhnkldhn</div><div id='meh2'>srsd;lmg;smgsmglkjdngklngrkegkosdfl;mnds;klld;n;enoeho</div></div> </div> <br /><br /> <a href='#' class='test'>click</a> </body> </html> But when I try to implement it into my actual page...the divs do not show properly (no backgrounds or height/width set even though they are) and all is shown is the text from both divs... Here is the code for the actual page... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>Minihobbs</title> <script src="js/jquery.js" type="text/javascript" language="javascript"></script> <script src="http://jqueryui.com/latest/ui/effects.core.js"></script> <script src="http://jqueryui.com/latest/ui/effects.slide.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a.about").click(function(){ $("#container").animate({"right": "+=400px"}, "slow"); }); }); </script> <style type='text/css' ref='stylesheet' media='screen'> html, body { margin: 0; padding: 0; } body { background: transparent url(images/bg.png) center center; } #wrapper { width: 940px; margin: auto; } #top { width: 940px; height: 100px; } #logo { width: 236px; height: 60px; background: transparent url(images/logo.png) no-repeat center center; margin-top: 20px; float: left; } #logo a:link { display: block; width: 236px; height: 60px; text-decoration: none; } #logo a:visited { display: block; width: 236px; height: 60px; text-decoration: none; } #logo a:active { display: block; width: 236px; height: 60px; text-decoration: none; } #logo a:hover { display: block; width: 236px; height: 60px; text-decoration: none; } #title { width: 394px; height: 36px; background: transparent url(images/name.png) no-repeat center center; float: right; margin-top: 30px; } #main { width: 940px; height: 600px; background: transparent url(images/mainbg.png) no-repeat center center; #mainwrap { width: 400px; height: 450px; overflow: hidden; } #container { width: 800px; height: 450px; background: #333333; position: relative; float: left; } #home { width: 400px; height: 450px; background: #888888; position: relative; margin-left: 400px; float: left; clear: both; } #about { width: 400px; height: 450px; background: #888888; position: relative; margin-left: 400px; float: left; clear: both; } </style> </head> <body> <div id='wrapper'> <div id='top'> <div id='logo'><a href='#' title='Minihobbs Home'></a></div> <div id='title'></div> </div> <div id='main'> <div id='mainwrap'> <div id='container'> <div id='home'>srlkjdngklngrkegkoenoeho<br /><br />lsdknsdlfhnkldhn</div> <div id='about'>srsd;lmg;smgsmglkjdngklngrkegkosdfl;mnds;klld;n;enoeho</div></div> </div> <br /> <a class='about' href='#'>click</a> </div> </div> </body> </html> If anyone could help me out that would be awesome.
  3. lostprophetpunk
    This is not a bad start to a website design, but it needs a lot of improvements. One improvement would be the footer, as people have mentioned above this post. You could maybe have a separate page for those links. The text in the footer is hard to read. This is mainly due to the fact you have used white text on a light grey background, making it hard to read. I would also suggest removing the 'Register Here' and 'click here to login' in the footer. Typography is another issue with the design. This is due to you using 'Arial, Helvetica, sans-serif' for all of the text within the website, apart from the logo. Mix it up a bit. Use one font for headings, and another for the main body text. as most professional designs only use about two or three different fonts. One more thing to point out is the resolution of which your design is in. I am viewing the website on a 1024x768 screen, and I have to scroll to the left to see the boxes on the right hand side of the page. All of the page should at least be visible in all resolutions. Alignment is another issue within the design. Many of your elements do not line up with the other elements in which they are supposed to, making for inconsistent spacing and alignment. Spacing and alignment are key to allowing your audience to view the content on the site quickly and efficiently. Your header runs out before reaching the end of the page. You can easily create an expandle header by having the gradient background repeat horizontally and then place the logo over it. You can then move the quick login onto it to allow it have a more professional feel. There are many more things that I would like to point out, but I do not have time to. I hope that these points will get you started in the meantime. I hope this has helped in some way.
  4. lostprophetpunk
    He means the wesbite address, not your actual IP address.
  5. lostprophetpunk
    This is a design I have created for my website. I hope you enjoy it. View it here.
  6. lostprophetpunk
    It's alright but it needs some work. For some dummy text for your website, go to lipsum.com instead of putting the 'more text here' on there. One thing that needs to be worked on is the typography of the page. You have used only one font for the titles and main text of your design, you could break it up a bit and use one font for the headings and another for the main body text. There is also a little bit of inconsistent spacing, but it is not that much. I will be able to give you more feedback once it is coded. Nice work, keep it up.
  7. lostprophetpunk
    I would never use a Mac just because it looks good. I want a Mac, but not because it looks good. It has the software on it that I can use for my media course and potential side projects. This is because Windows do not really have any good video editing software on it. So, to be honest...why go for a computer that looks cool, when you have no idea on how to do anything on it. I would choose functionality over style anyday.
  8. lostprophetpunk
    Hello all, I have been learning PHP for about a year now, and I still could learn a lot more. The problem is, the way that I went about learning PHP, was to actually start building stuff and only learning parts that I needed to use within the PHP code I was working on. I am saying this as I have probably missed out on the most basic of things in PHP. So I would like to know, what functions would you class as being basic PHP, and also advanced functions? I am asking this, as I haven't coded for a few months (due to computer problems), and I would like to get the whole of the basics of PHP before I learn the rest of the advanced stuff. I would also like your opinions on different learning styles and experiences you have had, and how they are effecient. Thank You.
  9. lostprophetpunk
    Put the far right div above the others in the html.
  10. lostprophetpunk
    I seriously hope nobody helps you...
  11. lostprophetpunk
    I did not continue to critique your personality at all. The only thing I commented on...not critiqued, was your attitude towards your work. I am not saying you have to agree with everyone, but in my view, from the last couple of topics you have opened, you are set about disagreeing with everyone. One thing I may have to point out in your post I have quoted is... Why did you decide to comment on the first two paragraphs of what I said...and not saying a word about my critique towards your design? With the critique I have done for your design, I have not only pointed out what is wrong within the design...but I have also explained what can happen if they go unchanged. So, I have been honest with the critique of your website design, and I have helped you understand why I pick out those points within the design...what more do you want? If you are going to react in the way that you have, towards people who have chosen to critique your design (bear in mind that it takes time out of their own life to do this for you), who are actually helping you for free...then why post? Here is a little tip for you. When you creating a design, leave it for a day, go back to it...and then think 'What can I improve?'. Can I ask what your thought of my critique of your website design? Seeing as you have not given me any feedback on that at all. Good luck with you 'hopeful' website designs.
  12. lostprophetpunk
    Can I ask why this was moved to website critique? It's about the coding of websites... Here is a little template I came up with... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <title>Example</title> </head> <body> <div id='wrapper'> <div id='header'>Header goes here</div> <div id='rightside'>Main content here</div> <div id='leftside'>Navigation goes here</div> </div> </body> </html> html,body { padding: 0px; margin: 0px; } #wrapper { width: 960px; margin: 0 auto; } #header { width: 960px; height: 100px; background: #555555; } #leftside { width: 160px; height: 500px; background: #dddddd; float: left; } #rightside { width: 800px; height: 500px; float: right; background: #aaaaaa; } I have tested it and it does work. I did a simple example so that you could learn from it. Hope it helps.
  13. lostprophetpunk
    Dorky, I just have one thing to say. When I started out doing website designs (just for practice though), I thought it was the best website design ever, even though it was just a few boxes on a page. I then asked people for some critique towards my work. But here's the kicker, instead of ignoring everything that they said...I had taken in what they had said. This helped me to reach the level of creating a professional looking website design. If you just ignore everything that everyone is saying to actually help you, then you are just going to be on the same level of learning. I mean, hey, everyone has started out with a shocking website design when they first started to do website design, it's just that some people learn to take critique and learn from it to help boost their website design and programming skills. I am saying this because if you are on the same level as you are now in a few years time (which is quite likely, as you do not accept critique well), then your client may actually borwse the internet and find the website of another website designer, take a look at their portfolio and see that it is to more a professional standard than yours, then they may cancel their work with you...leaving you with wasted time, which you could have used to develop your skills. Now, here is my critique for the new design you have done... - Typography. Shocking. You have onyl used one font throughout your whole design. A good professional website design has at least two or three fonts used within the design. - Spacing. I see that there is loads of inconsistent spacing within the design. Inconsistent spacing can lead to users not being able to find content easily enough...which could lead to users leaving the website altogether. The spacing at the bottom of the footer depends on which page you are on at that moment, the home page seems to have a larger gap in between the footer text whereas the other pages have little space there. - Alignment. Your navigation stretches across all of the page, you main content is in the middle, and your footer is also in the middle but it is wider than the main content of your page. Alignment issues like this make a website look tacky and unprofessional. General things... - Loading screen. From a users point of view, I find that loading screen in between browsing pages on the website annoying. It would be alot better and also alot quicker if you removed this. From a developers point of view...it has no real use whatsoever apart from making people wait even longer to view pages on your website. - Sign in button. Why have you made it span across the whole of the page? Also why have you put it at the bottom of the page, rather than the top? Another things...if users have to sign in to the website, this sometimes means (but not always) that they have to sign up to the website...if they do for this website...why isn't it displayed? the sign in button would be better off at the top where users can almost instantly see it if they need to sign in. - Little black dots. Why are there little black dots behind all of the main content in the website design...it doesn't really have a use...apart from maybe the developer side of it, which is really doesn't have a use also. - Facebook. I have noticed in your navigation that a facebook image is a link at the left hand side of your navigation...why is it in the navigation of the website? It would be better off if you put something within the main content of the website, saying that you can find them on facebook. It was this quote from the website that also caught my attention... Surely if the company has been around for 36 years, then company derve a website that is professional? I hope you actually take my advice as well as other members points, so that it can help you create more professional website designs...which can create you more clients as they will see how good your work is, but if you stay at this level...you won't. That is all.
  14. lostprophetpunk
    I wouldn't choose either. This is because with the PS3, for the amount you pay for it...you could build a pc that could run higher quality games on it. I did have an xbox, but after a year and a half I got the three red lights... So now the only consoles I own are by nintendo...a wii, ds and n64...which I prefer to have instead of an xbox or ps3.
  15. lostprophetpunk
    You might want to sort out the 404 error when clicking the link in your first post.
  16. lostprophetpunk
    I'm afraid that you can't because of three things... 1. It is not finished yet (I have some more admin features to do) 2. I haven't worked on it for a while as I have to get the design for the website finished to my satisfaction 3. It was only meant for me as I didn't want to cheapen my site with an already made cms.
  17. lostprophetpunk
    I have never used a cms like drupal etc on my website...and I never will. I have made my own cms for my website. @pixelMauler: I will keep the email link there, as it is not causing any problems. I will remove the blur from the logo. The navigation is quite visible there and I am leaving it as it is. Thanks for the feedback people.
  18. lostprophetpunk
    The navigation does have some hover style...just not much...which is how I wanted it. On the portfolio page, when I have got around to it, I will add headings to categorise the content. Also, yes...the content will be isplayed within the two columns.
  19. lostprophetpunk
    I have been working on a new design and I was wondering if it needed any improvements or anything like that. Note: The 'Blog' and 'Contact' links do not have a page just yet, as I am working on their design still. Anyway, here is the index page, and here. Hope you enjoy it.
  20. lostprophetpunk
    First of all, can you please say that you wanted some help in actually coding a form like this, and what have you tried already? Do not really rely on other members to code it for you, as the whole point of helping is to help when you come across a problem of actually trying to do something... I have come up with some code for you, but it's up to you to tweak it to your needs. #form { width: 400px; margin: 0 auto; } #left-side { width: 200px; float: left; } #right-side { width: 200px; float: right; } #form input,select { margin-bottom: 10px; } <div id='form'> <form name='yourformname' action=''> <div id='right-side'> <input type='checkbox' name='example' value='delivery' />Delivery<br /> <input type='checkbox' name='example' value='eat-in' />Eat-in<br /> <input type='checkbox' name='example' value='wifi' />Wi-Fi<br /> <input type='checkbox' name='example' value='buffet' />Buffet<br /> <input type='checkbox' name='example' value='tv' />Tv<br /> <input type='checkbox' name='example' value='parking' />Parking<br /> <input type='checkbox' name='example' value='catering' />Catering<br /> <input type='checkbox' name='example' value='take-out' />Take Out </div> <div id='left-side'> Name: <br /> <input type='text' name='name' /><br /> Zip Code: <br /> <input type='text' name='zipcode' /><br /> County: <br /> <select name='county'> <option value='Bronx'>Bronx</option> </select><br /> Type of Food: <br /> <select name='food-type'> <option value='spanish'>Spanish Food</option> </select> </div> </div>
  21. lostprophetpunk
    You can use paragraph tags and float. p.left-text { float: left; width: (the number you put here must be less than half the width of your div); } p.right-text { float: right; width: (the number you put here must be less than half the width of your div); } <div id='nameofyourdiv'> <p class='right-text'>Right Text</p> <p class='left-text'>Left Text</p> </div> I have tested the code and it works.
  22. lostprophetpunk
    I was thinking over that part when I finished it, it's mainly because I am not sure what else I can use to fill the gap between the nav and the bottom of the header. @nadeemshafi9. Thanks so much for the feedback.
  23. lostprophetpunk
    I would like to know what you think of this new design. The design has yet to be coded... View Design Hope you like it.
  24. lostprophetpunk
    It's a good and simple design, but it needs a bit of iimproving... - Validation. Your CSS is valid, but you have 86 errors for the markup validation. Do not really display that you have valid xhtml when you don't. - Creative Commons License... /* Template Design by TheWebhub.com http://www.thewebhub.com Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines */ Surely there should be a visible link on your pages to the license? Also, if you post it in here without saying it was a template...it's technially claiming it as your own work. (As not everyone would look at your CSS code to see it has a creative commons license. -Typography. I can only see 'Tahoma, Arial, Helvetica, sans-serif' in one line of code for the 'body'. It makes the page look like it uses all the same font family. Maybe mix it up a little by using a different font for headings and another font for body text. I think the line height is too big, and should me moved to 21px...but that is just my opinion for line height. Here are some general things... - It looks odd with the straight white background, and then the roundness of the header and footer...maybe make that rounded as well. - There is no real need to display the amount of visitors on your page, as it makes it look tacky. Also...why tell the visitor their IP address? - Give some style to your contact form...it's plain and boring at the moment. You can also create a nice looking form with divs rather than tables, but either way is fine. I hope this has helped you in some way.
  25. lostprophetpunk
    If you didn't actually realise it by now, I am trying to help you build a better website. It's just at the moment, your website looks like it was put together in about 5 minutes. If you do not have a good website yourself...then how do you expect users to have the perception that you can create good enough webdesign. I am not saying you are a huge site, but the things I have mentioned help users stay on your website...so you get business. Just look at Smashing Magazine for example...it's a simple design...but it uses nearly all of the things I have mentioned. If things are presented well, then users will interpret you as a person being able to create a good enough webdesign for their needs. You can actually get some useful advice from all of the people that have critiqued your design, or you can ignore it. But the only way you can push the boundaries or design (creating something unique etc), is to know what those boundaries are...so you can experiment. You have to weigh up the functionality and design of the website to help the user have a pleasant experience. Maybe this could help you. (If you decide to take the information in)
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.