Coding-Spot

You are not connected. Please login or register

Coding-Spot » Support Category » HTML Support » HTML Support Archives

Go to page : Previous  1, 2

 
 
 

User Menu Like This? [ASAP]

Started by -

Message (Page 2 of 2)

#1

refresh101

refresh101
 
Advance Member

Posted May 14th 2013, 9:50 am

 
First topic message reminder :

Hello Anyone Know The Code Of This One? User Menu Like This? [ASAP] - Page 2 123


Like That I Want The Code But I Failed Searching For That One.





#16

Mark

Mark
 
Administrator
Administrator

Posted May 25th 2013, 12:01 pm

 
Try this one:
Code:
{JAVASCRIPT} 

<!-- BEGIN switch_user_logged_in -->     
  <script language="JavaScript">
  function checklength(i){
        if (i<10){
          i="0"+i;}
          return i;
  }
  function clock(){
    var now = new Date();
    var hours = checklength(now.getHours());
    var minutes = checklength(now.getMinutes());
    var seconds = checklength(now.getSeconds());
    var format = 1;  //0=24 hour format, 1=12 hour format
    var time;

    if (format == 1){
      if (hours >= 12){
        if (hours ==12){
          hours = 12;
        }else {
          hours = hours-12;
        }
      time=hours+':'+minutes+':'+seconds+' PM';
      }else if(hours < 12){
          if (hours ==0){
            hours=12;
          }
      time=hours+':'+minutes+':'+seconds+' AM';
      }
    }
  if (format == 0){
      time= hours+':'+minutes+':'+seconds;
  }
  document.getElementById("clock").innerHTML=time;
  setTimeout("clock();", 500);
  }
 </script>
 <div id="usermenu"><div id="usermenu-left"><span class="fa_proxy" style="left: 0px !important;"></span><div id="usermenu-profile">Logged in as: <b><strong><span class="USERNAME"></span></strong></b><br>Posts: <strong><span class="USERCOUNTPOST"></span></strong><br><br><br><a href="/profile?mode=editprofile">My profile</a> | <a id="myinbox" href="/privmsg?folder=inbox">New PM</a></div></div><div id="usermenu-right"><div style="text-align:right; margin-bottom:6px; display:block; width:100%; float:right;"><div class="jclock" style="float: right; font-weight: bold;"><b><div id="clock">
<script language="javascript">
<!--
 clock();
 //-->
 </script>
</div>
</b></div><div style="float:right;"><b><div id="clockbox"></div></b></div></div><div id="usermenu-options-right"><a href="/search?search_id=activetopics">Today's active topics</a><br><a href="/memberlist?mode=today_posters">Today's Top 20 posters</a><br><a href="/memberlist?mode=overall_posters">Overall Top 20 posters</a><br><a href="/forum?mode=delete_cookies">Delete forum cookies</a></div><div id="usermenu-options-left"><a href="/search?search_id=newposts">Posts since your last visit</a><br><a href="/search?search_id=egosearch">View your posts</a><br><a href="/search?search_id=unanswered">View unanswered posts</a><br><a href="/forum?mark=forums">Mark all forums read</a></div></div></div>
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-content">
      <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">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
        </p>
        <p>{TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}

        <br />
        <div class="avatarondav">{LOGGED_IN_USER_LIST}</div>
<script type="text/javascript">
$(document).on('ready',function(){$('.avatarondav a').each(function(){var rondav=$(this).attr('href');$(this).prepend('<a href="'+rondav+'" class="davx"><img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png"  /></a>');$(this).children('a').load(rondav+' div.main-content.clearfix.center img:eq(0)')})});
</script>
        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />
        {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}<br />
        <!-- 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 -->
  </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<style>
#content-container div#left {
display: inline !important;
  }
</style>

By any chance, did you put that drop down thing on the Homepage Message? Can you put the codes here if it doesn't work yet.



https://coding-spot.darkbb.com


#17

Mark

Mark
 
Administrator
Administrator

Posted May 25th 2013, 12:56 pm

 
Give this a try. Use this one instead as your index_body template:
Code:
{JAVASCRIPT} 

