1 Combining Codes Fri Jul 16, 2010 10:52 pm
Jake
Registered Member
I posted this on ego-one but nobody has replied. I decided to post it here because yall are faster and active.
Hello everybody! I've got 2 codes here I would like to combine but since im a total noob at this Im going to need your help.
Code 1:
Code 2:
- Code:
<div id="hook-just-in-case" style="background: #2f2626 !important; text-align: center !important; color: white !important; font: 14px Georgia, Serif !important; position: relative; zoom: 1; width: 100% !important; z-index: 10000 !important;">
</div>
<div id="page-wrap" style=" width: 850px; margin: 1px auto;">
<div id="organic-tabs" style="background: transparent; padding: 2px; margin: 0 0 15px 0;">
<ul id="explore-nav" style="list-style: none;">
<li id="ex-featured"><a rel="featured" href="#" class="current">Statistike</a></li>
<li id="ex-core"><a rel="core" href="#">Profil</a></li>
<li id="ex-jquery"><a rel="jquerytuts" href="#">Tab3</a></li>
<li id="ex-classics" class="last"><a rel="classics" href="#">Tab4</a></li>
</ul>
<div id="all-list-wrap">
<ul id="featured" style="list-style: none;">
<li> <div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></p>
<p>{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<p>{LEGEND} : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate --></li>
</ul>
<ul id="core" style="list-style: none;">
<li style="display: block; padding: 4px; color: #fff;"><table width="840" border="0" cellspacing="0" cellpadding="5"><tr><td width="210">Preferences</td><td width="210">My messages</td><td width="210">Links</td><td width="210">Title</td></tr><tr><td style="padding-left:15px; line-height:20px;"><a href="/profile.forum?mode=editprofile&page_profil=avatars">Avatar gallery</a><br><a href="/profile.forum?mode=editprofile&page_profil=signature">Signature</a><br><a href="/profile.forum?mode=editprofile&page_profil=preferences">My preferences</a><br><a href="/profile.forum?mode=editprofile&page_profil=friendsfoes">My friends</a></td><td style="padding-left:15px; line-height:20px;"><a href="/msg.forum?mode=post">Send PM</a><br><a href="/msg.forum?folder=inbox">Inbox</a><br><a href="/msg.forum?folder=outbox">Sentbox</a><br><a href="/msg.forum?folder=savebox">Saved messages</a></td> <td style=" padding-left:15px; line-height:20px;"><a href="/memberlist.forum">Memberlist</a><br><a href="/groupcp.forum">Groups</a><br><a href="/viewonline.htm">Who is online?</a><br><a href="/stats.htm">Statistics</a></td> <td style="padding-left:15px; line-height:20px;"><a href="#">Link 1</a><br><a href="#">Link 2</a><br><a href="#">Link 3</a><br><a href="#">Link 4</a></td></tr></table></li>
</ul>
<ul id="jquerytuts" style="list-style: none;">
<li style="display: block; padding: 4px; color: #fff;"><table width="840" border="0" cellspacing="0" cellpadding="5"><tr><td width="210"></td><td width="210"></td><td width="210"></td><td width="210"></td></tr><tr><td style="padding-left:15px; line-height:20px;"><a href="#">Link 01</a><br><a href="#">Link 02</a><br><a href="#">Link 03</a><br><a href="#">Link 04</a></td><td style="padding-left:15px; line-height:20px;"><a href="#">Link 05</a><br><a href="#">Link 06</a><br><a href="#">Link 07</a><br><a href="#">Link 08</a></td> <td style=" padding-left:15px; line-height:20px;"><a href="#">Link 09</a><br><a href="#">Link 10</a><br><a href="#">Link 11</a><br><a href="#">Link 12</a></td> <td style="padding-left:15px; line-height:20px;"><a href="#">Link 13</a><br><a href="#">Link 14</a><br><a href="#">Link 15</a><br><a href="#">Link 16</a></td></tr></table></li>
</ul>
<ul id="classics" style="list-style: none;">
<li style="display: block; padding: 4px; color: #fff;">Your text here...</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 2.</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 3.</li>
</ul>
</div>
</div>
</div>
Both tutorials can be found here:
- Code:
<DIV id="test_pages" class="tabPages"><DIV class="tabContent" id="test_tab1Content" style="display: block; "><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="560px" rowspan="5" style="padding: 10px; border-right:1px #111111 solid;"> {TOTAL_USERS_ONLINE} :: <br> {RECORD_USERS}
{LOGGED_IN_USER_LIST}
<br><br> {L_CONNECTED_MEMBERS}
<br><br><span class="page-bottom">
</td><td width="5px" rowspan="5" style="padding: 10px ; border-left: 1px #1e1e1e solid;"></td>
<td style="border-bottom: 1px solid #111; padding: 5px;" width="240px"> {TOTAL_POSTS} </td></tr><tr><td style="border-bottom: 1px solid #111; border-top: 1px solid #1e1e1e; padding: 5px;"> {TOTAL_USERS} </td></tr><tr><td style="border-bottom: 1px solid #111; border-top: 1px solid #1e1e1e; padding: 5px;"> {NEWEST_USER} </td></tr><tr><td style="border-bottom: 1px solid #111; border-top: 1px solid #1e1e1e; padding: 5px;"> {RECORD_USERS} </td></tr><tr><td style="border-top: 1px solid #1e1e1e; padding: 5px;"><span class="right"><a href="/viewonline.htm" rel="nofollow">Who is Online ?</a></span></td></tr></table></DIV>
http://www.ego-one.com/jquery-f23/help-t1284.htm
http://www.ego-one.com/css-f19/who-s-online-box-layout-t1402.htm