separate who is online and legend

[Nutu.]

hi, is there any way that could separate the legend from who is online? like to be two different things and also how could i design it to be like the forums margins, borders and etc? thanks!
https://prnt.sc/qfqdg7

hope u understand what i mean.

[Lumpy Burgertushie]

Hi, need a link to your board so we can see what style you are using etc.
it is not hard to do this, we just need to be able to see the pages of your board to be able
to give you exact instructions on how to do it.
also need a better explanation of exactly what you want.

the legen is only the one line that tells you what each color means in the list of online users above that line
robert

[frantadesign]

Hi try replace old index_body with this one

Code: Select all

<!-- INCLUDE overall_header.html -->

<p class="{S_CONTENT_FLOW_END} responsive-center time<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF S_USER_LOGGED_IN --><p class="responsive-center time">{CURRENT_TIME}</p><!-- ENDIF -->

<!-- EVENT index_body_markforums_before -->
<!-- IF U_MARK_FORUMS -->
	<div class="action-bar compact">
		<a href="{U_MARK_FORUMS}" class="mark-read rightside" accesskey="m" data-ajax="mark_forums_read">{L_MARK_FORUMS_READ}</a>
	</div>
<!-- ENDIF -->
<!-- EVENT index_body_markforums_after -->

<!-- INCLUDE forumlist_body.html -->

<!-- EVENT index_body_forumlist_body_after -->

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
	<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
	<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
		<fieldset class="quick-login">
			<label for="username"><span>{L_USERNAME}{L_COLON}</span> <input type="text" tabindex="1" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /></label>
			<label for="password"><span>{L_PASSWORD}{L_COLON}</span> <input type="password" tabindex="2" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" autocomplete="off" /></label>
			<!-- IF U_SEND_PASSWORD -->
				<a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
			<!-- ENDIF -->
			<!-- IF S_AUTOLOGIN_ENABLED -->
				<span class="responsive-hide">|</span> <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" tabindex="4" name="autologin" id="autologin" /></label>
			<!-- ENDIF -->
			<input type="submit" tabindex="5" name="login" value="{L_LOGIN}" class="button2" />
			{S_LOGIN_REDIRECT}
			{S_FORM_TOKEN_LOGIN}
		</fieldset>
	</form>
<!-- ENDIF -->

<!-- EVENT index_body_stat_blocks_before -->

			
<!-- IF S_DISPLAY_ONLINE_LIST -->
		<div class="forabg">
			
			<ul class="topiclist">
				<li class="header">
					
						<dt>
						<div class="list-inner">
						<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
						</div>
						</dt>
		
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">	{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}</li>
			<li class="row"><br />{LOGGED_IN_USER_LIST}</li>
			<li class="row"><!-- IF LEGEND --><br /><em>{L_LEGEND}{L_COLON} {LEGEND}</em><!-- ENDIF --></li>
			</ul>
</div>

	<div class="forabg">
			
			<ul class="topiclist">
				<li class="header">
					
						<dt>
						<div class="list-inner">
						{L_BIRTHDAYS}<!-- ENDIF -->
						</div>
						</dt>
		
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row"><p>
			<!-- EVENT index_body_block_birthday_prepend -->
			<!-- IF .birthdays -->{L_CONGRATULATIONS}{L_COLON} <strong><!-- BEGIN birthdays -->{birthdays.USERNAME}<!-- IF birthdays.AGE !== '' --> ({birthdays.AGE})<!-- ENDIF --><!-- IF not birthdays.S_LAST_ROW -->, <!-- ENDIF --><!-- END birthdays --></strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
			<!-- EVENT index_body_block_birthday_append -->
		</p></li>
			</ul>
</div>

<div class="forabg">
			
			<ul class="topiclist">
				<li class="header">
					
						<dt>
						<div class="list-inner">
						{L_STATISTICS}<!-- ENDIF -->
						</div>
						</dt>
		
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">
			<p>
			<!-- EVENT index_body_block_stats_prepend -->
			{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}
			<!-- EVENT index_body_block_stats_append -->
		</p>
			</li>
			</ul>
</div>
<!-- EVENT index_body_birthday_block_before -->

<!-- EVENT index_body_stat_blocks_after -->

<!-- INCLUDE overall_footer.html -->

[Lumpy Burgertushie]

HI, we already solved this issue via PMs.
thanks for the input.

robert

[Nutu.]

yes it is fixed by Lumpy
thanks for helping anyway!!!