Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.6 > vBulletin 3.6 Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
[PXL] PP Round Thumbnail Overlay v1.2 Details »»
[PXL] PP Round Thumbnail Overlay v1.2
Version: 1.2, by PixelFx PixelFx is offline
Developer Last Online: Nov 2023 Show Printable Version Email this Page

Category: Add-On Releases - Version: 3.6.8 Rating:
Released: 10-24-2006 Last Update: 10-31-2006 Installs: 31
Template Edits
Code Changes Additional Files  
No support by the author.

PP Round Thumbnail Overlay v1.2

I've added this to a number of my sites, and thought I'd share it with members here. It's been a long time since I contributed back to this community so I wanted to start with this.

What does it do?
Basically this creates a round overlay box around all tumbnail images in your vbulletin intergreated & photopost vbgallery. I'll be working on a number of upgrades to this template hack.

Credits:
- PixelFX
- Zachariah
- Darkwaltz4
- Lizard King

Scripts Required:

- vBulletin v3.6.8
- Photopost vBGallery v2.3
- Plugin Forum Home
- Plugin User Profile

Addon Scripts:
- Photopost vBGallery CMPS 3.0

The area this effects the following,
- MemberInfo (Profile)
- vBAdvanced CMPS Main Page
- Main Gallery Thumbmails
- Gallery Thumbnail Film Strip
- Hidden/Open Catigory Images

Notes: This script has been updated to work with the above scripts although should work with earilier versions. If you have problems installing it please let me know.

ScreenShot Notes:
The layout of the gallery my vary as I've custom edited the layouts of each page specifc for my gallery. For my next style. However the round overlay effects for each page, as basically to show you what this hack does as far as overlay images goes.

Files Included:
- TXT file with Template install notes
- overlay-filmstrip.gif
- overlay-filmstrip.PSD
- overlay-imagebit.gif
- overlay-imagebit.PSD
- Screenshots Below Updated for v1.2

Version Informaton:

1.3 (Next Release Notes (ETA Fall 2007 or Sooner)
- Option to Add Reflective Surfaces to Thumbnails
- More Overlay Changes to vBGallery v2.1
- A number of tweaks to code
- Improved PSDs

1.2 (November 11th, 2006
- Tested at Working on vBulletin v3.6.3
- No Change Yet.

1.2 (November 1st, 2006)
- Added Round Box Overlay Support to Catigory Bits
- Updated Code to Reflect overlay-imagebit.gif changes
- Renamed overlay-image.gif to overlay-imagebit.gif

- Created New Image Bit Overlay PSD & Layer Group for v1.2 of this Addon
- Added 3 Types of Image Overlay Colors to PSD
1) Added: Color Overlay, vBFront End (Match default layout of vBulletin v362) (default setting)
2) Added: Black Color Overlay & White Border, for darker sites, you can change the color overlay to match color of your site.
3) Added: White Round Box With Black Border

- Optimized Gif & PSD Code to even more bandwidth friendly!
- Added Alternate FilmStrip PSD v1.2 - Same Features as Above
- Updated Film Strip Code with New PSD Information
- overlay-filmstrip.gif Updated to Match Default Frontend Colors of vBulletin
- Added Round Box Overlay Support to Catigory Bits
- Updated Code to Reflect overlay-imagebit.gif changes
- Renamed overlay-image.gif to overlay-imagebit.gif
- Created New Image Bit Overlay PSD & Layer Group for v1.2 of this Addon
- Pending more changes...

1.1
- Cleanup various changes to hack code (released as part of 1.2)

1.0
- Added Film Strip Round Box Support
- Added Image_Bit Round Box Support
- Created PSD to Make Round Gifs
- Release of Template Hack

Install Information:
Upload overlay-imagebit.gif & overlay-filmstrip.gif to the URL Below. Then do the Template Edits Below. I've included Txt File in Zip if you want to do this hack offline.

URL/Forum/Images/Misc/

4 Template Edits Below:
1) adv_gallery_imagebit
2) adv_gallery_showimage_filmthumb
3) adv_gallery_categorybit_level1
4) adv_gallery_categorybit_level2

TEMPLATE EDITS BELOW

1) OPEN Template: adv_gallery_imagebit

FIND:

Code:
 
 
<div align="center" style="margin-top:5px;margin-bottom:5px">
  <a href="showimage.php?$session[sessionurl]i=$images[imageid]$adv_sorturl"><img alt="$images[title]" border="0" src="$images[url]" /></a>
 </div>
REPLACE WITH:

Code:
 
<!-- Image Bit Overlay v1.2 Start - by PixelFX -->
<table cellpadding="0" cellspacing="0" border="0" align="center">
         <tr>
          <td style="background-repeat: no-repeat; background-position: center; background-image: url($images[url]); class="alt1" bgcolor="#000000">