<!-- BEGIN switch_user_logged_in -->     
  <script language="JavaScript">
  function checklength(i){
        if (i<10){
          i="0"+i;}
          return i;
  }
  function clock(){
    var now = new Date();
    var hours = checklength(now.getHours());
    var minutes = checklength(now.getMinutes());
    var seconds = checklength(now.getSeconds());
    var format = 1;  //0=24 hour format, 1=12 hour format
    var time;

    if (format == 1){
      if (hours >= 12){
        if (hours ==12){
          hours = 12;
        }else {
          hours = hours-12;
        }
      time=hours+':'+minutes+':'+seconds+' PM';
      }else if(hours < 12){
          if (hours ==0){
            hours=12;
          }
      time=hours+':'+minutes+':'+seconds+' AM';
      }
    }
  if (format == 0){
      time= hours+':'+minutes+':'+seconds;
  }
  document.getElementById("clock").innerHTML=time;
  setTimeout("clock();", 500);
  }
 </script>
 <div id="usermenu"><div id="usermenu-left"><span class="fa_proxy" style="left: 0px !important;"></span><div id="usermenu-profile">Logged in as: <b><strong><span class="USERNAME"></span></strong></b><br>Posts: <strong><span class="USERCOUNTPOST"></span></strong><br><br><br><a href="/profile?mode=editprofile">My profile</a> | <a id="myinbox" href="/privmsg?folder=inbox">New PM</a></div></div><div id="usermenu-right"><div style="text-align:right; margin-bottom:6px; display:block; width:100%; float:right;"><div class="jclock" style="float: right; font-weight: bold;"><b><div id="clock">
<script language="javascript">
<!--
 clock();
 //-->
 </script>
</div>
</b></div><div style="float:right;"><b><div id="clockbox"></div></b></div></div><div id="usermenu-options-right"><a href="/search?search_id=activetopics">Today's active topics</a><br><a href="/memberlist?mode=today_posters">Today's Top 20 posters</a><br><a href="/memberlist?mode=overall_posters">Overall Top 20 posters</a><br><a href="/forum?mode=delete_cookies">Delete forum cookies</a></div><div id="usermenu-options-left"><a href="/search?search_id=newposts">Posts since your last visit</a><br><a href="/search?search_id=egosearch">View your posts</a><br><a href="/search?search_id=unanswered">View unanswered posts</a><br><a href="/forum?mark=forums">Mark all forums read</a></div></div></div>
<!-- END switch_user_logged_in -->

<style type="text/css">
div.css3droppanel { /* Main wrapper for push down panel */
      position: relative;
      margin: 0;
      margin-bottom: 1em; /* margin with rest of content on page */
      }


div.css3droppanel > div { /* Content DIV DIV inside wrapper */
      height: 10px; /* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
      padding: 5px;
      -moz-box-sizing: border-box; /* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      background: #1E1E1D; /* background of content DIV */
      position: relative;
      opacity: 0;
    -moz-transition: all 0.2s ease-in-out 0.1s;  /* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
    -o-transition: all 0.2s ease-in-out 0.1s; /* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
      }

div.css3droppanel:after { /* Add bottom bar beneath wrapper */
      content: '';
      display: block;
      bottom: 0;
      position: absolute;
      width: 100%;
      height: 10px;
      box-shadow: 0 3px 8px gray, 3px 3px 4px brown inset;
      background: #5a1619; /* dark redish background and its gradient versions */
      background: -moz-linear-gradient(top,  rgba(118,36,41,1) 0%, rgba(117,5,11,1) 50%, rgba(56,38,39,0.72) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,36,41,1)), color-stop(50%,rgba(117,5,11,1)), color-stop(100%,rgba(56,38,39,0.72)));
      background: -webkit-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
      background: -o-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
      background: -ms-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
      background: linear-gradient(to bottom,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(56,38,39,0.72) 100%);
      }


div.css3droppanel input[type="checkbox"] { /* style invisible checkbox element used to toggle state of push down panel */
      position: absolute;
      right: 50px; /* right position of checkbox */
      width: 60px; /* width of checkbox */
      height: 42px; /* height of checkbox */
      bottom: -34px; /* bottom offset of checkbox */
      z-index: 10;
      cursor: pointer;
      opacity: 0;
      }

div.css3droppanel input[type="checkbox"]:checked ~ div { /* when checkbox is checked, expand content within wrapper */
      height: 250px; /* height of content to expand to. Scrollbar will be shown if content overflows this height */
      opacity: 1;
      overflow: auto;
      }

div.css3droppanel label { /* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */
      position: absolute;
      right: 50px; /* right position of label */
      width: 60px; /* width of label */
      height: 42px; /* height of label */
      bottom: -34px; /* bottom offset of label */
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px;
      cursor: pointer;
      z-index: 5;
      background: #5a1619; /* dark redish background and its gradient versions */
      background: -moz-linear-gradient(top,  rgba(118,36,41,1) 0%, rgba(117,5,11,1) 50%, rgba(124,31,32,0.72) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,36,41,1)), color-stop(50%,rgba(117,5,11,1)), color-stop(100%,rgba(124,31,32,0.72)));
      background: -webkit-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
      background: -o-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
      background: -ms-linear-gradient(top,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
      background: linear-gradient(to bottom,  rgba(118,36,41,1) 0%,rgba(117,5,11,1) 50%,rgba(124,31,32,0.72) 100%);
      box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset;
      }

div.css3droppanel label:hover { /* style of label when mouse rolls over it */
      box-shadow: 0 3px 8px black, 5px 5px 6px brown inset, 0 -3px 3px rgba(152,41,47,0.7) inset, 0 5px 0 rgba(255,255,255,0.7) inset, 0 0 15px rgba(255,255,255,0.8) inset;
      }

div.css3droppanel label:after { /* generated down arrow */
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border: 12px solid transparent;
      border-color: white transparent transparent transparent;
      top: 18px;
      left: 18px;
      box-shadow: 0 0 7px gray inset;
      }

</style>

<!--[if lte IE 8]>

<style>

/* Hide panel from IE8 and below */

div.css3droppanel {
      display: none;
      }

</style>

<![endif]--><div class="css3droppanel">
<input type="checkbox" id="paneltoggle" />
<label for="paneltoggle" title="Click to open Panel"></label><div class="content">

<!--panel content goes here-->
<style type="text/css">

#pointermenu{
border-top: 7px solid black; /*optional border across top*/
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
background: black url(http://www.dynamicdrive.com/cssexamples/media/leftround.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
background: url(http://www.dynamicdrive.com/cssexamples/media/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background-color: darkred;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(http://www.dynamicdrive.com/cssexamples/media/rightround.gif) bottom right no-repeat; /*optional right round corner*/
}

</style><div id="pointermenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Rules</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">Anime Downloads</a></li>
<li><a href="http://www.dynamicdrive.com/style/" id="selected">Theme Songs</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Memes</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Virtual Shop</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Staff Applications</a></li>
<li><a href="http://www.dynamicdrive.com/contact.htm">Questions & Suggestions</a></li>
<li><a href="http://www.dynamicdrive.com/contact.htm">Anime Discussions</a></li>
<li><a href="#" id="rightcorner"> </a></li>
</ul>
</div>
<br style="clear: left" />
<b>DISCLAIMER:</b>
<p>
http://animefans.realbb.net/ is absolutely legal and contain only links or embedded only to other sites on the Internet : (megaupload.com, dailymotion.com, myspace.com, ouou.com, stage6.com, tudou.com, veoh.com, youku.com, youtube.com and others..) We do not host or upload any video, films, media files (avi, mov, flv, mpg, mpeg, divx, dvd rip, mp3, mp4, torrent, ipod, psp), AnimeFans is not responsible for the accuracy, compliance, copyright, legality, decency, or any other aspect of the content of other linked sites. If you have any legal issues please contact appropriate media file owners / hosters.
</p>

<!-- end panel content -->

</div>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-content">
      <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">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
        </p>
        <p>{TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}

        <br />
        <div class="avatarondav">{LOGGED_IN_USER_LIST}</div>
<script type="text/javascript">
$(document).on('ready',function(){$('.avatarondav a').each(function(){var rondav=$(this).attr('href');$(this).prepend('<a href="'+rondav+'" class="davx"><img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png"  /></a>');$(this).children('a').load(rondav+' div.main-content.clearfix.center img:eq(0)')})});
</script>
        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />
        {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}<br />
        <!-- 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 -->
  </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<style>
#content-container div#left {
display: inline !important;
  }
</style>



https://coding-spot.darkbb.com


#18

refresh101

refresh101
 
Advance Member

Posted May 25th 2013, 1:02 pm

 
Sir Not Working Instead They Are Now Messy

Thanks For Reply :):





#19

Mark

Mark
 
Administrator
Administrator

Posted May 29th 2013, 7:03 am

 
~ Solved via PM.
Since the problem is now solved i will locked this and move to archive section. ~Locked and Moved Happy



https://coding-spot.darkbb.com


#20

Sponsored content


 

Posted

 





Message (Page 2 of 2)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None