vb.org Archive
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

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)

Lizard King 01-07-2006 10:00 PM
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.

Stangsta 01-08-2006 01:53 PM
Nice mod.....but it doesnt automatically fit the thumbnails. :( Ill attach a screenshot in a sec.

Lizard King 01-08-2006 02:05 PM
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 ?

Stangsta 01-08-2006 02:11 PM
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.

Lizard King 01-08-2006 02:15 PM
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>

Stangsta 01-08-2006 02:25 PM
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!

Lizard King 01-08-2006 02:33 PM
Quote:
Originally Posted by Stangsta
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!
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.

b6gm6n 01-08-2006 04:31 PM
nice hack, photopost of course has had these for about a year!... :)

-b6

Snake 01-08-2006 07:09 PM
Nice mod!

lazyseller 01-08-2006 08:36 PM
how would i go about adding this to the profile picture ? i thinkt hat would be a nice addition...


All times are GMT. The time now is 03:55 AM.
Page 1 of 2 1 2
Show 40 post(s) from this thread on one page

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.01175 seconds
  • Memory Usage 1,748KB
  • 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
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete