Rollover miniatury może być stosowany w każdym szablonie (templates).
Aby to zmienić otwórz plik
thumbnail_bit.htmlścieżka
/4images/templates/twoj_szablon/thumbnail_bit.htmli całość zmień na ten kod:
<table width="100%" border="0" cellpadding="7" cellspacing="0">
<tr>
<td align="center" class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'"><!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="160" align="center">{thumbnail}<br />
<b>{image_name}</b> {if image_is_new}<sup class="new">{lang_new}</sup>{endif image_is_new} <br />
<br />
<br /></td>
</tr>
<tr>
<td>Autor: ... ({user_name_link}) <br>
Kategoria: ... <a href="{cat_url}">{cat_name}</a><br>
{if allow_comments}{lang_comments} ... {image_comments}{endif allow_comments}<br><br>
{lightbox_button}</td>
</tr>
</table></td>
</tr>
</table>
Następnie otwórz plik
style.cssścieżka
/4images/templates/twoj_szablon/style.cssi na samym końcu, za tym znakiem:
}wpisz ten kod:
.thumb
{ border: 1px solid #BBBBBB;
cursor: hand; height: 200px;
background-color: #666666; }
.thumb2
{ border: 1px solid #838383;
background-color: #999999;
height: 200px; }
Objaśnienie kodu
style.css--------------------------------------------------------------------------------
.thumb = tabela miniatury w stanie normalnym
border = grubość ramki i jej kolor, otaczającej tabelę miniatury w stanie normalnym
(opcjonalnie)
background-color = kolor tła tabeli w stanie normalnym (opcjonalnie)
--------------------------------------------------------------------------------
.thumb2 = tabela miniaturki po najechaniu na nią myszką
pozostałość analogicznie jak wyżej (opcjonalnie po najechaniu myszką)
--------------------------------------------------------------------------------
Autor
