making a new website / portfolio

Rhinokey · Aug 2006

http://www.tmhunt.com

started putting this together this weekend, i'm verry novice at html so theres going to be nothing fancy, would like some comments on style and color choices i made, i'm verry pleased withthe way it came out. the portfolio now is just in its earliest stage,, still have not settled 100% on how i will display the art,

Wells · Aug 2006

I love it. Wish it was mine.

Someone's bound to come in and tell you to change it to css, but I figure if it gets the job done...

the top banner looks very GTA-ish, what witht he palms and font style. thats not a bad thing, just... a thing.

now put more work up.

Tulkamir · Aug 2006

I'm with Sectaurs, I wish it were mine. Great stuff.

And yea, doesn't matter if you are great with html or css or whatever, as long as it works.

Rick Stirling · Aug 2006

Looks good, nice contrast.

While it is this simple stage, it'd be REALLY easy to convrt this to a tableless XHTML and CSS site.

I know I bang on about this with EVERY portfolio site posted, so I thought...

How about I do it?

I could change your site for you, and document the process so that everyone would see just how simple it is?

Rhinokey · Aug 2006

rick that would be awesome, i warn you tho,, what i have is probably done completley the wrong way

what would be the advantage in that tho? i really know squat about this stuff, would it still look exactly the
same, and work the same?

future plans was to make the portfolio images pop up in their own window and have them close if you click anywhere on them

Snowfly · Aug 2006

oi rick how about doing my site too?

nah just kidding, but i will await that process document.

nice look and feel rhinokey. very snazzy.

Chai · Aug 2006

stylish, yet simple and to the point - exactly how a portfolio site should be, well done

as for the design, why am i filled with the feeling of ganja ... hmmm ...

Rick Stirling · Aug 2006

It will look exactly the same, but be supercool.

css and html mixed speed up the site - one file is downloaded to control all the colours, fonts, images etc., and this is used on every page.

The advantage of using css is that you totally separate the content of the website (your art, resume, news) from the look. This means that at any point in the future when you want to redesign the site, all you need to is edit one file and the entire site changes.

In reality , it's a bugger to make it that customisable, but it can be done.

Want to see this in action? Click any of the designs ont he rights of this page:

http://www.csszengarden.com/

The site html is 100% identical, but each stylesheet changes the look of the site.

I'll get started tonight after work.

Tulkamir · Aug 2006

if this is as easy as you say, I can't wait to see how you do it rick.

Penzer · Aug 2006

looks rad man, how long did it take to get it to that point?

Tulkamir · Aug 2006

Oh, one critique on the graphics, not sure about other resolutions, but on mine the top kind of ends apbruptly. It's not a big thing at all, but if you were to some how close it off rather than just have it end I think it'd look a bit better. :P

Still awesome though.

Rick Stirling · Aug 2006

Ok, I made a start.

http://www.rsart.co.uk/content-portal/css-redesign/

On looking at the site, I think that the black line surrounding the menu and the black line surrounding the content box would look better if they had the same weights, but it's not my site

Anyway, back to work.

Rick Stirling · Aug 2006

Oh, and dont forget to leaves comments on the page itself - there's a comment box at the bottom.

doc rob · Aug 2006

looks great Rhino

Wells · Aug 2006

offtopic: Rick, I love the background pattern on your site.

Jeremy Lindstrom · Aug 2006

be sure to scale down your images a bit the spaceship one on the current website is about 400k for one image. Looks like a good start though!

notman · Aug 2006

[ QUOTE ]
offtopic: Rick, I love the background pattern on your site.

[/ QUOTE ]
Which one?

Wells · Aug 2006

[ QUOTE ]
[ QUOTE ]
offtopic: Rick, I love the background pattern on your site.

[/ QUOTE ]
Which one?

[/ QUOTE ]

arg! I've been made to look the fool. Damn your css wizardry, rick!

poopinmymouth · Aug 2006

Nice one. I'm digging the colors and layout. Simple, to the point. Right now you wouldn't gain too much from converting to CSS, but as your page grows, the benefits of having it CSS would grow too. I used these two sites to help me figure out CSS, as well as the Dreamweaver help file (which is awesome).
http://www.yourhtmlsource.com/stylesheets/
http://www.westciv.com/style_master/hands_on_tutorial_sm/

Rick Stirling · Aug 2006

[ QUOTE ]
[ QUOTE ]
[ QUOTE ]
offtopic: Rick, I love the background pattern on your site.

[/ QUOTE ]
Which one?

[/ QUOTE ]

arg! I've been made to look the fool. Damn your css wizardry, rick!

[/ QUOTE ]

Its not really wizardry