<a href="showimage.php?$session[sessionurl]i=$images[imageid]$adv_sorturl">
 
<img src="$stylevar[imgdir_misc]/overlay-imagebit.gif" height="104" width="135" border="0" alt="$images[title]"></a></td>
</tr>
</table>
<!-- Image Bit Overlay v1.2 End - by PixelFX -->
DONE / NEXT..

2) OPEN Template: adv_gallery_showimage_filmthumb

FIND:

Code:
 
 
<td align="center" class="alt2" valign="bottom" width="$filmcellwidth">
 <if condition="$imgid == $imageid">
  <img border="0" alt="$imginfo[title]" src="$imginfo[url]" /><br />$imginfo[filmarrow]
 <else />
  <a href="showimage.php?i=$imgid$adv_sorturl"><img border="0" alt="$imginfo[title]" src="$imginfo[url]" /></a><br /><a href="showimage.php?i=$imgid$adv_sorturl">$imginfo[filmarrow]</a>
 </if>
</td>
REPLACE ENTIRE BLOCK WITH:

Code:
 
 
<!-- Film Strip Overlay v1.2 Start - by PixelFX -->
<td align="center" class="alt2" valign="bottom" width="$filmcellwidth">
 <if condition="$imgid == $imageid">
   <table cellpadding="0" cellspacing="0" border="0" align="center">
         <tr> 
<td style="background-repeat: no-repeat; background-position: center; background-image: url($imginfo[url]); class="alt1" bgcolor="#000000"> 
<img src="$stylevar[imgdir_misc]/overlay-filmstrip.gif" height="104" width="135" border="0" alt="$imginfo[title]"></td> 
</tr>
<tr><td>
<div align="center">$imginfo[filmarrow]</div>
</td></tr>
</table> 
 <else /> 
   <table cellpadding="0" cellspacing="0" border="0" align="center">
         <tr>
          <td style="background-repeat: no-repeat; background-position: center; background-image: url($imginfo[url]); class="alt1" bgcolor="#000000">
<a href="showimage.php?i=$imgid$adv_sorturl">
<img src="$stylevar[imgdir_misc]/overlay-filmstrip.gif" height="104" width="135" border="0" alt="$imginfo[title]"></a></td>
</tr>
<tr><td>
<div align="center"><a href="showimage.php?i=$imgid$adv_sorturl">$imginfo[filmarrow]</a></div>
</td></tr>
</table> 
 </if>
</td>
<!-- Film Strip Overlay v1.2 End - by PixelFX -->
DONE / NEXT..

3) OPEN Template: adv_gallery_categorybit_level1

FIND:

Code:
 
                <if condition="$cats['catimage']">
                    <td><a href="browseimages.php?$session[sessionurl]c=$cats[catid]"><img alt="" border="0" src="$vba_options[gallery_fileurl]/$cats[catimageurl]" width="$cats[catimagewidth]" height="$cats[catimageheight]" /></a></td>
                    <td width="$stylevar[cellpadding]"><img alt="" src="$vboptions[bburl]/$vboptions[cleargifurl]" width="$stylevar[cellpadding]" /></td>
                </if>
REPLACE WITH:

Code:
 
        <!-- Catigory Image Level1 Overlay v1.2 Start - by PixelFX -->
                <if condition="$cats['catimage']">
                    <td style="background-repeat: no-repeat; background-position: center; background-image: url($vba_options[gallery_fileurl]/$cats[catimageurl]); class="alt1" bgcolor="#000000"><a href="browseimages.php?$session[sessionurl]c=$cats[catid]"><img src="$stylevar[imgdir_misc]/overlay-imagebit.gif" height="$cats[catimageheight]" width="$cats[catimagewidth]" border="0" alt="$imginfo[title]"></a></td>
                    <td width="$stylevar[cellpadding]"><img alt="" src="$vboptions[bburl]/$vboptions[cleargifurl]" width="$stylevar[cellpadding]" /></td>
                </if>
        <!-- Catigory Image Level1 Overlay v1.2 End - by PixelFX -->
DONE / NEXT..

4) OPEN Template: adv_gallery_categorybit_level2

FIND:

Code:
 
                <if condition="$cats['catimage']">
                    <td><a href="browseimages.php?$session[sessionurl]c=$cats[catid]"><img alt="" border="0" src="$vba_options[gallery_fileurl]/$cats[catimageurl]" width="$cats[catimagewidth]" height="$cats[catimageheight]" /></a></td>
                    <td width="$stylevar[cellpadding]"><img alt="" src="$vboptions[bburl]/$vboptions[cleargifurl]" width="$stylevar[cellpadding]" /></td>
                </if>
