[QUOTE=Exclusive;38446195]Jelly what do you think??[/QUOTE]
You could use more margin-bottom on the subheadings (Who are we, What is F1 in Schools, etc), you also misspelt Gall[B]e[/B]ry in the navigation.
[QUOTE=Proffrink;38446220]Well, I live in Doha, Qatar but I did partake in F1 for schools back in Dubai...
[img]http://img528.imageshack.us/img528/8302/75a58356e1a149e2bf2317c.png[/img]
I think your logo needs to be a lot smaller. At least adjust the kerning so that it's not so long.
That said, you might need to throw something in the right there to balance it out. Perhaps if you have some social media accounts? [i]*shudders*[/i]
[img]http://img402.imageshack.us/img402/9011/57031086fa664247a8c15e0.png[/img]
Erm, I think you could really benefit from a side-bar or some other content to break this thing up on the right hand side. Full-width content (not being used in a blog) rarely looks right in my eyes.[/QUOTE]
Thanks. How would you suggest I do the side bar?
[editline]14th November 2012[/editline]
[QUOTE=Jelly;38446257]You could use more margin-bottom on the subheadings (Who are we, What is F1 in Schools, etc), you also misspelt Gall[B]e[/B]ry in the navigation.[/QUOTE]
Grammar mistakes everywhere. Thanks. Also what about the design.
[QUOTE=Exclusive;38446268]Thanks. How would you suggest I do the side bar?[/QUOTE]
Do you mean in terms of layout or what you'd put in it?
I'm guessing you guys will have some photos to show off some time or another, so it might be worth displaying a few of them on the right there if that's your home screen.
Honestly though, with a website that has very little varied content, you should consider reducing the entire content area width to something more manageable. Right now you're using 80% of my monitor width, and it's making the whole website feel very empty.
Right. In terms of layout as well how would you suggest I do it?
Cheers.
[editline]14th November 2012[/editline]
Excuse all the grammar mistakes. I was rushing the night before the competition to get something done.
[QUOTE=Exclusive;38446308]Right. In terms of layout as well how would you suggest I do it?
Cheers.[/QUOTE]
Well before you do that, try centring the entire page. Right now it's just pushing itself off the left edge.
margin:0 auto; is your friend here - create a div that surrounds all your content and apply that tag. It'll bring everything into the middle. You should probably be doing the same for your title and logo.
If this seems a little confusing it's just because I really think you should be narrowing your content width and to do that you're going to need the whole thing properly centred.
Unless I've totally missed the point and you specifically want this to be 20% off the left edge of the page, in which case I apologise :)
[QUOTE=Proffrink;38446356]Well before you do that, try centring the entire page. Right now it's just pushing itself off the left edge.
margin:0 auto; is your friend here - create a div that surrounds all your content and apply that tag. It'll bring everything into the middle. You should probably be doing the same for your title and logo.
Unless I've totally missed the point and you specifically want this to be 20% off the left edge of the page, in which case I apologise :)[/QUOTE]
Ok. I'm fixing stuff up on localhost before uploading to the site. I have done that, I'm just about to reduce the logo size now.
Updated a tiny bit. [url]http://exclusive1.asia/demiurge/[/url]
Still not sure as to how I would layout that 'side bar' Proffrink suggested.
Just turn the main content body into a simple two column layout then adjust as appropriate. You'll probably want your sidebar to be around 20-30% of the entire thing.
Ok, cool thanks.
[editline]14th November 2012[/editline]
[QUOTE]Having trouble converting my current code to the two column layout. Unless I was to recode the most part I think?
[editline]14th November 2012[/editline]
This is what I keep getting: [url]http://exclusive1.asia/Capture.JPG[/url]
With the CSS of:
#content {
padding-left:10%;
width:30%;
}
#content2 {
float:right;
width:30%;
}
Content 2 is the bottom text part.
I have tried negative margin-top. Nothing. I have no idea as I have never tried to use two divs together before.[/QUOTE]
Fixed it, well for my screen resolution anyway. Haha.
[url]http://exclusive1.asia/demiurge/[/url]
I've been quite busy with school and such, I did however do this in the last two days when I had spare time.
[thumb]http://ezyimg.com/view/K4M54m[/thumb] [thumb]http://ezyimg.com/view/830Afr[/thumb]
Alternatively you can view it online, should work on most if not all resolutions. Mobile ready. [URL="http://beztdesigns.com/developer/facepunchv2"]Facepunch[/URL] Content is real-time data by Hexxeh's API.
[QUOTE=kragmars102;38447067]I've been quite busy with school and such, I did however do this in the last two days when I had spare time.
[thumb]http://ezyimg.com/K4M54m.png[/thumb] [thumb]http://ezyimg.com/830Afr.png[/thumb]
Alternatively you can view it online, should work on most if not all resolutions. Mobile ready. [URL="http://beztdesigns.com/developer/facepunchv2"]Facepunch[/URL] Content is real-time data by Hexxeh's API.[/QUOTE]
Links are broken.
[QUOTE=SataniX;38447100]Links are broken.[/QUOTE]
They are not meant to work? Well I don't think they are.
They aren't suppose to work, it's just the homepage.
Oh, that's why.
[QUOTE=kragmars102;38447067]I've been quite busy with school and such, I did however do this in the last two days when I had spare time.
[thumb]http://ezyimg.com/K4M54m.png[/thumb] [thumb]http://ezyimg.com/830Afr.png[/thumb]
Alternatively you can view it online, should work on most if not all resolutions. Mobile ready. [URL="http://beztdesigns.com/developer/facepunchv2"]Facepunch[/URL] Content is real-time data by Hexxeh's API.[/QUOTE]
Try putting those icons 2 or 3 pixels down
[img]http://puu.sh/1q5Nf[/img]
Thanks I forgot I changed the icon [B]sprite[/B], I'll fix it :)
[QUOTE=kragmars102;38447492]Thanks I forgot I changed the icon sprint, I'll fix it :)[/QUOTE]
Sprint?
Sprite or am I missing something? :S
You're right, sorry. :)
It's ok. I'm not being a Nazi, I just thought you might be talking about something I wasn't aware of :D
[QUOTE=Exclusive;38445928]Hey guys, can I have some constructive feedback on how to make a school project website look a little better?
[url]http://exclusive1.asia/demiurge/[/url]
Fire away.
I know. The footer needs work.[/QUOTE]
[t]http://puu.sh/1q94i[/t]
[QUOTE=D:\;38449610][t]http://puu.sh/1q94i[/t][/QUOTE]
Good advice.
May I add that you should be seriously considering reducing that page width to 700px or so. You simply do not have enough content to fill a whole 1000+px.
As for the social icons, try the [url=http://icomoon.io/#icons]Icomoon free icon pack[/url] - there are icons in there for everything, and they're royalty free so are safe to use for development so long as you're not re-selling this website. A dark grey, light or dark green may work best, but try not to have them totally black as they'll look out of place.
And I still think your logo is far too long - although really this is just a matter of opinion that I'm not sure others would share, so feel free to ignore me on that :)
It's looking much better, but obviously that second column needs fixing. I've not checked any of your markup but from here it seems the problem is that you're still not aligning the thing horizontally using the margin:0 auto; attribute and are instead using a margin from the left with a percentage value.
-snip-
[QUOTE=D:\;38449610][t]http://puu.sh/1q94i[/t][/QUOTE]
Thanks! I knew the sidebar was going to be hackey as I was going be negative pixels and on my screen it looked fine.
What font would you sugge
est I use?
I will fix it up when I get home.
[editline]15th November 2012[/editline]
[QUOTE=Proffrink;38452167]Good advice.
May I add that you should be seriously considering reducing that page width to 700px or so. You simply do not have enough content to fill a whole 1000+px.
As for the social icons, try the [url=http://icomoon.io/#icons]Icomoon free icon pack[/url] - there are icons in there for everything, and they're royalty free so are safe to use for development so long as you're not re-selling this website. A dark grey, light or dark green may work best, but try not to have them totally black as they'll look out of place.
And I still think your logo is far too long - although really this is just a matter of opinion that I'm not sure others would share, so feel free to ignore me on that :)
It's looking much better, but obviously that second column needs fixing. I've not checked any of your markup but from here it seems the problem is that you're still not aligning the thing horizontally using the margin:0 auto; attribute and are instead using a margin from the left with a percentage value.[/QUOTE]
Alright. Thanks for all of that. I will also attempt this when I get home.
[QUOTE=Exclusive;38453104]Thanks! I knew the sidebar was going to be hackey as I was going be negative pixels and on my screen it looked fine.
What font would you sugge
est I use?
I will fix it up when I get home.
[editline]15th November 2012[/editline]
Alright. Thanks for all of that. I will also attempt this when I get home.[/QUOTE]
[URL=www.google.com/webfonts/specimen/Open+Sans]Open Sans[/URL] or maybe Myriad Pro are both good.
Also, looking at your source, it's a huge clusterfuck :v:. Indent your code nicely, I recommend using 2 spaces for indenting. And...
[img]http://puu.sh/1qgWD[/img]
oh god
Also...
[img]http://puu.sh/1qgTe[/img]
[QUOTE=D:\;38454118][URL=www.google.com/webfonts/specimen/Open+Sans]Open Sans[/URL] or maybe Myriad Pro are both good.
Also, looking at your source, it's a huge clusterfuck :v:. Indent your code nicely, I recommend using 2 spaces for indenting. And...
[img]http://puu.sh/1qgWD[/img]
oh god
Also...
[img]http://puu.sh/1qgTe[/img][/QUOTE]
Cheers. I haven't adapted it to different screen resolutions. I should of.. but haven't.
I'll have to fix it up most likely tomorrow some time as I won't have time tonight.
Working on a school project, desktop & mobile size. [url]http://users.turkuai.fi/users/jlehtine/projekt/[/url] still needs some fixes with fonts and text placing
[QUOTE=j4NZKUE;38458678]Working on a school project, desktop & mobile size. [url]http://users.turkuai.fi/users/jlehtine/projekt/[/url] still needs some fixes with fonts and text placing[/QUOTE]
Looks great. Seems like overkill for a bicycle shop to me.
[QUOTE=j4NZKUE;38458678]Working on a school project, desktop & mobile size. [url]http://users.turkuai.fi/users/jlehtine/projekt/[/url] still needs some fixes with fonts and text placing[/QUOTE]
-> Holy moly that is one huge nav.
-> The buttons look off, I think you should rethink the style of them. And IMO buttons in that sense don't really fit in a nav nicely. But if you like buttons, make it so they do something on hover and click.
-> Also, in your "Hello" div, I think there is too much white space.
Looks damn good overall. Loving the background.
Here's a mockup I'm working on for school. Any feedback?
[IMG]http://i45.tinypic.com/ak945l.png[/IMG]
[QUOTE=Eric95;38459566]Here's a mockup I'm working on for school. Any feedback?
*img*[/QUOTE]
Looks windows 8 ish.
Try placing the social buttons under the video it will look more organised.
[editline]15th November 2012[/editline]
Finally finished my RCON! It supports Source games/Minecraft.
[url]http://status.liberumgamers.net/rcon/[/url]
[img]http://i.imgur.com/BfZsh.png[/img]
[QUOTE=kragmars102;38447067]I've been quite busy with school and such, I did however do this in the last two days when I had spare time.
[thumb]http://ezyimg.com/K4M54m.png[/thumb] [thumb]http://ezyimg.com/830Afr.png[/thumb]
Alternatively you can view it online, should work on most if not all resolutions. Mobile ready. [URL="http://beztdesigns.com/developer/facepunchv2"]Facepunch[/URL] Content is real-time data by Hexxeh's API.[/QUOTE]
Looks great, but please please please use the proper Facepunch logo!
This should be big enough for what you need in all its transparent glory...
[IMG]http://meta.filesmelt.com/downloader.php?file=fp12.png[/IMG]
Sorry, you need to Log In to post a reply to this thread.