All that I did was to create a folder with several backgrounds in it, and instead of pointing to a specific image, I pointed instead to a file called rotate.php:

background-image: url(../rsartv3/sitegfx/backgrounds/main/rotate.php);

the contents of that file are simple script that randomly picks an image from the folder it resides in. I'd post the source but it's 90% comments. It's easy to find on the interwebulator with Google.....or on my site since I posted the location to it.

conte · Aug 2006

Hey rhino, nice webbsite=) i like it.
But i don't like only one picture in portfolio

Rick Stirling · Aug 2006

More done.

You can compare the 2 sites in 2 tabs and flick:

http://www.rsart.co.uk/tmh/
http://www.tmhunt.com/

And read how I got this far here:

http://www.rsart.co.uk/content-portal/css-redesign/

SkullboX · Aug 2006

Excellent portfolio site. Clean, good looking, easy to navigate and no bullshit pages. I'd personally replace the information in home with just a quick bio rather than pretend you're ever going to update it with any 'news'.

I know the artwork there is just a test, but I'd make the thumbnails bigger. Kickass looking dropship, by the way.

Rick: You might be updating right this second, but your version of the site only displays the header, no buttons or links. (I'm on IE)

Rick Stirling · Aug 2006

Skull - did you read this:

http://www.rsart.co.uk/content-portal/css-redesign/

SkullboX · Aug 2006

Well...

no

...but comparing the two, there are obvious differences you know. :P

Rick Stirling · Aug 2006

i'm off to a gig, but I've doen some more work.

Read all about it here.

http://www.rsart.co.uk/content-portal/css-redesign/2/

If ANY part doesn't make sense to anyone, let me know and I'll explain it more - the point is that this is going to a resource to see how easy it is to make the switch.

Rhinokey · Aug 2006

awesome job rick,, again thanks,

Penzer: worked in it a bit on friday after work, and then most oe sunday afternoon into sunday nite

Rick Stirling · Aug 2006

Page 3 is now up with some real meat on there - embedding other files into your design, and a start on the navbar

http://www.rsart.co.uk/content-portal/css-redesign/3/

I need to remove the background colours from the link buttons which is easy, unless of course you have a PSD before they were flattened?

Rhinokey · Aug 2006

rick send me an email to thunt at mythicentertainment dot com. and i'll send you the psd of the site

Rhinokey · Aug 2006

i've sent that psd 2 times first one bounced back, said full mail box, whats the limit on your mail?

Rick Stirling · Aug 2006

a million gillion gigs. Or 10ish.

No idea what is happening, my gmail is RIsForRick@googlemail.com - that should get through

Calpol time

Rick Stirling · Aug 2006

Oh, please don't abuse that email address to send me dirty asian lesbian schoolgirl bondage porn.

I only have 2 gigs of storage, and I don't want it filled with dirty asian lesbian schoolgirl bondage porn.

That's dirty asian lesbian schoolgirl bondage porn that I'm not wanting.

A little bit would be ok.

cochtl · Aug 2006

so...does that mean that we can send you dirty asian lesbian schoolgirl bondage porn?

Rick Stirling · Aug 2006

All done (in a converting tables to css way)!

http://www.rsart.co.uk/tmh/

Read how this was done here:

http://www.rsart.co.uk/content-portal/css-redesign/1/

And pass on the link.

sinistergfx · Aug 2006

But now you've got part of the design defined in a place other than the style sheet (the images for the nav buttons).

Kinda defeats the purpose.

I'll expand on this later.

Rick Stirling · Aug 2006

Eh? I called the images nav_active and nav_hover.

If Rhinokey was changign the look of the site he'd need to edit the background images, masthead images etc. Now he alos gets to update the active and hover.

Rhinokey · Aug 2006

sweet stuff rick, i'll check it out when i get into work tommorow, thanks!

Rhinokey · Aug 2006

well i unzipped the stuff you sent me and uploaded it to my host,, but aparenlty theres special stuff i have to do to make it work... i was kinda scared of this.. kinda like giving a computer to a retard, i'm sure its awesome,, but i have no idea how to work it.. guess i need to do some learning...

www.tmhunt.com that what i get just uploading the files you sent

Rick Stirling · Aug 2006

I would guess that it is all to do with folders. I tested the site in a folder off my sites root that I called tmh.

Therefore in the index,shtml, the inlcude file should lose the tmh, and in the stylesheet you'd need to check all the image urls too.

I can see that it pulled in the latin text content file - if you edit the localcontent.inc file, you will see that updates. You get the bit [An error occured...] becuase again the navigation file that it is trying to pull in has got tmh in the pathname.

Or you could give me all your logins and passwords. And bank details

making a new website / portfolio

Replies