a couple of things which were quite interesting in the main css for the site was changing things like the colour of hyperlinks. Simple but got rid of the cheesy blue underline. another was setting the all the font standards in the body tag so all the pages looked the same. setting the absolute positions for stuff was also fun (the most frustrating thing ever) especially when playing with z-indexs to overlap. most of this information was found from various online tutorials and loads of google input. Music from ‘Passion Pit - Chunk of Change’

a couple of things which were quite interesting in the main css for the site was changing things like the colour of hyperlinks. Simple but got rid of the cheesy blue underline. another was setting the all the font standards in the body tag so all the pages looked the same. setting the absolute positions for stuff was also fun (the most frustrating thing ever) especially when playing with z-indexs to overlap. most of this information was found from various online tutorials and loads of google input.

Music from ‘Passion Pit - Chunk of Change’

07.12.10

also after MANY, and i mean loads of changes, ive got a scroll bar i like. its simple to suit the rest of the page. i ended up striping down the css and javascript for it as it just wasn’t needed. things for the horizontal bar for instance. also i got rid of the bottom and top arrows as i didn’t think it suited the style. the scroll bar still becomes the right size by itself by repeating the image and i changed th padding slightly so the thumb wasn’t hidden under the y of tiny.

Sweet melodys from ‘Ahu’

07.12.10

the portfolio page. surprisingly not as much effort as some of the other pages for layout, the 3*3 style was easily done, although i did cheat using the image spacers by just using a 1px*1px blue square and changing its size in the html to space the images out. as its such a small image it loads quick and is not noticeable as an image. sneaky sneaky. another thing i done was make a roll over for the images to give a brief description. this is quite a nice effect and the coding fitted in nicely with the lightbox coding. this did mean how ever that the coding for one image became really long, but it all made sense and was easily modified. i did also have the images on a lower opacity using clever css but it looked weird with the blue background. the finished code for one image looked like this;

 <a href=”GBIG/melenie.jpg” rel=”lightbox[port]” title=”Buisness card for Melanie Peek Photography” onmouseout=”MM_swapImgRestore()” onmouseover=”MM_swapImage(‘Image32’,”,’GPNG/melenie_over.gif’,1)”><img src=”GPNG/melenie.png” alt=”Melanie Peak Buisness Card” name=”Image32” width=”173” height=”130” border=”0” id=”Image32” /></a><img src=”PNG/1pxblue.png” width=”10” height=”130” />

pretty epic for such a small pic but its all needed. all the roll overs are also preloaded to make it all run smooooooth.

Couldn’t of done this without hours and hours of ‘65 days of Static’

07.12.10
i made the email (and phone number) pop up like this as if its just a mailto: link it brings up the outlook or some rubbish program no one ever uses. and as i still wanted it hidden i thought the pop up was the best idea.

i made the email (and phone number) pop up like this as if its just a mailto: link it brings up the outlook or some rubbish program no one ever uses. and as i still wanted it hidden i thought the pop up was the best idea.

07.12.10
this page has been so much effort i kinda gave up on making it look right. which is how i came up with the idea of just the two icons. simple and useful. i decided not to put my facebook on there as that would only lead to losing jobs not gaining them i would imagine. the elephant is there to help fill the space. and i like elephants. its my site ill do what i want. Music from the sound track to &#8216;Where the Wild Things Are&#8217; by &#8216;Karen O and the Kids&#8217; 

this page has been so much effort i kinda gave up on making it look right. which is how i came up with the idea of just the two icons. simple and useful. i decided not to put my facebook on there as that would only lead to losing jobs not gaining them i would imagine. the elephant is there to help fill the space. and i like elephants. its my site ill do what i want.

Music from the sound track to ‘Where the Wild Things Are’ by ‘Karen O and the Kids’ 

07.12.10
just been battling with the about page and i still dont think im happy with it. This is about the 7th layout for it. One version had the writing as a convosation between me and th viewer but i just couldnt get this to look right, maybe with the use of flash it will look more convincing. the placement of the image and text also was a problem because of tryin to make the site look to heavy on one side. this is why the heading is white, to help even it out. Another problem i had was choosing the image as i dont have many photos of me where im not drunk or looking stupid so i thank Simon Rawling for this one. admittedly i am drinking and it looks as if ive got a double chin when zoomed out. oh well it looks &#8216;arty&#8217; at least. Pretty much every album under the sun the time this one page took :(

just been battling with the about page and i still dont think im happy with it. This is about the 7th layout for it. One version had the writing as a convosation between me and th viewer but i just couldnt get this to look right, maybe with the use of flash it will look more convincing. the placement of the image and text also was a problem because of tryin to make the site look to heavy on one side. this is why the heading is white, to help even it out. Another problem i had was choosing the image as i dont have many photos of me where im not drunk or looking stupid so i thank Simon Rawling for this one. admittedly i am drinking and it looks as if ive got a double chin when zoomed out. oh well it looks ‘arty’ at least.

Pretty much every album under the sun the time this one page took :(

07.12.10
thought the index page needed some inspirational quote, couldnt think of one myself so i borrowed words from Edwin H. Land, the man who invented the Polaroid camera. the top logo and the &#8216;One of those&#8230;&#8217; are now hyperlinks back to this page on all the pages. ive also changed the postioning of the portfolio button and the about one. just seems to look better this way. &#8216;Gorillaz - Plastic beach&#8217;, good with words 

thought the index page needed some inspirational quote, couldnt think of one myself so i borrowed words from Edwin H. Land, the man who invented the Polaroid camera. the top logo and the ‘One of those…’ are now hyperlinks back to this page on all the pages.

ive also changed the postioning of the portfolio button and the about one. just seems to look better this way.

‘Gorillaz - Plastic beach’, good with words 

07.12.10
all the side bar buttons are now animated using gifs. I actually made these in Photoshop as Fireworks was being over complicated for what i want and all the online tutorials were rubbish. So i found out you can make simple animations in Photoshop. hey presto its done. about 4 hours of radio 1 trying to find good tutorials. probably two or three hardcore EP&#8217;s acually making them.

all the side bar buttons are now animated using gifs. I actually made these in Photoshop as Fireworks was being over complicated for what i want and all the online tutorials were rubbish. So i found out you can make simple animations in Photoshop. hey presto its done.

about 4 hours of radio 1 trying to find good tutorials. probably two or three hardcore EP’s acually making them.

07.12.10

heres it after a lil play around. changed the font style and colour, the background colour, edited the close prev and next buttons and the loading gif. not too sure if the writing should be black or blue? or background blue perhaps??? who knows…

My friends band is currently touring with ’80s Matchboz B-line Disaster’ im so jealous im gonna listen to all there albums twice. Maybe three times.

30.11.10
the old light box. want to change the colours and font a bit.

the old light box. want to change the colours and font a bit.

30.11.10
this is the site after the addition of some javascript goodies. first of i used flexcroll for the custom scroll bar. the intial design looked to crowded so i changed it to this one. I also added a lightbox, but tweaked it so it fitted in with the site a bit more. this actually took ages to work out the different javascript and css and image names and placement. but thats half th fun i guess. &#8216;Foreign Beggars&#8217; got me through this ordeal.

this is the site after the addition of some javascript goodies. first of i used flexcroll for the custom scroll bar. the intial design looked to crowded so i changed it to this one. I also added a lightbox, but tweaked it so it fitted in with the site a bit more. this actually took ages to work out the different javascript and css and image names and placement. but thats half th fun i guess.

‘Foreign Beggars’ got me through this ordeal.

30.11.10
finally got all the pictures in the right place, and they are all hyperlinked and go to the right places so thats a bonus. well they would go to the right pages if i had made them yet. Im using this page as a template for the others o when its finished it should be easy to make other. should be. easy listening from &#8216;Explosions in the Sky&#8217; 

finally got all the pictures in the right place, and they are all hyperlinked and go to the right places so thats a bonus. well they would go to the right pages if i had made them yet. Im using this page as a template for the others o when its finished it should be easy to make other. should be.

easy listening from ‘Explosions in the Sky’ 

30.11.10
so afer uploading the coded layout i relised that the logo wasnt over lapping the main area and the buttons wernt overlapping that. This meant lots of recoding and using z-index&#8217;s. Lots of effort (spent 15 minutes swearing then relieased i was using the right margin instead of the left) but it work works. for the mean time&#8230;. This coding made me angry so on with &#8216;Converge - No heroes&#8217;

so afer uploading the coded layout i relised that the logo wasnt over lapping the main area and the buttons wernt overlapping that. This meant lots of recoding and using z-index’s. Lots of effort (spent 15 minutes swearing then relieased i was using the right margin instead of the left) but it work works. for the mean time….

This coding made me angry so on with ‘Converge - No heroes’

29.11.10
1
this is what the layout looks like after being coded in DreamWeaver. the colours are just there to show the diffent size of the boxes. hopefully its now just a case of putting in all the images. hopefully. The tunes to make this was a strange mix between &#8216;Pink Floyd&#8217; and &#8216;Prodigy&#8217; i think that reflects in the bright colours perhaps&#8230;

this is what the layout looks like after being coded in DreamWeaver. the colours are just there to show the diffent size of the boxes. hopefully its now just a case of putting in all the images. hopefully.

The tunes to make this was a strange mix between ‘Pink Floyd’ and ‘Prodigy’ i think that reflects in the bright colours perhaps…

29.11.10
so yer this is what i want it to look like now. needed something to fill that space.

so yer this is what i want it to look like now. needed something to fill that space.

29.11.10