vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.5 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=113)
-   -   Avatar/Image Reflection Effect (https://vborg.vbsupport.ru/showthread.php?t=114726)

C_P 05-06-2006 10:03 PM

No problem. They look great!

pcoskat 05-06-2006 10:10 PM

Wow! How nice is THIS mod?!?!

I can't wait to get this going on my board!

Ok..off to find a coder :)

Tralala 05-07-2006 01:53 AM

Most of the samples posted have been against a white or light background... here are some examples against some other colors.

I think the effect really shines against darker, or black backgrounds:

http://homepage.mac.com/joshr/trl/re...hitesample.jpg

http://homepage.mac.com/joshr/trl/re...lacksample.jpg

http://homepage.mac.com/joshr/trl/re...reensample.jpg

Uncle Buck # 2 05-07-2006 02:28 AM

This is very cool.

We have just added it and it looks GREAT!!

Thank you for your work, it is much appreciated.

Buck

kall 05-07-2006 04:12 AM

Have a look here please .. see how my avatar (transparent .gif) has jaggies on its reflection?

Also, the avatar of extremeslick looks a bit weird..

Tralala 05-07-2006 04:21 AM

Quote:

Originally Posted by kall
Have a look here please .. see how my avatar (transparent .gif) has jaggies on its reflection?

Also, the avatar of extremeslick looks a bit weird..

They look great on my end, actually. Here are screenshots:

http://homepage.mac.com/joshr/trl/re...mples/kall.jpg http://homepage.mac.com/joshr/trl/re...tremeslick.jpg

What browser are you using?

kall 05-07-2006 04:28 AM

You are quite right!

Ahh. It looks fine in IE, but bad in FF 1.5.0.3, like the attached.

Tralala 05-07-2006 04:32 AM

Ah, okay, I see. It seems Firefox 1.5.x has an issue with reflections of transparent GIFs. Let me look into that...

Code Monkey 05-12-2006 02:22 AM

Any new developements on this project?

Tralala 05-12-2006 03:47 AM

Quote:

Originally Posted by JumpD
Any new developements on this project?

Yep, a few improvements on the way soon. As well as some code-tightening, thanks to a friend... :cool:

phkk 05-14-2006 10:18 PM

Nice

icare 05-15-2006 12:59 AM

I think my forum uses postbit not postbit legacy.. ?

i tried editing postbit legacy but I didn't work in in thread..
please help

Tralala 05-15-2006 01:35 AM

Quote:

Originally Posted by icare
I think my forum uses postbit not postbit legacy.. ?

i tried editing postbit legacy but I didn't work in in thread..
please help

No problem icare, I will update the instructions shortly for use in postbit.

icare 05-15-2006 04:25 AM

Quote:

Originally Posted by Tralala
No problem icare, I will update the instructions shortly for use in postbit.


Thanks! You are so sweet!:banana:

Tralala 05-15-2006 05:17 AM

icare:

To add the reflection effect underneath avatars in thread view, FIND in "postbit" template:

Code:

                        <if condition="$show['avatar']"><td class="alt2"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>
                        <td nowrap="nowrap">

REPLACE THAT WITH:
Code:

                        <if condition="$show['avatar']"><td class="alt2"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" class="reflect" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>
                        <td nowrap="nowrap">


Tralala 05-28-2006 09:49 PM

Updated to version 1.5

-Added ability to vary height and the opacity of the reflections
http://homepage.mac.com/joshr/trl/re...andopacity.jpg

-Fixed issue with Safari and landscape images
-Made reflection of images with specified dimensions better
-Removed wholeimage class
-Added scriptable reflections - Reflection.add(), Reflection.remove() - allowing for interactivity and flexibility. Reflections can respond to user actions (e.g. changing the reflection opacity when the image is hovered over or clicked.) For more information, see info and files at http://cow.neondragon.net/stuff/reflection/
-Added instructions for postbit template.


To upgrade, simply overwrite reflection.js in your forum's clientscript folder.

kall 05-29-2006 04:53 AM

The jaggies are still visible using Firefox..

Tralala 05-29-2006 05:02 AM

Quote:

Originally Posted by kall
The jaggies are still visible using Firefox..

Yes, as mentioned in the readme.txt, reflections of curved / transparent GIFs do not render well in Firefox 1.5. It's a bug in Firefox's canvas support, and there's not much I can do about it.

kall 05-29-2006 05:15 AM

Your update didn't mention to read the readme. ;)

(I see it there now.. ahh well, waiting on Mozilla to release a fixed one.) :)

futuredood 06-22-2006 09:46 AM

VERY nice hack. simple and easy to install, and hardly any server load. one thing you can do is clean up the readme.txt file, for some reason it's really messy (bunch of square symbols).

also, how do you go about changing the opacity and height settings?

Tralala 06-22-2006 04:18 PM

Quote:

Originally Posted by futuredood
VERY nice hack. simple and easy to install, and hardly any server load.

Thanks!

Quote:

Originally Posted by futuredood
one thing you can do is clean up the readme.txt file, for some reason it's really messy (bunch of square symbols).

