![]() |
|
Mod Options |
![]() |
|||||||||||||||||||||||||||
[CM] Posbit Avatar Hover (Zoom + 360 Degrees Turn Effect)
![]() Developer Last Online: Feb 2023 ![]() ![]() ![]()
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: 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:
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:
Now replace it with the code below. Replace With:
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 ::::::::::::::::::::::::::::::::: 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! EnjoyExtra Modification & Optional Zoom Out Effect:
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
|
![]() |
||||
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
|
||||
|
||||
Good job, but it looks so @@
__________________
vivut.vn No members have liked this post.
|
#4
|
|||
|
|||
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
No members have liked this post.
|
#6
|
||||
|
||||
Good mod thanks mate! I have a similar type for minor animation effects
![]()
The following members like this post: ChiNa
|
#7
|
|||
|
|||
Thanks ! Super mod!
360 Degrees installed
__________________
www.povsemumiru.ru The following members like this post: ChiNa
|
#8
|
|||
|
|||
![]() Thanks man, this is a great little codebit that adds some fun to the site. Cheers! Installed and rated
![]() ![]() ![]() ![]() ![]() The following members like this post: ChiNa
|
#9
|
|||
|
|||
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
No members have liked this post.
|
#10
|
|||
|
|||
doesn't work in 4.2.0
No members have liked this post.
|
#11
|
|||
|
|||
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
No members have liked this post.
|
#12
|
|||
|
|||
Working Great in 4.2.0 Nice hack
![]() No members have liked this post.
|
#13
|
|||
|
|||
Nice one buddy works on 4.2.2 great job!
No members have liked this post.
|
#14
|
|||
|
|||
Working great on 4.2.2. Nice hack thanks.
No members have liked this post.
|
![]() |
«
Previous Mod
|
Next Mod
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Mod Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 15:47.