Simply Maya User Community

Simply Maya User Community (https://simplymaya.com/forum/index.php)
-   Maya Basics & Newbie Lounge (https://simplymaya.com/forum/forumdisplay.php?f=31)
-   -   My first website ( very much a W.I.P.) (https://simplymaya.com/forum/showthread.php?t=33930)

ben hobden 28-03-2010 10:00 PM

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.

stwert 28-03-2010 11:55 PM

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.

mastone 29-03-2010 10:05 PM

@ 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:

stwert 29-03-2010 10:24 PM

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!

ben hobden 29-03-2010 10:51 PM

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.

mastone 31-03-2010 08:13 PM

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:

ctbram 31-03-2010 09:35 PM

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.

daverave 31-03-2010 09:37 PM

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

mastone 31-03-2010 10:26 PM

@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 ?

ctbram 31-03-2010 10:27 PM

yes the contrast is better now.

daverave 31-03-2010 11:14 PM

This is what I get

daverave 31-03-2010 11:15 PM

1 Attachment(s)
sorry

mastone 01-04-2010 08:51 AM

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 :)

ben hobden 01-04-2010 11:01 AM

! 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

mastone 01-04-2010 01:46 PM

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


All times are GMT. The time now is 10:48 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Simply Maya 2018