Fixed. I've replaced the attachment... please download and let me know if it looks better?

Quote:

Originally Posted by futuredood
also, how do you go about changing the opacity and height settings?

From the ReadMe:

Quote:

Customizing height and opacity of reflections
------------------------------------------------
The reflection effect, by default, will be half the height of the original image. Thus, the height of the image, plus reflection, will be 1.5x the image's original height.
You can vary the height of a reflection by adding rheight followed by the desired height (in percent) to the CSS class list.
To use a reflection 33% the height of the original image: class="reflect rheight33"

The default opacity of reflections is 50%.
You can vary the opacity of a reflection by adding ropacity followed by the desired opacity (in percent) to the CSS class list.
To use a reflection with 30% opacity: class="reflect ropacity30"

You can combine these two options. To create a 80% height 40% opacity reflection use:
class="reflect rheight80 ropacity40"
Hope this helps.

futuredood 06-22-2006 07:59 PM

looks better, nice job!

oberheimhaven 06-23-2006 01:16 AM

Man I love this thanks, anyway to get my banner to reflect if so let me know how!!

Thxs again
Ober:banana:

Danny Diamond 06-23-2006 01:59 AM

Does this work for 3.5.3?

I can't get it to work for some reason.

*goes and criees in corner*

EDIT - Nevermind. I installed the clientscript file to the wrong spot.

YOU ROCK !!!

Tralala 06-23-2006 03:31 AM

Quote:

Originally Posted by oberheimhaven
Man I love this thanks, anyway to get my banner to reflect if so let me know how!!


Simply add

Code:

class="reflect"
to the HTML code for that specific image, to add a reflection.

oberheimhaven 06-23-2006 10:15 AM

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center"> class="reflect"

Im new is this correct

Ths again for the hack and the help!!!

Tralala 06-23-2006 01:15 PM

Quote:

Originally Posted by oberheimhaven
Im new is this correct

Ths again for the hack and the help!!!

In your "header" template, find this:

PHP Code:

    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]border="0" alt="$vboptions[bbtitle]/></a></td

and replace it with this:

PHP Code:

    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]class="reflect" border="0" alt="$vboptions[bbtitle]/></a></td


Although, let me add this... this reflection script is good for avatars since they are varied and always changing. Since your logo is a static image though, it probably would make more sense to generate a similar reflection (say, in an art application like Photoshop) and upload that complete image instead. Yes, it's only one javascript call, but it'll be on every page of your forum, and it may effect page-loading performance on the user side.

R.Solutions 06-23-2006 01:58 PM

Thanks for the hack, installed.

Tralala 06-24-2006 05:29 PM

You're quite welcome!

edeline 06-25-2006 12:58 PM

thanx... work fine :)

Tulsa 06-25-2006 01:50 PM

Is anyone else having a issue when you go to new posts, the newest post you've not read is no longer showing at the top of the screen? I'm finding that it's taking me back 3 or 4 posts at times. I've moved the reflection javascript around a bit with no change, but remove the javascript and everything is normal.

Deimos 07-18-2006 04:09 PM

Has anyone else had problems with their browser freezing when loading pages with the reflection mod added?

When it's on my forum, if you load a large thread or forum listing, it freezes poeple's browsers momentarily (3-5 seconds)
When removing the code from the header template, it doesn't do it.

Tralala 07-18-2006 04:26 PM

Quote:

Originally Posted by Deimos
Has anyone else had problems with their browser freezing when loading pages with the reflection mod added?

When it's on my forum, if you load a large thread or forum listing, it freezes poeple's browsers momentarily (3-5 seconds)
When removing the code from the header template, it doesn't do it.

I've gotten sporadic reports about this too, and in every case it was specific to Internet Explorer (6 and 7.) I think IE just has a hard time with this specific javascript code.

The momentary freeze does not happen with Firefox, Netscape, Safari, Camino, etc. Just IE. I'm not proficient enough with Javascript to be able to fine-tune or troubleshoot this, and my free-time is limited, but am open to any outside assistance.

Deimos 07-18-2006 04:30 PM

Yea, it was with IE that it kept freezing, I can't say I noticed it when using Firefox.

Darn :P

I||usi0nz 07-31-2006 04:17 PM

nice bro, i'll try this out when i get a chance.

Renmiri 07-31-2006 05:17 PM

lovely addition to pictures!

rweber93 08-15-2006 11:46 AM

Is there any way to reflect the signatures? :)

Ziki 09-24-2006 06:01 PM

Tralala this doesn't work by me :D

Tralala 09-25-2006 10:33 PM

Quote:

Originally Posted by Ziki
Tralala this doesn't work by me :D

In what way? No reflection at all? Have you tried other web browsers?

TTG 09-25-2006 11:19 PM

Works well on 3.6.1
Clicked install .. nice addition


All times are GMT. The time now is 06:44 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.01327 seconds
  • Memory Usage 1,836KB
  • 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
  • (3)bbcode_code_printable
  • (2)bbcode_php_printable
  • (13)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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