Both css editor and site builder. I'm not using cloud.
Announcement
Collapse
No announcement yet.
How to Create a Pulsating Button using CSS Animation
Collapse
X
-
Originally posted by glennrocksvb View PostDemo:
My ♥ beats like this
- Top
- Translate
- Bottom
Comment
-
chocodz, follow Steps 2 and 3. What do you want to have this pulsating effect?Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
Originally posted by chocodz View Postlike post reply and new topic and subscribeHelpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 1
Comment
-
Originally posted by Mackey View Post
- Top
- Translate
- Bottom
Comment
-
Originally posted by glennrocksvb View Post2. Add hearbeat CSS class to any button or HTML tag you want to use in HTML/Ad/PHP modules, Announcemens, Notices, etc. You can add the heartbeat CSS class to any element you want to pulsate not just to buttons.
- Top
- Translate
- Bottom
Comment
-
Originally posted by glennrocksvb View Post2. Add hearbeat CSS class to any button or HTML tag you want to use in HTML/Ad/PHP modules, Announcemens, Notices, etc. You can add the heartbeat CSS class to any element you want to pulsate not just to buttons.
3. If you are using this for buttons, you also need to add b-button and b-button--primary or b-button--special CSS classes to the button.
but how I can do the step 2 ... I want to add the "heartbeat" of be member of my forum (for the guests)
- Top
- Translate
- Bottom
Comment
-
Where exactly do you want to add the heartbeat? In the user avatar? Please be more specific. But note that you can only add it to Notices, HTML Modules, posts where you have HTML permission, Phrases or anywhere you can add HTML. For existing default buttons and other existing sections of the site, it will require additional code.
- Top
- Translate
- Bottom
-
Originally posted by glennrocksvb View PostWhere exactly do you want to add the heartbeat? In the user avatar? Please be more specific. But note that you can only add it to Notices, HTML Modules, posts where you have HTML permission, Phrases or anywhere you can add HTML. For existing default buttons and other existing sections of the site, it will require additional code.
1 Photo
- Top
- Translate
- Bottom
Comment
-
Originally posted by Derwin View PostHello. I want to create a REGISTER BLOCK like you have for this site. How exactly do I do that? I obviously also want to add this pulsating button.Making the default guest notice to stick at the bottom of the page as you scroll helps it to become more noticeable. This may encourage guests more to sign up or log in to your forum. To do this, simply add the below custom CSS in css_additional template in AdminCP or in Sitebuilder > Style > CSS Editor. .l-desktopHelpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 1
Comment
-
Originally posted by glennrocksvb View Post
.l-desktop .notice[data-notice-id='1'] {
position: fixed;
z-index: 2;
bottom: 0;
right: 0;
margin: 10px;
width: 400px;
box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.7);
}
.page3 .notice[data-notice-id='1'] {
display:none !important;
}
- Top
- Translate
- Bottom
Comment
-
I'll look into it later. No access to my computer at the moment.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 1
Comment
-
I updated the CSS code in the first post of that other mod to add a notice header title if that's what you were looking for.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 1
Comment
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
Comment