Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[CM] Posbit Avatar Hover (Turns 360+ Effect) vB 3.8.x Details »
[CM] Posbit Avatar Hover (Turns 360+ Effect) vB 3.8.x
Mod Version: 1.00, by ChiNa (Coder/Designer) ChiNa is offline
Developer Last Online: Jul 2019 I like it Show Printable Version Email this Page

vB Version: 3.8.7 Rating: (1 vote - 5.00 average) Installs: 7
Released: 04 Aug 2012 Last Update: Never Downloads: 0
Not Supported Template Edits Auto-Template Code Changes Re-usable Code Translations  

This is a very small modification and works with hovering your mouse over an Avatar! Location in Postbit or Posbit Legacy template! It will make your avatar turn 360 Degrees all the way arround, and back to normal! Only by mouse hovering! This mod is only for vBulletin 3.8 and 4.x! Now I have also a ZOOM OUT EFFECT code added !

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

DEMO HERE

For vBulletin 4.x Click HERE

Check Example Images Below, Befor Install

2 Template Edits


2 different Effects 360 Degrees Turn Effect & Zoom Out Effect

360 Degrees Turn Effect



Zoom out Effect


This Tutorial is only showing the code for 360 Degrees Turn Effect.You can find the code for the ZOOM OUT EFFECT Below in the Extras Section!

=============== Tutorial Starts ===============

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 Templates that you have, On the template that you use, Click on the dropdown to your right, and choose "MAIN CSS"!

Step 2: Scroll all the way down to your "Additional CSS" and past the code below, at the bottom of all the other codes.

Code to add in Additional CSS:

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 Templates, and inside the you must decide which Template you use, if its Posbit or Postbit Legacy, In my case I use "Postbit Legacy", but as Default vBulletin is set to "Postbit"

So go a head and click on one of them, depends on which one you use!

Step 4:
In your Postbit template find the 2 lines 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.


And dont worry, it will not make any further conflicts with your template, Not even later, if you upgrade your board!


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!

=============== Tutorial Ends ===============



EXTRAS & OPTIONAL:


Below you will see the code for the ZOOM OUT EFFECT!

Zoom Out Effect:


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

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
Hover Links and Image Effect krvaricp vBulletin 3.5 Template Modifications 5 06 Nov 2005 18:19

Comments
  #2  
Old 04 Aug 2012, 04:47
New Joe's Avatar
New Joe New Joe is offline
 
Join Date: May 2009
Anyone know how to make this work for vb4?
Reply With Quote
  #3  
Old 04 Aug 2012, 20:13
Midohash's Avatar
Midohash Midohash is offline
 
Join Date: Aug 2010
Thank you, but what is the benefit from rotating the avatar 360 degrees?
__________________
منتديات المطاريد
https://www.almatareed.org
Reply With Quote
  #4  
Old 04 Aug 2012, 21:14
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Now also a Zoom effect added!

And here is the mod for vBulletin 4.x, Published Today:
http://www.vbulletin.org/forum/showthread.php?p=2354464

Well its only to make your posts a bit Fancy! As you can see this is only a Template Modification, and not an ADDON!, So there is not much benifits when you make a Template Modification!
__________________
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 06 Aug 2012, 20:44
3raq4all's Avatar
3raq4all 3raq4all is offline
 
Join Date: Feb 2009
Thank you
Reply With Quote
  #6  
Old 14 Aug 2012, 00:30
tehPARADOX tehPARADOX is offline
 
Join Date: Feb 2007
Thanks!
__________________
Reply With Quote
  #7  
Old 20 Sep 2012, 17:45
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by New Joe View Post
Anyone know how to make this work for vb4?

Now Also For vBulletin 4.x / CLICK HERE


You are welcome guys, Make sure click on Installed!

I see many thanks, and only 1 Installs! And thats actually myself, becaue I have it installed too! Thats all what you guys need to show your support!
__________________
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
  #8  
Old 20 Sep 2012, 17:58
mohammed146 mohammed146 is offline
 
Join Date: Nov 2011
nice man
Reply With Quote
  #9  
Old 27 Sep 2012, 22:03
SIINSI SIINSI is offline
 
Join Date: Mar 2003
Installed. Thanks! Changed "div" to "td" on 3.7X.
__________________
JDM Universe.com
Reply With Quote
  #10  
Old 27 Sep 2012, 23:10
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by SIINSI View Post
Installed. Thanks! Changed "div" to "td" on 3.7X.
Hi buddy, the Code just got updated after your reply! Please try to change the code to the updated one! Its only 1 line which should be change in your Postbit or Postbit_Legacy! No changes in your your MAIN CSS !

Look in your Postbit or Postbit_legacy for the following code below:

Find code:
<if condition="$show['avatar']">
<
div class="smallfont">

Now replace it with the code below:

Replace with:
<if condition="$show['avatar']">
<
div class="smallfont myavatar">

Done.. thanks for clicking on the Install button!
__________________
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
  #11  
Old 10 Nov 2012, 13:33
matrex722's Avatar
matrex722 matrex722 is offline
 
Join Date: Jan 2007
Wow thanks for this
Reply With Quote
  #12  
Old 25 Nov 2012, 19:42
al2thero al2thero is offline
 
Join Date: Aug 2008
Works great many 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:50.

Layout Options | Width: Wide Color: