Profile Enhancements - Mood Manager - with AJAX mood update.

By http://www.vbulletinexpert.com

UPDATES ON 24/07/2007

1.2.5
-----

- Fixed XSS security issue
- Added Banned usergroup option

UPDATES ON 15/04/2007

1.2.4
-----

Credits to hambil - https://vborg.vbsupport.ru/member.php?u=57845 for this update

- Aligned text and images for a cleaner look
- Changed dropdown to contain mood images instead of text, with admin option
- Added optional auto replace for postbit and postbit legacy templates

UPDATES ON 08/10/2006

1.2.3
-----

- Changed how the dropdown menu looks slighty, better I think.

- One of the plugins was left inactive by mistake, now active.
which resulted in dead mood images e.g. cross displayed in IE

- Fixed a few mood names / images, so are the same.

- Added a few NEW mood images, thanks to GlitterKill

UPDATES ON 22/09/2006
~~~~~~~~~~~~~~~~~

1.2.0
------

Simply Import the product and make sure you select "allow overwrite"

- No Mood option added
- User Moods will no longer disaply in postbit if moods are disabled.


1.1.3
------

- thanks to basilrath for the moods.

PLEASE READ THE INSTALL FILE

What is It?

It allows users to set a personal mood, which can be changed without reloading the page. The moodis displayed in the members profile and postbit.

Instructions Incuded in the attached file.

Demo

Support I can provide better support at www.vbcmspro.com

Upgrade My other hack depended on another hack, this does not, so simply undo / delete the other hack.

[deezelpope]

The names of your moods need to be typed in your vBulletin Options in your AdminCP exactly as they're named and uploaded into your image folder.

[hambil]

Hey, here is some code to align the image with the text and make it look nicer. I already made the edits on my board, and thought I'd share

In the quick_mood_change_by_sniper template

<span style="vertical-align: middle;">$vbphrase[my_mood]: </span><a href="#" id="moods"><if condition="!empty($bbuserinfo[mood])"><img style="vertical-align: middle;" src="images/mood/$bbuserinfo[mood].gif" border="0" /><else />$vbphrase[change_mood]</if></a>

In the ajax_start plugin

PHP Code:

die("<img style=\"vertical-align: middle;\" src=\"images/mood/" . $new_mood. ".gif\" border=\"0\" />"); 


In the postbit or postbit_legacy templates

				<if condition="!empty($post[mood])">
				<div>
					<span style="vertical-align: middle;">$vbphrase[my_mood]:</span> <img style="vertical-align: middle;" src="images/mood/$post[mood].gif" border="0" />
				</div>

Feel free to put this into the hack with no obligation or need to mention me. Great hack btw!

[dbirosel]

Originally Posted by hambil

Hey, here is some code to align the image with the text and make it look nicer. I already made the edits on my board, and thought I'd share

In the quick_mood_change_by_sniper template

<span style="vertical-align: middle;">$vbphrase[my_mood]: </span><a href="#" id="moods"><if condition="!empty($bbuserinfo[mood])"><img style="vertical-align: middle;" src="images/mood/$bbuserinfo[mood].gif" border="0" /><else />$vbphrase[change_mood]</if></a>

In the ajax_start plugin

PHP Code:

die("<img style=\"vertical-align: middle;\" src=\"images/mood/" . $new_mood. ".gif\" border=\"0\" />"); 


In the postbit or postbit_legacy templates

				<if condition="!empty($post[mood])">
				<div>
					<span style="vertical-align: middle;">$vbphrase[my_mood]:</span> <img style="vertical-align: middle;" src="images/mood/$post[mood].gif" border="0" />
				</div>

Feel free to put this into the hack with no obligation or need to mention me. Great hack btw!

Can i see a sshot of the differences and improvements you have done?

[hambil]

Sure, I also used optgroup to put images in the drop down instead of text.

Here is a couple screenshots:

[deezelpope]

WOW!!! That's cool!!! Great job!!! I think I might hafta do it your way!!! I like, I like!!:up: :up: :up:

How'd you do that??

[hambil]

LOL

If what I already posted makes no sense to you, then I recommend you wait for the mod author to incorporate my changes if he/she decides to do so.

[deezelpope]

You added the images to the drop-down with just that coding? I can handle that!! But it's what you said about using 'optgroup'? I'm sorry, but ya lost me there.

[hambil]

Oh. Optgroup is an html tag that allows background images.

So, I made this change to the select in the "[Mood Manager] - Make Drop Down Menu" hook:

PHP Code:

foreach ($moodslist AS $mood)
{
    $mood = trim($mood);
    if ($mood == $vbulletin->userinfo['mood']) { $selectedmood = ' Selected'; } else { $selectedmood = ''; }
    $vbmoods['mood'] .= '<optgroup style="background-image: url(images/mood/' .$mood. '.gif); height: 15px; width: 72px;"><option value="' .$mood. '"' .$selectedmood. '></option></optgroup>';
    $vbmoods['mood'] .= "\r";
} 


Also note that you need to make two small changes in the images. In Love.gif will need to have the space removed (and the name in settings needs the space removed to match). And Psychadelic.gif needs to be Psychedelic.gif (which technically is a problem with or without images in the drop-down, but might as well fix it)

I hard-coded the image size. If someone wanted to get all fancy they could probably make that more dynamic, but with the included images it works just fine.

[deezelpope]

Sweet!! Thank you for taking the time to explain this to me. I will work on this in the morning! I'm looking forward to this!! I will let you know how it goes! Thanks again, Hambil! BTW, LOVE your avatar!! So cute!

[Invalid ID]

It's not working with vbadvanced. Please check the attached photo. Thanks