Web Design and Graphics Room. Thread, Help Needed

snowy-owl · #1 27th-November-2007, 03:27 PM

After two years I decided my main web site needed updating, if nothing else I am two years older. The basis of the site is from an early series done on IDF with a little help from a book and trial and error.
I have framed my large pictures and suddenly realised that the the frame doesn't show up on the white background.
The question is, when you click on a thumbnail the larger picture shows on a new white page, is there anyway of making that page coloured or textured.
Hope you can make sense of what I.m after.

Regards

CPS · #2 27th-November-2007, 08:59 PM

OK just had a quick look, the larger pictures open in a new window.
As far as I know you have no control over position or background as its the browser default.

The best and easy way to have full control is to use a web album program.
Most graphic programs have this facility in them,
I used Photoshop on my Kedington site (two different styles).

Yes the background is white, but that was by choice,
I could have any color or pattern if I wanted.

Normally you place the pictures you wish to use in a folder.
In the program select the type of album you want (style/color etc),
point it to the folder of the pics to use.
It will automatically make the album and the thumbnails for you,
when happy with the result just upload it.

CPS · #3 28th-November-2007, 09:57 AM

I have used this free one in he passed very good and easy to use,
you can change styles on the fly to see what you get.
Just click remake album.
http://jalbum.net/

There are others just put "free web album creator" in Google.

CPS · #4 29th-November-2007, 09:27 AM

Explanation
Why do I suggest a program for an Album, the reason is as follows.

Its very easy to create the thumbnail page except you have to make all the thumbnails.
The large pictures you link to, need a new page for every picture in your album,
to be able to customize it, (color/ style and text).
So instead of linking to a picture you link to a page containing the picture.

This is without the links to jump from one large picture to another,
in sequence and return to thumbnail page.
A dedicated album program does all this automatically for you from your large pictures.
You can see why it will save you a lot of time by using a dedicated album program.

snowy-owl · #5 30th-November-2007, 05:03 PM

Thanks Peter but if these Albums need to be kept in a separate folder I have a problem as NTL do not allow that.
My big web site is based on the early examples given on IDF and i have sort of stuck with that, I don't have a prolem producing the thumbnails (I have a lot already).
I will have a look at what you are suggesting but I have made some improvement in presentation by putting a border round the picture and making it off white so it shows.

CPS · #6 30th-November-2007, 07:39 PM

I remember now you mentioned the folder in NTL problem before.
I still don't understand why as the folder setup is standard for websites.
You could once the album is made unpack the folders,
but this would mean editing all the links to that folder.
The list of files on your website must be very long already,
unpacking these album folders would add a lot more files.

I will sort some code out for a template, for the larger pictures to display in.
Will post it here when done, need a think first.

bunnysan · #7 30th-November-2007, 08:12 PM

Snowy-Owl

I am with NTL as well for one of my sets of thumnails/slide shows I used freeware called Thumbawumba which worked OK (although I couldn't resist post processing the results a bit). It is not the slickest software around but it did the job OK.

http://www.snapfiles.com/get/thumba.html

Peter

Not only does NTL restrict you to just the one folder but you are also restricted to HTML and javascript - certainly no server side stuff.

Chris

CPS · #8 30th-November-2007, 10:14 PM

OK here is a basic template, you need one for every picture.
I have based it on your pet dog "happyharry.jpg"
You can add a link back to your thumbnail page or just use the back arrow.
You could add the next and previous links if you wanted to.
Change back ground color, text size and color, as required.
Note file name in lower case.
What it looks like
http://www.idf50.co.uk/webhost/membe...happyharry.htm

The Code Save as happyharry.htm
save other pages with picture name to be displayed.
Also change the picture link and title under the picture in the code below.

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
		<title>pet-album</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	</head>

<body bgcolor="#FFFFFF"  text="#000000"  link="#0000FF"  vlink="#800080"  alink="#FF0000" >

<table border="0" cellpadding="5" cellspacing="2" width="100%" bgcolor="#F0F0F0" >

<tr>
	<td>

     <center><font size="6"  face="Times New Roman" >My Pets</font></center>
		
	</td>
</tr>
</table>



<center>[img]happyharry.jpg[/img]</center></p>


<center><font size="4"  face="Times New Roman" >Happy Harry</font></center></p>

</body>

</html>

snowy-owl · #9 1st-December-2007, 07:30 AM

Thanks Chris and Peter, I will have a look at those later - dogs to walk first.

snowy-owl · #10 1st-December-2007, 02:40 PM

Right I've had a look at that and at the Jalbum, both look good and would improve the appearance on the web site. Both methods will require a bit of work so I think I will get the site tidied with acoloured border first then work on one of these two solutions.
Not sure what the alt=flood68a - is all about could you please explain.
Thanks again for your help.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode