Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by ipkjooo

  1. Yeah, probably the free hosting company doing that, and thanks :)
  2. Dsavi, you mean the scroll between images ye ? And LB, I havent optimized for safari yet, probably defaults to the wrong text for me, ill just up the width of the bubbles slightly Menu is still very rough, just added the list of pages, havent coded them, their areas, or their scrolls yet Ty for all the feedback
  3. Howlin, what browser are you using ? And why LB?
  4. So you guys may remember the orange-ish site I posted a while ago, I've been working on the coding of it for quite some time and would appreciate some feedback :) (both on design elements and functionality) www.mattjamieson.vacau.com is the current link Thanks
  5. Yeah, im looking to do something like that, but have almost a teaser of the next image or previous image at the side of the screen, I just cant seem to make it work ><
  6. My site has been in progress for a few weeks now, and I'm working to build my own custom slideshow, but I cant get it quite like I want it. http://mattjamieson.vacau.com/ ^ Link to my site atm If you look through the code, I have it all positioned how I want it, but I dont want the scrollbar at the bottom of the screen, that's the first thing I need help with, second of all, any flaws in my overlay (supposed to be on the image) coding would also be great to know about :) Thanks guys
  7. Great Video, looked awesome :) Very well put together and smooth
  8. And for a first version its quite nice, its simple and to the point, but very nice stylistically. I always envy your nice dark designs, mine never turn out well.
  9. Coding text is unbelievably easy... Copy paste it out of photoshop, and add <p> tags. DONE Dont be lazy, it looks bad to anyone who knows code, when they can drag your big blocks of text around.
  10. Big images for your text blocks :( come on.
  11. The slideshow is going to be a self created slider The clients I hope to attract should be running at least 1024px wide monitors, so that shouldn't be too much of an issue. For the 1 page, do you think I need an intro kind of bubble at the top ? Or move right into projects etc.
  12. I like the warmer color, its more of a problem of what to add :l My sites never look nice with cool colors
  13. Been far too long since I posted here :P pretty much I'm looking for work over the summer, so I need my own portfolio. I have a start on it, now I'm stuck. Help :)? [hide=long :l] [/hide] Need thoughts on whether to have a 1 page site, with all my info below, or just have quicklink'd columns to seperate pages, comments would be awesome :) (Any c&c on the already done sections would be cool too)
  14. Im stuck, help? Ideas/collab, whatever. [hide=] [/hide]
  15. Any suggestions of what to add?
  16. Yeah, I haven't been able to find something that would fit in place for the background :l
  17. The <!DOCTYPE html> Is the new standard for declaring an Html-5 document.
  18. Yes the loadtime is horrible, haven't optimized everything yet as I still need to run it past the client to make sure its all good.
  19. [hide=CSS] /*General Styles*/ html { font-family: Arial, sans-serif; font-size:100%; } body { background:url(../images/bg_splash.png) no-repeat 50% 0; } /*Header Styles*/ #header { background:url(../images/header_bg.png); overflow:hidden; height:31px; line-height:31px; border-bottom: 1px solid #000000; } ul#nav { } ul#nav li { display:inline; } ul#nav li a { float:left; margin: 0 10px 0 0; height:31px; color:white; text-decoration:none; font-size:12px; } ul#nav li a.active, ul#nav li a:hover { background:url(../images/active_page.png) no-repeat 50% 100%; } #search { position:relative; } #search a img { position:absolute; left:68%; top:10%; } /*Slider Styles*/ #slider { min-height:290px; background:url(../images/slider_bg.png); } #slider #logo { margin: 87px 0 0 0; } #slider #image_slider { position:relative; padding: 15px 0; } #image_slider img { border: 5px solid #eeeeee; } #image_slider .caption { position:absolute; bottom:22px; left:5px; width:100%; height:40px; line-height:40px; background:url(../images/slider_caption.png); } .caption h2 { color:white; font-weight:normal; font-size:16px; padding: 0 10px; float:left; } .caption h3 { color:white; font-weight:normal; font-size:16px; padding: 0 10px; float:right; } /*Content Styles*/ #content { font-family:Arial, sans-serif; font-size:12px; background:#ffffff; } #sub1, #sub2, #sub3 { float:left; width:300px; height:270px; margin-top:10px; padding: 10px 10px 10px 10px; background:url(../images/column_bg.png) no-repeat top center; } #content h2 { font-size:14px; padding: 5px 10px 5px 10px; } #content p { padding:5px 10px; line-height:18px; } /*Footer Styles*/ #footer { position:relative; clear:both; color:#aaaaaa; font-size:12px; height:30px; line-height:30px; } #copyright { float:left; } #foot_nav { float:right; } #foot_nav li { display:inline; } #foot_nav li a { color:#aaaaaa; text-decoration:none; } #foot_nav li a:hover, #foot_nav li a.active { text-decoration:underline; } [/hide] The footer isnt what it is there, I have just been too lazy to take a screenshot of what's been coded, maybe I'll upload that later.. And the text logo is more of a placeholder than anything so that will likely change.
  20. Hey guys, long time no see :l Putting up some web stuff I'm getting back into and would like some comments/crtisicm Thanks [hide=BIG] [/hide] Heres the code if anyone cares. [hide= Wide] <!DOCTYPE html> <html> <head> <title>Design Services | Pickering High School</title> <link type="text/css" rel="stylesheet" href="css/reset.css"> <link type="text/css" rel="stylesheet" href="css/960.css"> <link type="text/css" rel="stylesheet" href="css/default.css"> </head> <body> <!-- Start Header --> <div id="header"> <div class="container_12"> <!-- Start Nav --> <ul id="nav" class="grid_8"> <li><a href="#" class="active">Home</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Services</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact Us</a></li> </ul> <!-- End Nav --> <div id="search" class="grid_4"> <input type="text" name="search" value="Search Design Services" size="30"/> <a href="#"><img src="images/search.png" alt="Search"/></a> </div> </div> </div> <!-- End Header --> <!-- Start Slider --> <div id="slider"> <div class="container_12"> <!-- Start Logo --> <div id="logo" class="grid_4"> <img src="images/logo.png" alt="Design Services"/> </div> <!-- End Logo --> <!-- Start Image Slider --> <div id="image_slider" class="grid_8"> <img src="images/slide_img.png" alt="Image"/> <span class="caption"> <h2>"Communication is the spice of life" - John Doe</h2> <h3><strong>1</strong> 2 3 4</h3> </span> </div> <!-- End Image Slider --> </div> </div> <!-- End Slider --> <!-- Start Content --> <div id="content" class="container_12"> <div id="sub1"> <h2>What is it?</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p> </div> <div id="sub2"> <h2>Why should you care?</h2> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here, content here, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for lorem ipsum will uncover many web sites still in their infancy. </p> </div> <div id="sub3"> <h2>Where can you get some?</h2> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which dont look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isnt anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p> </div> </div> <!-- End Content --> <!-- Start Footer --> <div id="footer" class="container_12"> <!-- Start Copyright --> <div id="copyright"> <p>© Copyright Design Services 2009.</p> </div> <!-- End Copyright --> <!-- Start Foot_Nav --> <ul id="foot_nav"> <li><a href="#" class="active">Home</a></li> <li><a href="#">Projects</a></li> <li><a href="#">Services</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact Us</a></li> </ul> <!-- End Foot_Nav --> </div> <!-- End Footer --> </body> </html> [/hide]
  21. Meh, snow just came straight to my head. That's whats supposed to happen, otherwise I'll have endless numbers of answers, when I need to narrow it down to 5 per question. Being unoriginal and straightforward is how this should work :P
  22. Thanks for the correction, but fix the stupid answers please.
  23. Answers for question 1 and 3 are useless .... I cant have answers like that meaning I wouldnt be able to use any of yours, fix it please :l
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.