Pulsate Text

[aRMY83]

Jul 18, 2014 13:56:28 GMT -8 PF said:

Okay, just to double check, I have the code in the Global Footer positioned above another code for the page view counter. Would that matter?

Also, I have the line of code in the mini profile layout template. I think that's placed correctly, so could it be the Global Footer positioning?

Also, how do I fix it so that the mini profile shows when someone is offline too? Right now it only shows when someone is online.

As to the first, the positioning of codes within the Global Footer should not make a difference.

As to the second, that is correct on the layout template > mini profile and it could be the Global Footer positioning, but I doubt it.

As to the third, this is my code on my main site that you can use: ( edit to fit your needs )

<span style="color: #{if $[user.is_online]}00ff00{else}ff0000{/if}; font-weight: bold;">{if $[user.is_online]}<div class="pulsate">I am online</div>{else}<div class="pulsate">I am offline</div>{/if}</span>

[PF]

Thanks!

[aRMY83]

You're welcome and hope you get it sorted out.

[aRMY83]

Hello TinMachine

As suggested to Heeeeey:

As to the third, this is my code on my main site that you can use: ( edit to fit your needs )

Try this:

<span style="color: #{if $[user.is_online]}00ff00{else}ff0000{/if}; font-weight: bold;">{if $[user.is_online]}<div class="pulsate">I am online</div>{else}<div class="pulsate">I am offline</div>{/if}</span>

[aRMY83]

Hello again TinMachine

Just checked your source code and remove this from the code:

<script type="text/javascript">
$(document).ready(function() {
function pulsate() {
$(".pulsate").animate({opacity: 0.2}, 1200, 'linear')
.animate({opacity: 1}, 1200, 'linear', pulsate); <---- See below
}
pulsate();
});
</script>

and make sure that code is in the Global Footer.

If it still does not work, you may want to tag jrryan as he has it working just fine.

[aRMY83]

Great to hear you got it up and running.

I also changed the original post to add:

Note: Remove this <---- See below before placing the above code in the Global Footer.