vb.org Archive - Overlay Round Image for Photopost vBgallery

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.5 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=155)

- - Overlay Round Image for Photopost vBgallery (https://vborg.vbsupport.ru/showthread.php?t=104788)

Overlay Round Image for Photopost vBgallery

I was looking for this kind of modification for a long time. Last night i worked on it and figured out a way to do this.

Upload overlay-round.gif to your style's misc folder.

Open adv_gallery_imagebit
find :

HTML 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 :

HTML Code:

        <div align="center" style="background-repeat: no-repeat; background-position: center; background-image: url($images[url]);" class="alt1">

<a href="showimage.php?$session[sessionurl]i=$images[imageid]$adv_sorturl"><img alt="$images[title]" border="0" src="$stylevar[imgdir_misc]/overlay-round.gif" /></a>

        </div>

Optional :

If you like to add any background color you shall use the following code instead of the one above

HTML Code:

<table width="105" align="center" border="0" cellpadding="0" cellspacing="0">

        <tr>

                <td width="105" align="center" style="background-repeat: no-repeat; background-position: center; background-image: url($images[url]); background-color: #000;">

<a href="showimage.php?$session[sessionurl]i=$images[imageid]$adv_sorturl"><img alt="$images[title]" border="0" src="$stylevar[imgdir_misc]/overlay-round.gif" /></a>

                </td>

        </tr>

</table>

In order to change the background color just change #000 to any color you like. I added a screenshot for the background color.

You are ready to go.

Demo

* You need to have Photopost vB gallery installed for this mod.

Nice mod.....but it doesnt automatically fit the thumbnails. :( Ill attach a screenshot in a sec.

Quote:

Originally Posted by Stangsta

Nice mod.....but it doesnt automatically fit the thumbnails. :( Ill attach a screenshot in a sec.

What is your thumbnail size in your gallery settings ?

Quote:

Originally Posted by Lizard King

What is your thumbnail size in your gallery settings ?

it was 125, i tried 100 and the same thing happens.

Quote:

Originally Posted by Stangsta

it was 125, i tried 100 and the same thing happens.

Did you rebuild your thumbnails ? after changing to 100 ?

i checked with opera , firefox and internet explorer and the code is working.

Edit : can you try this :

HTML Code:

        <div align="center" width="105" height="105" style="background-repeat: no-repeat; background-position: center; background-image: url($images[url]);" class="alt1">

<a href="showimage.php?$session[sessionurl]i=$images[imageid]$adv_sorturl"><img alt="$images[title]" border="0" src="$stylevar[imgdir_misc]/overlay-round.gif" /></a>

        </div>

Quote:

Originally Posted by Lizard King

Did you rebuild your thumbnails ? after changing to 100 ?

i checked with opera , firefox and internet explorer and the code is working.

Edit : can you try this :

HTML Code:

        <div align="center" width="105" height="105" style="background-repeat: no-repeat; background-position: center; background-image: url($images[url]);" class="alt1">

<a href="showimage.php?$session[sessionurl]i=$images[imageid]$adv_sorturl"><img alt="$images[title]" border="0" src="$stylevar[imgdir_misc]/overlay-round.gif" /></a>

        </div>

Hmmmm. I rebuilt the thumbnails and that didnt help much. I tried the above code, also a no go. It must be a setting on my end, I just dont know which one :(

EDIT: I think if you could make it so the .gif conforms to the thumbnail sizerather than a static size....we would be golden!

Quote:

Originally Posted by Stangsta

This is just a simple solution. In order to do what you must ask we need a java to resize the background image. i'll check that.

nice hack, photopost of course has had these for about a year!... :)

-b6

how would i go about adding this to the profile picture ? i thinkt hat would be a nice addition...

Quote:

Originally Posted by lazyseller

how would i go about adding this to the profile picture ? i thinkt hat would be a nice addition...

I will try to add a java so the background image will autosize. Without it i think it will not be so good for profilepictures since every profile picture will have a different size.

thanks... and you are right... i tried messing with this but its to complicated for me

whatever happened with the auto resize?

also, is there a way for the image to load ontop of the pulled graphic for background?

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (5)bbcode_html_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (14)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01234 seconds Memory Usage 1,756KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (5)bbcode_html_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (14)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: