jamiemcuk

Hey, I'm a student currently studying A-Levels in Northern Ireland. I have enjoyed using image manipulation programmes (Gimp then Photoshop) for the past 6-7 years. A few months back I started learning HTML and CSS and now feel confident writing in them. I want to start earning through freelance work in my spare time and build up a portfolio for applying to do Interactive Media in University. I plan on getting clients by offering cheap prices for making websites but I have no idea how much to charge. There are agencys over here charging £2,000 upwards for disgusting looking sites. I can't develop powerful sites but I do have a good eye for design and revising them until they look the part. So for a 5-10 page website purely built with html5 and css3 (php snippets for contact form) how much should I charge to beat the competitors but not under sell my services. Thanks, Jamie

Thanks. Im going to add a portfolio, about, contact etc to it and make it a single page site.

Got it all sorted now

Sorry for the late reply, I appreciate the help and from this I realise I need to design for the target audience, the customers. But what exactly do they want? I know what designers want as they inspiration blogs are pasted all over the net but what does an actual potential client want to see in terms of design. I can see content wise now what they want. Also to 4li4s, I suppose I wanted to go flat for personal preferences, but I realise now I need to design around my clients (there aren't any obviously but hopefully in the future ) . I know what you mean about customers not knowing if a button is a button haha, I've spent a lot of time myself hovering over what appears to be a button.

I use chrome too and thats what it looks like for me haha. I don't notice any problems with it lol.

Thanks. The logo isn't a vector, I whipped it up in 1min in photoshop. I just needed something satisfactory to be there for a while. As for the logo quality I don't know why it isn't crisp for you as it is sitting perfect on my screen, could be cross browser problems as I recently noticed the background image doesn't sit right on IE. I actually never though of converting this site to a flat design, was going to start from scratch so thanks for that. I totally agree with the fonts, I will update them to something more appropriate when I convert to flat. All I need is to win the lottery and get Proxima Nova .

Ok so this is the very first full website I have ever built. Its my personal website portfolio but the portfolio page is still to be done, I've just lost motivation in this site and want to move to a flat design. Anyway any comments or feedback would help me a lot, also big thanks to throzen for some help with it. After this project I have learnt so much and that is good enough for me. Thanks. The website: www.jamiemcardle.com

This page gives you codes and instructions to all social plug-ins for facebook, and can be modified to suit your needs: https://developers.facebook.com/docs/plugins/ The twitter widget timeline can be done a similar way via the widget menu on the account settings. - Jamie

Hey! I was wondering if you guys would do me a favour and help me identify what CMS is used on this website. www.ilovebass.co.uk Thanks very much!

I think I will go with that idea yes

I've started designing a website that lets people submit photos (can't give away the type of photos, its what makes the site unique) and when someone comes onto the website they see an image and button below, the button below chooses another photo at random from the folder of images. Now my problem is I need to know how to get the button to choose a random image from the folder. When someone uploads an image it goes straight to the folder. I obtained the javascript code below from an online source and its got the general idea of what I need but I don't know how I could modify it to suit my needs. <script> <!-- /* Random link button- By JavaScript Kit (http://javascriptkit.com) Over 300+ free scripts! This credit MUST stay intact for use */ //specify random links below. You can have as many as you want var randomlinks=new Array() randomlinks[0]="http://freewarejava.com" randomlinks[1]="http://javascriptkit.com" randomlinks[2]="http://dynamicdrive.com" randomlinks[3]="http://cnn.com" randomlinks[4]="http://www.geocities.com" function randomlink(){ window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)] } //--> </script> <form> <p><input class="newimage" type="button" name="B1" value="New Image" onclick="randomlink()"></p> </form> This script requires you to type in all the images you want it to choose randomly, since there will be a lot of images on the site and people will be constantly uploading them I can't link individual files, I need it to choose any photo that is in the folder. Anyone help me? It would mean a lot. Thanks, Jamie Mcardle

I photoshoped a screenshot of the webpage, then inserted what the page would look like if I put my own button design there. The recommend one is should be there .

Hello, not sure if I'm in the right section but yolo. Ok so the idea hit me a few days ago that I could speed up the process of sharing a post or page with a friend by cancelling out the little window that comes up or the click on sites like www.businessinsider.com. So the user basically just typed their friends name in to the box and hits enter. Bam! Its shared. So what I am asking is how would the button work, I have a decent understanding of html and css. I want to learn new languages as well and this project will help me do just that. How would the button connect to their Facebook? How would it get access to their friends list? etc. I know I am practically shooting myself in the foot by posting this idea online but anyway, would is it even an idea worth developing further, I just personally feel it would be a beneficial element to anyway webpage and would work very efficiently. I have attached some quick, sloppy and rough mock-ups of how it would potentially look. Any help would be appreciated. Thanks, Jamie Mcardle

I'll make sure to link you it

Thanks very very very much lol. Much appreciated.

Thank you very much, one last thing, how can I spread out the different links in the navigation bar?

Emm yes please

Thank you so much, you've helped me alot, only problem is I wanted only the background and background 2 divs to be transparent, not the content inside eg. navigation bar, header and welcome. Any ideas how to have them at full opacity?

Ok so I am writing a site to enhance my poor knowledge of html and css. The plan was to have a background image and then put translucent divs over it with the background image being fixed. I have successfully done the background part but when I move the main content divs they drag the banner that contains the name and navigation bar with it. Any help with this irritating issue. If anyone could help me have the navigation banner at the top of the page (about 60px from the top) and center; the content 2 div just below it, centered with a width of 960px with the "Welcome" and loremipsum in side it I would be so happy. Thanks. Here are the codes . . . <!DOCTYPE html> <html> <head> <title>Yijian Jin - Home</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="C:/Users/user/Documents/WebDesign/Project/globalstyles.css " /> <link rel='icon' type='image/ico' href='/favicon.ico'/> </head> <body> <div class="container"> <div class="content"> <h1>Yijian Jin</h1> <ul> <a href="/Index">HOME</a> <a href="/About">EDUCATION</a> <a href="/Work">LOVED ONES</a> <a href="/Blog">HOBBIES/INTERESTS</a> <a href="/Contact">CONTACT</a> </ul> </div> <!-- content --> <div class="background"> </div><!-- background --> </div><!-- container --> </div><!-- banner --> <div class="container2"> <div class="content2"> <h2>Welcome</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p> </div> <!-- content2 --> <div class="background2"> </div><!-- background2 --> </div><!-- container2 --> <img src="http://www.powerplayrealty.com/uploads/Image/beach.jpg" id="beach" /> </body> </html> body { margin:0 auto; padding:0; } .container { position:relative; margin-top:60px; } .content { width:960px; position:relative; z-index:2; margin:0 auto; padding:0; } .background { position:absolute; width:100%; height:80px; background-color:Black; z-index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:.5; } h1 { float:left; font-family:calibri, sans-serif; font-size:20px; color:#dedede; letter-spacing:-1px; margin-top:25px; } h1:hover { color:#fff; } ul { float:right; margin-top:29px; } ul a { display: inline; width: 33.3%; text-decoration:none; font-family:arial, sans-serif; font-size:12px; color:#dedede; } ul a:hover { color:#fff; } #beach { z-index: -999; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; } .container2 { position:relative; margin-top:300px; width:960px; } .content2 { position:relative; z-index:9; margin:0 auto; padding:0; } .background2 { position:absolute; width:960px; height:300px; background-color:Black; z-index:1; margin:0 auto; padding:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:.5; } h2 { font-family:calibri, sans-serif; font-size:20px; color:#fff; letter-spacing:-1px; margin-top:25px; } p { font-family:calibri, sans-serif; font-size:14px; color:#fff; letter-spacing:0px; margin-top:25px; }

Ok so I am trying to space each individual link in my navigation bar. Up until now I have only used 1 word links but now a client wants a "Loved Ones" link in the navbar, so the word-spacing in css understandably spreads out those two words. I was wondering how I can evenly spread the links in the navigation bar without spreading the individual words. Thanks.

Thanks a lot. I was planning on linking the logo and the blue is a little bright. Haha I was wondering why the #info in css wasn't doing anything so thanks for noticing the bug. How would I do the rollovers in css and the center in css? I haven't made the favicon yet so thats why it's not linked right and ill make sure to research the <ul> and <li> tags as I do not understand them yet. Thanks a lot for your advice.

So I have just started to write my first proper website and have only designed the homepage so far which isn't even finished, nothings even linked yet but I would like so opinions on the look of it so far to see if there is any point continuing on it if its ugly. Thanks. I haven't spell check it yet so don't comment on the atrocious SPG. The site is http://www.jamiemcardle.com/

Lobster 1.4 if i'm correct :?, need to change the font and change the red to a less saturated or darker red, its blinding me lol. Other than that very nice :tv (2): .

There is also Carbonmade and Cargo, Cargo lets you choose from a variety of templates and even use your own domain name but this costs to upgrade to, Carbonmade looks very unprofessional to me and doesn't stand up to the likes of Behance.

skype = jamiemcuk