trick sharers (at least, facebook) into generating thumbnails by specifying the image...
[booh] / data / booh / themes / sbs / skeleton_image.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5     <title>~~title~~</title>
6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7     <meta name="author" content="sbs theme, by Erik Ramseth -- based heavily on `Simple' theme by Guillaume Cottenceau">
8     ~~~image_head_code~~~
9     <script type="text/javascript" src="~~pathtobase~~booh.js"></script>
10     <style type="text/css" media="screen">
11     <!--
12 body {
13         background-color: #ffffff;
14         color: #000000;
15         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
16 }
17
18 a:link {
19         color: #7B7BA8;
20         text-decoration: none;
21 }
22
23 a:visited {
24         color: #7B7BA8;
25         text-decoration: none;
26 }
27
28 a:hover {
29         color: #7B7BA8;
30         text-decoration: underline;
31 }
32
33 img {
34         border: solid 1px;
35         border-color: #000000;
36 }
37
38 input {
39         border: solid 1px;
40         background-color: #DEDAD6;
41 }
42 input:hover {
43         background-color: #E8E8E8;
44 }
45 .disabled {
46         font-style: italic;
47 }
48 .disabled:hover {
49         background-color: #DEDAD6;
50 }
51 .imager {
52   float: left;
53   background-color: lightgrey;
54 }
55
56 .imager img {
57   background-color: #fff;
58   border: 1px solid #a9a9a9;
59   margin: -3px 3px 3px -3px;
60   padding: 5px;
61 }
62
63
64     -->
65     </style>
66 </head>
67
68 <body bgcolor="#FFFFFF" ~~~body_additions~~~>
69
70 ~~hidden_images_for_remotes~~
71
72 <table align="center" width="100%">
73 <tr>
74     <td width="10%">&nbsp;</td>
75     <td width="1%">~~~button_first~~~</td>
76     <td width="3%">&nbsp;</td>
77     <td width="1%">~~~button_previous~~~</td>
78     <td align="center"><font size="-2">~~sizes~~ | ~~</font></td>
79     <td width="1%">~~~button_next~~~</td>
80     <td width="3%">&nbsp;</td>
81     <td width="1%">~~~button_last~~~</td>
82     <td width="10%">&nbsp;</td>
83 </tr>
84 </table>
85 <table align="center">
86 <!-- <p id="dbg_text">&nbsp;</p> -->
87 <tr>
88     <td align="center" colspan="9">
89         <div class="imager">~~~image~~~</div>
90     </td>
91 </tr>
92 </table>
93 <table align="center">
94 <tr>
95     <td align="center" colspan="9">
96         <font size="+1" ~~~caption_additions~~~>&nbsp;</font>
97         <font size="-2" ~~~image_counter_additions~~~>&nbsp;</font>
98     </td>
99 </tr>
100
101 ~~~body_code~~~
102
103 <tr>
104     <td colspan="9" align="center">
105         ~~~button_slideshow~~~
106         ~~~pause_slideshow~~~
107         <br/>
108         <font size="-1">~~previous_album~~ ~~ifprevious_album?~~|~~fi~~ ~~thumbnails~~ ~~ifnext_album?~~|~~fi~~ ~~next_album~~</font>
109     </td>
110 </tr>
111 </table>
112
113 <table width="100%" cellpadding="0" border="0">
114 <tr>
115   <td align="left"> <font size="-1"><i>~~indexlink~~</i></font></td>
116   <td align="right"><font size="-1"><i>~~addthis~~</i> </font></td>
117 </tr>
118 </table>  
119 <div style='text-align:right'>~~madewith~~</div>
120
121 </body>
122 </html>