Add image fade effect to attached thumbnails
Mod Version: 1.00, by Ntfu2
This modification is in the archives.
| vB Version: 3.5.4 | Rating:  (0 vote - 0 average) |
Installs: 11 |
| Released: 08 May 2006 | Last Update: Never | Downloads: 22 |
 Not Supported
|
||
This will add a pretty image fade effect to attached thumbnails, and will also let you add the effect to any image you want simply using the class="fade" tag.
Add...
...and...
And it will work in Opera 9 Beta (but not below).
Safari see this post
1. open AdminCP -> Styles And templates, then Main CSS, Scroll down to Additional CSS and enter this in the box
2. Save
3. Go To Postibit Templates -> postbit_attachmentthumbnail. After the first <a add
4. Save
End refult of postbit_attachmentthumbnail should look similar to this
Working demo:Will have to scroll a little to get to the attached thumbnails
http://www.fightrice.com/forums/index.php?t=8635
Dont forget to click install, and if you really like it, making a nice link back to me in your footer would be lovely
*Confirmed working on FireFox and Internet Explorer Only*
For Opera see this post
Spoiler (click to open)
Quote by sensimilla
Nice hack!doesnt work with Opera
Add...
HTML Code:
opacity: .50;
HTML Code:
opacity: 1;
Close
Safari see this post
Spoiler (click to open)
Not sure about this one, but add...
...and...
...for Safari support...cannot verify this as I have no access to Safari. Might need to fiddle with the values (100 as opposed to 1, etc.).
HTML Code:
-khtml-opacity: 0.5;
HTML Code:
-khtml-opacity: 1;
Close
1. open AdminCP -> Styles And templates, then Main CSS, Scroll down to Additional CSS and enter this in the box
Code:
.fade img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: .50;
-khtml-opacity: 0.5;
}
.fade:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
}
3. Go To Postibit Templates -> postbit_attachmentthumbnail. After the first <a add
Code:
class="fade"
End refult of postbit_attachmentthumbnail should look similar to this
Code:
<a class="fade" href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>><img class="thumbnail" src="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&stc=1&thumb=1&d=$attachment[thumbnail_dateline]" border="0" alt="<phrase 1="$attachment[filename]" 2="$attachment[counter]" 3="$attachment[filesize]" 4="$attachment[attachmentid]">$vbphrase[image_larger_version_x_y_z]</phrase>" /></a> <if condition="$show['br']"><br /><br /></if>
Working demo:Will have to scroll a little to get to the attached thumbnails
http://www.fightrice.com/forums/index.php?t=8635
Dont forget to click install, and if you really like it, making a nice link back to me in your footer would be lovely
Download
This modification is archived and cannot be downloaded.
Screenshots