You can get the full image to show when your hover over it by:
Edit MAIN CSS of style, at the bottom ADDITIONAL CSS DEFINITIONS (1st or 2nd box depending on how you use it), add in (or edit to your preference)
Quote:
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
left:-1000px;
background-color: black;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 200%; /*position where enlarged image should offset horizontally */
}
|
Do the following template edits:
threadbit
Find
PHP Code:
<a href="showthread.php?$session[sessionurl]t=$thread[threadid]">
Replace with
PHP Code:
<a class="thumbnail" href="showthread.php?$session[sessionurl]t=$thread[threadid]">