Thanks to John at pixies.ca for posting his experience formatting the flickr badge on his site. Now mine is set up to display random images on each page reload. The code for the badge is as follows:
Random Photo Generator:
The image style is controlled in the style sheet (in my case, style.css) with the addition of the following two lines:
.flickrimg {border: 1px solid #ccc;
padding:4px; margin:4px;}
.flickrimg:hover {background: #6699CC;}
7 responses to “Random Photo Generator”
The new look is nice – like the colors and the Random Photo generator. I have to get around to actually updating to 1.5 one of these days.
Marty
Thanks Marty! 1.5 is great…I can’t wait until I have some time to really dig into the customization. In the meantime, the Kubrick layout is great.
Great Job, with the site, and this random photo generator seems quite cool as well. I still have to spend more time exploring this site, lots of interesting information around.
Thanks for sharing!!
im ashamed to say this but the code in this post throws off the sidebar. i only know because im at school and didnt feel like installing mozilla today.
FYI…the hover aspect doesn’t work in IE. I haven’t figured that part out yet. Addtionally, if you want the same look and feel for images posted in your posts you have to include something like this:
p a img:hover {
background: #6699CC;
}
.narrowcolumn img, .widecolumn img {
margin-left: -5px;
padding: 3px;
border: 1px solid #ccc;
}
Thanks for the input. I’ll modify the post to fix the code issue.
John, thanks too for the CSS for inline images.
David
This site is definately looking good! Im still a big fan of Kubrick!