[SOLVED] Animation for CB notifications

pranaydhruv
OFFLINE
Elite Member
Posts: 316
Thanks: 8
Karma: 1

9 years 2 months ago - 9 years 1 month ago #260903 by pranaydhruv

[SOLVED] Animation for CB notifications was created by pranaydhruv

Hello Team,

When a new CB notification arrives how can i have an animation like a Red round dot with the number of new notifications that bilnks / throbs ? Kindly suggest.

Thanks
Pranay

Last edit: 9 years 1 month ago by krileon.

Please Log in to join the conversation.

krileon
Team Member
OFFLINE
Posts: 68602
Thanks: 9108
Karma: 1434

9 years 2 months ago #260906 by krileon

Replied by krileon on topic Animation for CB notifications

CB Notification? We've no such notification system. Please further clarify what you're wanting. CB only sends PMS or Email notifications; neither of which CB has any further control over once sent.

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

pranaydhruv
OFFLINE
Elite Member
Posts: 316
Thanks: 8
Karma: 1

9 years 2 months ago #260907 by pranaydhruv

Replied by pranaydhruv on topic Animation for CB notifications

Hello Kyle,

Oops, i meant Cb workflows.(i re-named it to notifications and forgot)

Thanks
Pranay

Please Log in to join the conversation.

krileon
Team Member
OFFLINE
Posts: 68602
Thanks: 9108
Karma: 1434

9 years 2 months ago #260945 by krileon

Replied by krileon on topic Animation for CB notifications

I see, yes that's doable. You'll need to add CSS for it. The below should work fine.

@keyframes moderator-blink {
  to {
	visibility: hidden;
  }
}

@-webkit-keyframes moderator-blink {
  to {
	visibility: hidden;
  }
}

.cbModeratorLinks .cbModeratorLink {
	animation: moderator-blink 1s steps( 5, start ) infinite;
		-webkit-animation: moderator-blink 1s steps( 5, start ) infinite;
}

The above adds a blink animation to the moderator links. You can add the CSS to the bottom of your Joomla template CSS file for example.

Please Log in to join the conversation.

pranaydhruv
OFFLINE
Elite Member
Posts: 316
Thanks: 8
Karma: 1

9 years 1 month ago #261184 by pranaydhruv

Replied by pranaydhruv on topic Animation for CB notifications

Hello Kyle,

I tried as per your suggestion and found it to be a good option, and i am thinking how can i better this. is it possible to change the text color to a different color and make it bold. I tried to do it in CSS but it changes the properties of other text too.

Thanks
Pranay

Please Log in to join the conversation.

krileon
Team Member
OFFLINE
Posts: 68602
Thanks: 9108
Karma: 1434

9 years 1 month ago #261215 by krileon

Replied by krileon on topic Animation for CB notifications

Yes, you'd just add the extra styling to the selector already provided above. Please see the below resources for CSS usage information.

www.w3schools.com/css/default.asp
developer.mozilla.org/en-US/docs/Web/CSS/Tutorials

For the color you'd use the color style and for bold you'd use the font-weight style.

Please Log in to join the conversation.

Moderators: beat, nant, krileon

Time to create page: 0.227 seconds

[SOLVED] Animation for CB notifications

Attachments:

Search

Login / Logout

Menu

User Menu