I hope everyone likes the new style. And if you know me I will most likely change it again in a month.
If you are having any issues please tell me. The other pages should be set up, except the forums which should be done today. Also, if I left something out that you used to like please tell.
The main reason for the change is the Kubrick template that Michael Heilemann made for wordpress. I liked it so much that I had to incorporate it in. And if I was going to insert the new code I might as well redo everything.
I am really excited about my site once again since it looks like something that I have wanted for awhile, if you can find were I ripped it off you get a prize, its not very hard. The big picture at the top is a pic Sara took on our SF trip. I want to make the pictures change but I am sort of lost right now, I don’t know what the best solution is. I know Jared and Nathan do, and maybe even someone else. I am thinking of just taking 5 pics and changeing them through refresh or timer. What I really want to do is make a style switcher again; yellow, red, black, blue, orange, green….
I will be posting some thoughts soon but right now I am so bogged from work.
Hawai’i Volcano Day
Day two was set to be our volcano day. Our plan was to hit the Volcano National Park visitors center and figure out what to do. First thing first, we…
Re: the picture swithing – How do you want it to work? Should the picture keep changing after the page loads, or do you just mean on every load of the page a random one is chosen? Either way, let me know if you want help.
The new style looks good, by the way.
Forgot to add my name last time, that was me
Either way is fine for me.
The easiest is the one I am looking for.
I think if I just make it so everytime you load the page it switched is the easiest because the header is a php include and all I would have to do is change that include after every refresh.
You know of a javascript that can do this easily?
Thanks.:smile:
Either way is fine for me.
The easiest is the one I am looking for.
I think if I just make it so everytime you load the page it switched is the easiest because the header is a php include and all I would have to do is change that include after every refresh.
You know of a javascript that can do this easily?
Thanks.:smile:
Anyway, as I was saying on the tagboard – I’d recommend doing the menu with a UL styled with CSS. Serveral advantages to this:
1. Your HTML is a lot cleaner
2. Changing the text color on mouseover will work with or without javascript turned on (lots of people turn it off these days)
3. If you are using your site on a browser or other device without CSS support (like a cell phone), you will get an easy to use regular bulleted list of links, instead of either a side-scrolling nightmare or nothing at all.
4. Related to 3, doing it this way is much better for users with disabilities who use screen reader software, etc. since “layout table” girds often screw up the order of what comes first on the page, etc.
As for the header image switching, the way I would do it would be to have a default one, and then use javascript to load the others and cycle through displaying them every X number of seconds. This way, you will start with the one you want to stay there the whole time (in case they don’t have javascript enabled), and then only those users with javascript enabled would see the image being switched every so often.
If I have time later today I will post a page with examples of both of these techniques (CSS menu and javascript image replacement).
Cool I would like that a lot. I understand a little. So the header would just be an image, and if I switched it using javascript it wouldnt be a problem. Then the ul, what does ul stand for? All it would be a layer of sorts over the image. Is this right?
I need all the help I can get. thanks.
I think I got it. you like? I like it a lot better this way, It took a while but I finally got it to work.
I do need some help on the header image switch, could you help me on that?
Anyway, as I was saying on the tagboard – I’d recommend doing the menu with a UL styled with CSS. Serveral advantages to this:
1. Your HTML is a lot cleaner
2. Changing the text color on mouseover will work with or without javascript turned on (lots of people turn it off these days)
3. If you are using your site on a browser or other device without CSS support (like a cell phone), you will get an easy to use regular bulleted list of links, instead of either a side-scrolling nightmare or nothing at all.
4. Related to 3, doing it this way is much better for users with disabilities who use screen reader software, etc. since “layout table” girds often screw up the order of what comes first on the page, etc.
You’ve got the right idea on the nav menu – looks pretty good, although the list (and the containing div) should be in the body section instead of the head. In fact, I don’t even know why it’s working the way it is now, but oh well.
Ya, later tonight I will try to put something together for the image switching.
As for the header image switching, the way I would do it would be to have a default one, and then use javascript to load the others and cycle through displaying them every X number of seconds. This way, you will start with the one you want to stay there the whole time (in case they don’t have javascript enabled), and then only those users with javascript enabled would see the image being switched every so often.
If I have time later today I will post a page with examples of both of these techniques (CSS menu and javascript image replacement).
P.S. – You may want to check how it looks in IE though – it’s pretty funky. I’d start with moving the list container into the body though, as that is bound to mess things up.
Cool I would like that a lot. I understand a little. So the header would just be an image, and if I switched it using javascript it wouldnt be a problem. Then the ul, what does ul stand for? All it would be a layer of sorts over the image. Is this right?
I need all the help I can get. thanks.
Okay how does it look now?
It should work on everything, and I moved the ul to the body.
Thanks.
I think I got it. you like? I like it a lot better this way, It took a while but I finally got it to work.
I do need some help on the header image switch, could you help me on that?
You’ve got the right idea on the nav menu – looks pretty good, although the list (and the containing div) should be in the body section instead of the head. In fact, I don’t even know why it’s working the way it is now, but oh well.
Ya, later tonight I will try to put something together for the image switching.
gospel.
Okay how does it look now?
It should work on everything, and I moved the ul to the body.
Thanks.
Looks good now. I slacked on that javascript thing; I’ll see if I can put something together before bed.
Dan, sorry about the delay on that, here’s a page I just threw together that should do what I think you want; you can copy/paste the code from it and make it work for you.
http://jaredbangs.org/dan/jsimageswitch.htm
P.S. – This will switch the image every 5 seconds, but you can change it to be whatever you want.
Dan, sorry about the delay on that, here’s a page I just threw together that should do what I think you want; you can copy/paste the code from it and make it work for you.
http://jaredbangs.org/dan/jsimageswitch.htm
Thank you so much Jared
It looks real good now. IE is such a hassle. I am going to get rid of the forums and just make another blog for all wordpress and tech how to, currently I just copied the archives and changed it but its not dynamic its flat html and it doesn’t update.
I was going to ask if you knew the code to make the pictures transition, like a dissolve. Also I don’t think IE pre-loads the images.
Thank you, again. I will post the code in the new wordpress blog. It was so easy to place in the code. you are magic, I hope you didn’t waste too much time.
Thank you so much Jared
It looks real good now. IE is such a hassle. I am going to get rid of the forums and just make another blog for all wordpress and tech how to, currently I just copied the archives and changed it but its not dynamic its flat html and it doesn’t update.
I was going to ask if you knew the code to make the pictures transition, like a dissolve. Also I don’t think IE pre-loads the images.
Thank you, again. I will post the code in the new wordpress blog. It was so easy to place in the code. you are magic, I hope you didn’t waste too much time.
you’ve gone from ugliest blog at the bridge to prettiest blog in just a few easy steps!
you've gone from ugliest blog at the bridge to prettiest blog in just a few easy steps!