REPLACE WITH:

Code:
 
        <!-- Catigory Image Level2 Overlay v1.2 Start - by PixelFX -->
                <if condition="$cats['catimage']">
                    <td style="background-repeat: no-repeat; background-position: center; background-image: url($vba_options[gallery_fileurl]/$cats[catimageurl]); class="alt1" bgcolor="#000000"><a href="browseimages.php?$session[sessionurl]c=$cats[catid]"><img src="$stylevar[imgdir_misc]/overlay-imagebit.gif" height="$cats[catimageheight]" width="$cats[catimagewidth]" border="0" alt="$imginfo[title]"></a></td>
                    <td width="$stylevar[cellpadding]"><img alt="" src="$vboptions[bburl]/$vboptions[cleargifurl]" width="$stylevar[cellpadding]" /></td>
                </if>
        <!-- Catigory Image Level2 Overlay v1.2 End - by PixelFX -->
DONE EDITS.

This is the end of your template edits.

I'll be adding more areas to this hack in the next version, as well as cleaning up code. I've included screenshots below to see what it looks like.

It basically just adds a cleaner look to your gallery. for those interested in using it.

If you have questions free to say hi below ..

DONATE:
If you like the Included PSD Files or this Hack, and want to donate, my paypal email is paypal@vbcredits.com Users are free to use the PSD files as they need to. If you have questions on how to use the PSD's PM me here or on my site once open.

DEMO:
I've updated my layout and site with a new style, and added this hack to the gallery for those that want a live demo again. (Aug 4th, 2007)

http://www.vbcredits.com/gallery/index.php

PLEASE CLICK INSTALL

Enjoy!

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #32  
Old 03-05-2007, 10:07 PM
Chadi's Avatar
Chadi Chadi is offline
 
Join Date: May 2004
Location: USA
Posts: 2,043
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I installed this a month ago but I have a small problem

- The white background (square) is not transparent, even in Firefox 2.
- the round background area is black, how do I change that color to something custom?
Reply With Quote
  #33  
Old 03-14-2007, 09:14 AM
PhoneiX PhoneiX is offline
 
Join Date: Feb 2007
Location: Ankara/T?rkiye
Posts: 28
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Excellent Hack!

*Installed*
Reply With Quote
  #34  
Old 03-16-2007, 10:54 PM
Gsmdenis Gsmdenis is offline
 
Join Date: Jan 2006
Location: Hongkong
Posts: 70
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

very very nice hack
Reply With Quote
  #35  
Old 04-27-2007, 05:13 AM
PixelFx PixelFx is offline
 
Join Date: Dec 2002
Posts: 1,117
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

your welcome I'll have an update soon for vBGallery 2.2, just working out some new features
Reply With Quote
  #36  
Old 07-12-2007, 06:38 AM
G0F0RBR0KE G0F0RBR0KE is offline
 
Join Date: Mar 2005
Posts: 987
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Very nice and makes the gallery more professional style.
Reply With Quote
  #37  
Old 07-12-2007, 07:02 AM
PixelFx PixelFx is offline
 
Join Date: Dec 2002
Posts: 1,117
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thanks, I accually started update for this for vbgallery 2.3 and vbadvanced cmps 3.0 rc1, messing wit other addons as well. Glad you like it :d
Reply With Quote
  #38  
Old 07-22-2007, 09:19 AM
PapaSmurf's Avatar
PapaSmurf PapaSmurf is offline
 
Join Date: Dec 2006
Posts: 63
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I can't wait for the vbadv 3.0 rc1 release.

Good work.
Reply With Quote
  #39  
Old 08-04-2007, 06:05 PM
PixelFx PixelFx is offline
 
Join Date: Dec 2002
Posts: 1,117
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

updated and tested everything on vb368, also working on v1.3 which will add even more fun to this mod.
Reply With Quote
  #40  
Old 12-25-2007, 01:09 PM
megawelle megawelle is offline
 
Join Date: Nov 2007
Posts: 8
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

hi, is that hack compatible with vbgallery 2.4?
Reply With Quote
  #41  
Old 03-10-2008, 07:04 PM
Squintz Squintz is offline
 
Join Date: Mar 2007
Posts: 3
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I got this working on 2.42 with VB 3.68. but I ran into some problems with the locations of the overlay images. I had to go through the code and direct link the URL's, and it seemed to work.

Being more of a design guy, I decided to add some shadows and color to my overlays. I attached the PSD, but I corrected it for my forums thumbnail size (140px).

Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:24 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05814 seconds
  • Memory Usage 2,322KB
  • Queries Executed 27 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (8)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete