My first website ( very much a W.I.P.)
Hi Guys ( and Gals of course),
I am working on my own website: www.eyellem.com I have placed some outlines around the different elements so I can see what I am doing( I will probably keep the border around the header and maybe do something with the background but that is the finishing on the cake. As you can see it is not nearly done and quite frankly i could use some help, so if (one of) you can help me out with the following stuff than that would be great: -1-When I click a link, the link works, but it stays the same color, is there a way to make it hold a color so people now where they are? -2- I now have copied the same HTML 4 times ( one time for every available link), is it possible to make a HTML that only appears in the " yellow box" ? so that when I click a link only that changes. It works fine for now but if I want to change stuff I have to do that 5 times there has to be an easier way.... -3- Is it possible to replace the scrollbar with an arrow at the center ( bottom and Top) something like here?: http://www.nbc.com/heroes/novels/nov...html?novel=168 I want a black arrow that blinks when there is more content down or up the page. I know the functionality is there( on most sites you can MMB click to enable a scrolling wheel I have found some stuff here that is similar to what I want but I have no idea how to implement it into the existing code: http://flowplayer.org/tools/demos/sc.../vertical.html I also have the idea that first problem 2 needs to be resolved before i do it , other wise i am in coding hell :) I am an absolute NOOB when it comes to coding (websites) so if someone is willing to help out then that would be great :bow: |
First off, looking pretty good, I like the design. Eyellem sounds a lot like ILM, but maybe that's just me?
1) Just googled this: <body vlink="blue"> I think vlink is for visited link. Change the color as appropriate. This should be added inside your body tag. 2) You should use CSS for that type of thing. I'm not very good with CSS, but there's lots of tutorials and templates out there that will help. It basically allows you to set certain types of elements and formatting and only have to change it in one place to affect all the places where it is used. 3) Not familiar with changing scrollbars, sorry Hope that helps some. |
Hi stwert
Yep Eyellem is "stolen" from ILM, I actually liked the word so I sticked with it ( it started out as a joke actually). 1+2)I use CSS so I have Form and content separated, but somehow the color doesn't stick I thought that the active command in css should give an active link it's color and it is so if I click and hold on a link and drag the cursor down, but if I would click in a normal way it stays grey ( annoying!!!) 3)Me neither, I know how to get rid off the damn thing but i want to connect its functionality to a custom thing And thanks for the complement, once I have the code stuff down I will make it better though:beer: |
I like the layout but black text on a near black background is kind of hard to read
|
Papyrus font. Same as me. good choice, but If I see James Cameron I'll be having a word as he used it on Avatar. I've had it for a few years now....he owes me LOL
Jay |
Quote:
|
Haha... there are two kinds of people in the world, papyrus lovers and papyrus haters... never was a font so divisive.
Odd that the CSS doesn't work for your links. I'm not proficient enough to take a guess. |
hi mastone. i have made a couple of sites before, winged alot of it, but id like to help if i can. im not sure what u mean by wanting to write the html only once, rather than 5 times, it sounds...if im thinking what you are...like you are getting into dynamic web stuff, like php. er... but im v tired and might be missing your point entirely. i guess i could have a look at your code and see if i can offer any suggestions. i cant guarentee anything though. pm me your code or email me, hobden81@hotmail.com, or paste it here and highlight your issue? i'll help if i can...
ooooohhh, you're meaning like a:hover and a:visited code in your style sheet? if so, let me know i can give you the exact code in the fresh light of day... |
@ctbram: take a look now :)
I have pulled an al nighter ( didn't realize it was getting near dawn pfff) @Jay: Yeah I was scrolling to al the fonts in PS and this one seemed to fit the bill @NitroLiq: resistance is futile LOL @stwert: Don't worry I suck at it to I mostly get meaning from scripting languages when there is some context to behold, I have to say however that after putting in a lot of hours in scripting and stuff even Java seemed to make sense, but that will be gone by tomorrow i wager :) What makes it so difficult is that everything is connected somehow if you change a property here something pops there it's annoying :headbang: @ben:Yes it was PHP, but I came so far along that I won't be doing that no more. The only thing I now still want to do is replacing the scrollbar with the aforementioned arrow, giving the active link a different color than the other links and getting in to google , oh and a contactform( I will get a template from the internet) Well it is getting a long pretty nicely especially for my first website ( look at the stills page pretty nifty imagegallery) Well I am going to bed now :beer: |
Quote:
the scrollbar can be done with css i think. i have a css book i can check if you want. otherwise id guess javascript, maybe try mootools? i have a contact who is an experienced web designer. havnt been in touch with him for a while... could give him a try if you need... |
Quote:
LOL, yeah but Ive been using it since way before it became cliched LMFAO;) It fits the theme of my graphic novel (western style) cheers dude Jay |
|
Haha...I fall into that category, elephant. The way I see it is, design and presentation are part of the whole package. I'm not saying a person has to do things up in a huge glitzy manner but if you're considering yourself an artist, the least you can do is put some thought into type choice and layout in how you present yourself. And seriously, with the amount of choices out there, even free typefaces, as well as inspiration sites/layouts there's no excuse. Too many people put all their effort into one part of the package then don't really give a crap about anything else.
|
Looks good mastone. I would put Indiana in better pose, not just the standard T-pose... looks a bit odd. But I guess that's just a personal thing, but i think it would make it look more... finished, I guess. The same with the voldemort header, maybe you could duplicate the eye over, just to finish it up.
The only other thing is some of the spelling, I know it's probably a joke, but things like "want to 'no' more" seems a bit unprofessional. Nice work though. |
@ben:
a: active only shows the state of a link on click and will disappaer the moment you let the mouse of the link, I want to know how to make this "stick". And thanks for your offer and compliment @ elephantinc: LOL @nitro: I did think about the font for the header and I spend an hour browsing through fonts I was in doubt between webdings and papyrus in the end... :) And I don't see that many websites with papyrus, then again most pornsites use arial fonts LOL @ Mayaniac: Thanks, and he is in this pose because I haven't finished him yet, what I want in the end is him standing there doing some idle movement, this is a placeholder And your right about the eye in the header off course, but to my defense i am still filling in stuff and will touch up as i go. "The only other thing is some of the spelling, I know it's probably a joke, but things like "want to 'no' more" seems a bit unprofessional. " didn't see that is it still there? And to be honest I don't want to work for an employer who can't take a joke or look past them, those jobs are boring in general as well and my motto is do what you want to do it's over before you know it, don't waste time following (unwritten)rules in how to behave or act as long as you don't harm someone else, there are enough sheep in the world who do as they are told and do meaningless ( to them) jobs all of their lives :) |
Registered: Aug 2005
Location: the netherlands Posts: 1045 "@ben: a: active only shows the state of a link on click and will disappaer the moment you let the mouse of the link, I want to know how to make this "stick". And thanks for your offer and compliment." But then....use a:visited?. Unless you use images for the buttons, and use javascript to control it so that once a buttons been hovered/clicked on, it permenantly remains in its altered state. But Ive been told from said reliable web designer source, its not good practice to use images for links. |
I like your sweet image gallery, but I'd suggest putting in some control to advance through without having to click the right thumbnails to see more thumbnails. Also, resize the thumbnails as actual images, not just with the html, so that the page loads faster.
|
@ ben:
a: visited shows the links you have visited, I want to click on a link and as long as I stay on that page I want the active page link to have different color than the other links @stwert; You speak wise words only I have no idea how to accomplish those things you just said :) seriously dude I learned html/css/java on the fly last saturday so I am a tad inexperienced to say the least :beer: But thanks for thinking along I really appreciate it :attn: |
No worries, I should have explained myself better. For your images, you've got your thumbnails scaled (e.g. 500px × 375px (scaled to 100px × 75px)) Use photoshop to resize and upload a smaller image to use as a thumbnail, that way people only have to load a 100px image instead of a shrunk 500px image.
For the scrolling, add two arrow buttons, one on the left and one on the right. However you are automatically advancing your list of images when you click an image on the right side, do the exact same when you click on the arrow button, except the image shouldn't change. I don't think this should be too hard to add in. (I hope :)) For the currently open links to pages, presumably you have those links as separate html for each page? Or is it done with css? If you have html, just change the color of the Stills link on the http://eyellem.com/stills.html page... Anyway, hope that gives you some ideas and keep up the awesome work! |
to add to stwerts advice, I dont know if you know this already, but when you resize/optimize images for web use, in Photoshop, rather than just saving as normal, go to 'Save for Web' a little further down the File menu and in the screen that opens, save them as pngs, (theres a choice ...png 8 bit, 24 bit, maybe another aswell i think, dont really think it makes alot of difference), much smaller and faster loading image files than jpegs.
I dont want to annoy you...(!!) just having trouble regetting my head around the css links rules. I would have thought that a:visited would then keep that link a different colour for thereafter, so if you click on a link, then you go that page that is linked, the link thats on that page will have altered colour. I guess I must be wrong, as your doing it right now, and its been a while since I have. Another option Id recommend for images if youre up for it, is a javascript script called slimbox, or lightbox. I think their are a few variations. I have a version I could send but it doesnt have slideshow arrows so you have to close one image when you want to look at another. Its more complicated than doing it the html way, but they always come with instructions, and I dont know any javascript and I managed to get it to work fairly easily. |
Hi guys
I have been busy fiddling with this and other stuff, with regards to links keeping the color when they are active: Normally you would do something like this: <ul> <li> <a href="/xxxxx.html" >subject</a> </li> </ul> Now in the ref part you type this: <a href="/xxxxx.html" class="keepactve ">subject</a> In your css type this: ul.keepactive {color: xxxx;} So if you have multiple links in your html you can ad this class to the link you want to have active and the css picks it up :) With regards to the image gallery, there was an arrow with the template i have downloaded but I actually like the fact that there isn't to much junk on the page. Do you guys have any problems loading my page( with regards to speed), because I can load the page pretty quick here no hick ups or waiting times whatsoever. And thanks for your help guys :beer: |
I would work on your color palette more. Dark grey background, with black text is barely legible.
You increased the contrast then went back to near black on black. |
Hi mastone
I get your page but a utube embeded video in the middle of your page so I cannot see your buttons, this only happens on your site, have you been hacked?,.....dave Edit: I am only using your first link |
@Ct Bram:
I have been fiddling again so naturally there would be something I forgot, thanks for the heads up Does this look better? @daverave That's funny I don't have the idea that i have been hacked. What is your screensize? I have seen it on 17" and up and I have kept a width of 1024. I also have tested with various browsers Chrome, IE and mozilla Firefox and there they displayed fine. Are you using an old browser ? |
yes the contrast is better now.
|
This is what I get
|
1 Attachment(s)
sorry
|
That's funny, which version of IE are you running and have you tried another browser ( IE Google chrome or mozilla)
And what is your screensize? To be honest I haven't taken older browsers into account and most people can view my website just fine so I really want to know what is going wrong :) |
! it was at this point i got completely hacked off with web design! i made a site for my brother, spent weeks on it in my spare time, then, when i published to the web, it did some funny stuff in some browsers. nothing major, but just enough to look wrong and break my heart. a box here shifted 20 odd pixels up, and some writing there shifted a bit so it overlapped an image. so demoralising. i dont understand how to correct cross browser issues.
i dont have any problems viewing your site, other than, on the gallery page, the images do a strange sort of transition, they sort of desaturate and then resaturate, only takes a couple of seconds. then again thats on a ps3 browser, so i wouldnt worry about it as ps3 browser is pathetic and cant even display hotmail or facebook properly |
Hi Ben
I get what you mean with crossplatform compatibility issues, but to be quite honest I really don't care if not every soul in the world can watch my site, I have tried it on different browsers of this generation, so if someone who still uses netscape 1.0 isn't able to properly watch it I really couldn't care less, because most of the time does people live in a shed and talk about the good old days when everything was better , and probably never started a 3d package. The people who mostly watch my site ( i hope at least:) ) are people who like 3d and those guys and gals are always into new tech and stuff so they probably don't have IE 5 or something like that :p |
Yeah, I think thats a healthy attitude. I would agree with you aswell, if I were making my own site, if there were a few small snags in some random minor places, I wouldnt let it worry me. Problem was aswell with my brothers site, was that it was for his business. He's a landscape gardener, and has had a tough time of it like most people with the recession and stuff...I didn't want to be the one responsible for losing him potential customers by having some dodgy cross browser issues. I felt it was alot of responsibility to make him a website, I was pleased that he thought well enough of my ability to do so, but I didn't know as much as I should have done to have taken on the project...which I did say to him at the start, that it would be practice and experience for me, but the result of it was very demoralising for me. I was teaching myself php and mysql and stuff, but by the end of building my brothers site, I came to conclude that I really took little enjoyment/satisfaction from web design.
|
You could compare it with 3D. Many people fall in love with the idea of "3D" when they see these beautiful renders all over the place....artists that make things look easy but when you sit down to do it yourself, you realize just how difficult it can be every step of the process. I do web design/dev for a living and have since the late 90s. It's like anything else, things come together the more you do it but it's also a continual learning process as technology and code changes. I remember when folks started migrating from tables to CSS for layouts....major headache.
|
I agree Nitro. For me personally, I come from an arty background, always drawing as a kid, studying art at a-level, high school, so its more a continuation of my hobbies, web design was a complete change of tack for me, and having spent the time doing it that I did, and the few days work experience I did, I have tons of respect for people who do web design, and actually know what they're talking about. They're lots of people, like you say, who do one or the other for a hobby, and then make claims that they can 'do' it. But I spent over a year looking at web design, and i wouldnt dream of applying for a position at a web agency
|
In my experience you have 2 types in web:
-1- the webdesigner -2-the web programmer The first one likes to make a beautiful site in form and shape and knows little about technique The second one is the guy trying to get PHp/MSQL and stuff like that working and enjoys the fact that his code even holds up in IE6.....I am definite not the last one, if you can't view it using netscape1, then update your browser . And your brother is a landscape gardener he will get new jobs mostly from mouth to mouth bussines so don't fuss over it :) |
ha ha. Yeah, he does. Do you know what I mean though, if there was just that chance...
I think Id lean more towards the design side too I guess. Though I was surprised how hard it actually was, to make a good looking site. Youd think, a header, a couple of pictures, some text...etc...but once you get going....just not enough confidence with the code i guess |
Just download a template from te internet and start building from there.
Don't start from scratch or anything. I download the template strip it for usefull parts and build something of it. And yes I know what you mean :beer: |
Quote:
|
I think my web design days are pretty much behind me now :)
|
Quote:
There are other things that can make web design easier like CSS frameworks ala the 960 grid, baseline, etc. but most folks will tell people starting out to get your head around the basics before trying to use one as you'll find it easier to troubleshoot should something go wrong. |
It's funny how website development started out fairly simple and has know turned into something akin to panhyperdimmensional quantum newtonian physics.
With .net, php, mysql, asp, perl, and all the other API's and plugins, and net development apps like dreamweaver and other tools you need to master like photoshop and the like it's hard to know where to even start. |
All times are GMT. The time now is 06:28 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Simply Maya 2018