MyBB Tutorials

Shaking Logo Effect

Submitted by linkzy, , Thread ID: 50

Thread Closed
linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
15-01-2015, 07:50 AM
This post was last modified: 15-01-2015, 08:04 AM by Aoki
#1
This tutorial shows how to add the effect of your logo shaking when someone hovers over it.

First step is to navigate to your ACP>Templates & Style>Themes>your current theme>global.css and add this code:


Code (Text):
Content locked
This content has been locked. Please login or register in order to unlock it.


Next we need to assign the class we just added (shake) to the logo. Navigate to ACP>Templates & Style>Templates>your current theme>Header Templates>header and find the reference to your logo and add class="shake" to that line. Example below:





PHP Code:
[URL="http://yoursite.com"][IMG]{$theme['logo']}[/IMG]settings['bbname']}" title="{$mybb->settings['bbname']}" />[/URL] 


Save and refresh your forum to test effect. Note: the shake effect can be add to most images on forum if you want, just experiment with adding the class="shake".
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Shaking Logo Effect

maxtor
Closed Account
Level:
0
Reputation:
0
Posts:
19
Likes:
0
Credits:
0
23-06-2015, 12:02 PM
#2
thanks her I had not done I will try Wink

RE: Shaking Logo Effect

ry4hhh
Newbie
Level:
1
Reputation:
0
Posts:
12
Likes:
0
Credits:
6
18-09-2022, 11:44 PM
#3
Posting here for now as I do not have 8 credits

Users browsing this thread: 1 Guest(s)