AAC Anyone know how to add this bar?

[LIINDI]

Hey guys!

Do anyone know how to add this script to the aac?
The online count is linked to "whoisonline" on the aac.
Not trying to copy ezodus. I will ofc customize it!

Pretty sure this is the script but not sure where to put it.

<div class="status-bar notranslate">
<div class="container">
<div class="item">
<a href="/character/whoisonline"><span class="online">Online </span><span class="value">744/2000</span></a>

</div>
<div class="item">
ip:<span class="value">ezodus.net</span>
</div>
<div class="item">
version:<span class="value">10.00-11.x</span>
</div>
<div class="item">
port:<span class="value">7171</span>
</div>
<div class="item">
<a href="/custom/download_client" class="value">Download Client</a>
</div>
<div class="item pull-right" style="border-right:1px solid #4a8cb2;">
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'es,pl,pt', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-67686388-1'}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Help really appreciated.
Thanks.

 

[slaw]

This is the right part you copied - but - additionally, you need to copy .css classes, cause there are saved information's how to style that elements.

You need to find classes like "status-bar", "container", "item", etc - everything you see in your HTML Code. It should be somewhere in the .css file of the site.

Have fun!