Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[CM] Posbit Avatar Hover (Zoom + 360 Degrees Turn Effect) Details »
[CM] Posbit Avatar Hover (Zoom + 360 Degrees Turn Effect)
Mod Version: 1.00, by ChiNa (Coder/Designer) ChiNa is offline
Developer Last Online: Feb 2023 I like it Show Printable Version Email this Page

vB Version: 4.2.0 Rating: (5 votes - 4.80 average) Installs: 22
Released: 04 Aug 2012 Last Update: Never Downloads: 0
Not Supported Template Edits Auto-Template Code Changes Re-usable Code Translations  


I made this modification for vBulletin 3.8, but today I decided to try on vB4.x! I must admit it was not easy, because i never had worked on a vB 4.x befor! It was not easy, but I made it! I had not much time, so for now this modification is for "Postbit_Legacy" Templates! I will later make another mod for the Postbit!!


Modification is only visible for users in
Firefox, Safari, Chrome & Opera! Does sadly not work for users using Internet Explorer!


2 Template Edits
2 Different Effects: 360 Degrees Turn & Zoom Out Effect

For vBulletin 3.8 by Clicking HERE!


360 Turn Demo:



Zoom Out Demo



:::::::::::::::::::::::::::: TUTORIALS START :::::::::::::::::::::::::::::::::

Lets begin:


Step 1: First Go to your ADMINCP, find Styles & Templates, and then click on Style Manager!

Now on your right side you should see the Dropdown, now in the dropdown choose Edit Template!

Step 2: Scroll down and look for CSS Templates, and click to enter the template! Now look for "additional.css", Click and enter inside the "additional.css" template, and past the code below, at the bottom! (If there are any other codes, Usually Additional CSS is empty)!

Add the Code below in the additional.css:

360 Degrees Turn Code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Step 3
: Now go to your Styles & Templates, and again click on Style Manager!
And on again on your right side choose "Edit Template" in the dropdown!

Now in your templates, look for Postbit Legacy, and click and enter the template! Now this mod is only for Postbit Legacy, But later I will make another one for the Postbit template as well!

Step 4: In your Postbit template find the code below.

Code to find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Now replace it with the code below.


Replace With:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Notice, we only add added 2 things
: <div class="myavatar"> in the front, And </div> at the end of the code! We did not remove the original!
Dont worry, it does not make any conflicts with template, Not even in the future!

Click Save, and your done!

Please Notice, if you use this mod, make sure to click install, if you later needed support for this mod!

:::::::::::::::::::::::::::: TUTORIALS ENDS :::::::::::::::::::::::::::::::::

Extra Modification & Optional
Notice: The code that we added in the Additional CSS was the 360 Degreess Turn Effect code, Below I have posted the code for Zoom Out Effect! Enjoy

Zoom Out Effect:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Add code in the additional.css template, And Done!

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Show Thread Enhancements [CM] Posbit Avatar Hover (Turns 360+ Effect) vB 3.8.x ChiNa vBulletin 3.8 Template Modifications 11 25 Nov 2012 18:42

Comments
  #2  
Old 05 Aug 2012, 02:27
xixxon's Avatar
xixxon xixxon is offline
 
Join Date: Jun 2007
Real name: Xí muội
Good job, but it looks so @@
__________________
vivut.vn
Reply With Quote
  #3  
Old 05 Aug 2012, 09:54
New Joe's Avatar
New Joe New Joe is offline
 
Join Date: May 2009
Cool and fun.
Thanks, installed
Reply With Quote
  #4  
Old 06 Aug 2012, 04:47
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
You are welcome guys, Thank you for the support! I am totally a newbie, but I know a bit about CSS and HTML! And I am doing my best to make a few extra mods...


Check out my Twitter & Facebook SlideBox! Also New, Never done befor for vB3.8!
And now also available for vB 4.x! I think you guys will like it too!
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #5  
Old 10 Aug 2012, 04:22
blake247 blake247 is offline
 
Join Date: Sep 2008
Sweet mod! Works great!
__________________
Masons of Texas
http://www.masonsoftexas.com
Reply With Quote
  #6  
Old 16 Aug 2012, 12:17
ramesh_umk3's Avatar
ramesh_umk3 ramesh_umk3 is offline
 
Join Date: Jul 2010
Real name: Wiston Book
Good mod thanks mate! I have a similar type for minor animation effects

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #7  
Old 27 Aug 2012, 11:28
gariksher gariksher is offline
 
Join Date: Feb 2011
Real name: Igor
Thanks ! Super mod!
360 Degrees installed
__________________
www.povsemumiru.ru
Reply With Quote
  #8  
Old 25 Nov 2012, 02:10
midgetgrimm midgetgrimm is offline
 
Join Date: Apr 2011
Real name: James
Thumbs up Working great on 4.0.7

Thanks man, this is a great little codebit that adds some fun to the site. Cheers! Installed and rated
Reply With Quote
  #9  
Old 28 Nov 2012, 11:06
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
A Big thanks to all of you for the FEEDBACK and for reply... Appreciate your support guys... Keep it up and support our hardworking developers... A Thanks is all they need for the headsup..............

Regards CM
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #10  
Old 31 Jul 2013, 08:46
stevieb stevieb is offline
 
Join Date: Apr 2005
doesn't work in 4.2.0
Reply With Quote
  #11  
Old 04 Oct 2013, 17:16
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by stevieb View Post
doesn't work in 4.2.0
Its actually made on 4.2.0 and works on any vBulletin 4.x Versions. Only if you do it correctly. I am pretty sure you are doing something wrong! I have installed it on more than a dusins of vB4.2.x forums and never had a single problem!

If you need me to help you out or Install it for you, then please create an Admin ID + Password and send it to my Inbox incl, your forum link!
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #12  
Old 11 Oct 2013, 12:34
tanzeelniazi tanzeelniazi is offline
 
Join Date: Apr 2012
Working Great in 4.2.0 Nice hack
Reply With Quote
  #13  
Old 11 Jan 2014, 00:45
deathtrancer deathtrancer is offline
 
Join Date: Nov 2008
Nice one buddy works on 4.2.2 great job!
Reply With Quote
  #14  
Old 28 Apr 2015, 23:20
msau msau is offline
 
Join Date: Oct 2014
Working great on 4.2.2. Nice hack thanks.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 15:47.

Layout Options | Width: Wide Color: