Licznik obok zakładki w głównym menu

[Neproify]

Witajcie. Stworzyłem własną aplikację - w menu u góry mam "Strona Główna". Chciałbym dodać obok tego licznik(taki czerwony kwadracik z liczbą). Coś takiego jak np. tutaj:

http://c-games.net/

[insp]

http://www.invisionpower.com/support/guides/_/advanced-and-developers/application/notifications-r190

[Macsch15]

Zobacz jak to rozwiązali inni, np. Shoutbox.

[Neproify]

Okej. Znalazłem - odpowiada za to hook - w przypadku shoutbox'a online_tab. Jak coś, to będę pisał.

<if test="hasSomeToShow:|:$count > 0">
	<div id="shoutbox-tab-count-wrap"><span id="shoutbox-tab-count" class="ipsHasNotifications" style="display: none;">{$count}</span></div>
	<script type="text/javascript">
		document.observe("dom:loaded", function(){
			var _thisHtml	= $('nav_app_shoutbox').innerHTML;
			_thisHtml = _thisHtml.replace( /\<\/a\>/ig, '' ) + $('shoutbox-tab-count-wrap').innerHTML + "</a>";
			$('nav_app_shoutbox').update( _thisHtml );
			$('shoutbox-tab-count-wrap').remove();
			$('shoutbox-tab-count').show();
		});
	</script>
</if>

W orginale jest taki kod. Wystarczy przerobić i powinno działać.

#shoutbox-tab-count.ipsHasNotifications
{
	left: auto;
	top: 0px;
	right: -1px;
	text-shadow: none !important;
}

I coś takiego w pliku css.

Edytowane 29 Marca 2014 przez Neproify