My Galleries and Categories
|
|
|
|
| category1 | category2 | gallery3 | gallery4 |
|
|
|
|
| gallery5 | category6 | gallery7 | gallery8 |
This will enable you to create a special page of links to anywhere or that special combination of galleries/categories.
Create a new gallery and set it to unlisted and to "journal (old)" style.Add the html below to your album description Replace /photos/xxxxxxxx_xxxxx-Th.jpg with your own thumbnail links
Replace the xxxxxxxx_xxxxx with the gallery linking to.
As an option you can make all the thumbs square. For all thumbs you're
linking use the "zoom thumbnail" and change each to 1x1 or square.
<html>
<h3><center>My Galleries and Categories</center></h3>
<table align="center" width="700">
<tbody>
<tr>
<td>
<a href="/category1">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
<td>
<a href="/category2">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
</tr>
<tr align="center" height="50" valign="top">
<td><a href="/category1">category1</a></td>
<td><a href="/category2">category2</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">gallery3</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">gallery4</a></td>
</tr>
<tr>
<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
<td>
<a href="/category6">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
<td>
<a href="/gallery/xxxxxxxx_xxxxx">
<img src="/photos/xxxxxxxx_xxxxx-Th.jpg" border="2" height="150" width="150"></a>
</td>
</tr>
<tr align="center" height="50" valign="top">
<td><a href="/gallery/xxxxxxxx_xxxxx">gallery5</a></td>
<td><a href="/category6">category6</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">gallery7</a></td>
<td><a href="/gallery/xxxxxxxx_xxxxx">gallery8</a></td>
</tr>
</tbody>
</table>
</html>
Add this to your CSS
Replace xxxxxxxx with your new gallery number
Do not include the red gallery security key XXXXXXX_xxxxx
/* START gallery xxxxxxx */
.gallery_xxxxxxx #albumDescription {
font-family: Comic Sans MS, verdana;
font-size: 130%;
text-align: center;
margin-bottom: 40px;
}
.gallery_xxxxxxx #albumDescription h3 {
font-family: Comic Sans MS, verdana;
font-size: 150%;
}
.gallery_xxxxxxx #albumDescription a {
text-decoration: none;
}
.gallery_xxxxxxx #albumDescription a:hover {
color: white;
}
/* next two include stuff needed for IE6 image hovers to work */
.gallery_xxxxxxx #albumDescription a:link img,
.gallery_xxxxxxx #albumDescription a:visited img,
.gallery_xxxxxxx #albumDescription img {
border: 4px ridge #ccc;
_border: 4px ridge #fff;
}
.gallery_xxxxxxx #albumDescription a:focus img,
.gallery_xxxxxxx #albumDescription a:hover img,
.gallery_xxxxxxx #albumDescription a:active img,
.gallery_xxxxxxx #albumDescription img:hover {
border: 4px ridge #444;
_border: 4px ridge #ccc;
}
.gallery_xxxxxxx #albumNav_top,
.gallery_xxxxxxx #albumNav_bottom,
.gallery_xxxxxxx .nophotos h3,
.notLoggedIn .gallery_xxxxxxx #breadcrumb {display: none;}
/* END gallery xxxxxxx */
______________________________________________________________________
Note: This is set up with eight links, any number of links can be used
by adding or deleting rows and cells.
The thumbnail photos are from my popular gallery here.
See it in action here using the new flash slideshow.
New comment: Requires approval