[Solved] Advance Profile Privacy 1.01

Originally this code came from IP .Boards, is it possible to get the code for it on how to set it up like this forum? I believe LGForums Posted this somewhere but ironically I cannot find it anymore, and I notice other similar forums have this feature.

Profile privacy, hmm... Never heard of it. Do you have any screenshot of it?

Sure, I used to have the raw scripted of it because no longer can inquire it. Nonetheless, it's the same feature you are currently using. It's pretty much the advance IP Board Profile layout.

Thumbnail (PLEASE CLICK BELOW TO ENLARGE THE PHOTO)

I will add the code soon in tutorials section.

Nep wrote:I will add the code soon in tutorials section.

I have partial of the code in separates, I believe it's called Advance profile tabs, I'm assuming nonetheless. If you don't mine taking a look at it. I know a bit of css/template editing/ javascript needs to be inquired, but this is what I had similar to this profile.
Note : I had to downsize the .css code to fit most of everything here to be looked at.

Code:

<div class='general_box'>
   <if test="friends:|:$this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends'] AND $member['pp_setting_count_friends']">
      <div class='friend_list clear' id='friend_list'>
         <h3 class='bar'>{$this->lang->words['m_title_friends']}</h3>
         <if test="friends_loop:|:is_array($friends) and count($friends)">
            <ul class='clearfix'>
            <foreach loop="friends:$friends as $friend">
               <li>
                  <a href='{parse url="showuser={$friend['member_id']}" seotitle="{$friend['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['view_profile']}' class='ipsUserPhotoLink'>
                     <img src='{$friend['pp_small_photo']}' alt='{$this->lang->words['photo']}' class='ipsUserPhoto ipsUserPhoto_medium' />
                  </a><br />
                  <span class='name'>
                     {parse expression="IPSMember::makeProfileLink($friend['members_display_name_short'], $friend['member_id'], $friend['members_seo_name'])"}
                  </span>
               </li>
            </foreach>
            </ul>            
         <else />
            <p>
               <em>{$member['members_display_name']} {$this->lang->words['no_friends_yet']}</em>
            </p>
         </if>
      </div>
      <br />
      {$pagination}
   </if>
</div>

Code:

/************************************************************************/
/* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services    */
/************************************************************************/
/* ipb_styles.css                                          */
/* LAYOUT */
#content, .main_width {
   margin: 0 auto;
   /* Uncomment for fixed */
   /*width: 980px;*/
   /* Fluid */
   width: 87% !important;
      min-width: 960px;
}

#branding, #header_bar, #primary_nav { min-width: 980px; }
/*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/


#content {
   background: #fff;
   padding: 10px 10px;
   line-height: 120%;
   -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
   box-shadow: 0 5px 9px rgba(0,0,0,0.1);
}

/************************************************************************/
/* COLORS */


.row1, .post_block.row1 {   background-color: #fff;  }


.row2, .post_block.row2 {    background-color: #f1f6f9; }



.unread             {   background-color: #f7fbfc; }


.unread .altrow, .unread.altrow { background-color: #E2E9F0; }

/* primarily used for topic preview header */
.highlighted, .highlighted .altrow { background-color: #d6e4f0; }


.ipsBox { background: #ebf0f3; }
   
   .ipsBox_notice, .ipsBox_highlight {
      background: #f4fcff;
      border-bottom: 1px solid #cae9f5;
   }

/* mini badges */
a.ipsBadge:hover { color: #fff; }

.ipsBadge_green { background: #7ba60d; }
.ipsBadge_purple { background: #af286d; }
.ipsBadge_grey { background: #5b5b5b; }
.ipsBadge_lightgrey { background: #b3b3b3; }
.ipsBadge_orange { background: #ED7710; }
.ipsBadge_red {   background: #bf1d00; }


.bar {
   background: #eff4f7;
   padding: 8px 10px;
}
   
   .bar.altbar {
      background: #b6c7db;
      color: #1d3652;
   }


.header {
   background: #b6c7db;
   color: #1d3652;
}

   
   body .ipb_table .header a,
   body .topic_options a {
      color: #1d3652;
   }
   

.post_block {
   background: #fff;
   border-bottom: 1px solid #D6E2EB;
}

.post_body .post { color: #282828; }

.bbc_url, .bbc_email {
   color: #0f72da;
   text-decoration: underline;
}



/* Dates */
.date, .poll_question .votes {
   color: #747474;
   font-size: 11px;
}


.no_messages {
   background-color: #f6f8fa;
   color: #1c2837;
   padding: 15px 10px;
}

/* Tab bars */
.tab_bar {
   background-color: #e4ebf2;
   color: #4a6784;
}

   .tab_bar li.active {
      background-color: #243f5c;
      color: #fff;
   }
   
   .tab_bar.no_title.mini {
      border-bottom: 8px solid #243f5c;
   }

/* Menu popups */
.ipbmenu_content, .ipb_autocomplete {
   background-color: #f7f9fb;
   border: 1px solid #d5dde5;
   -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
}

   .ipbmenu_content li, .ipb_autocomplete li {
      border-bottom: 1px solid #d5dde5;
   }
   
      .ipb_autocomplete li.active {
         background: #d5dde5;
      }
      
   .ipbmenu_content a:hover { background: #d5dde5; }
      
/* Forms */

.input_submit {
   background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;
   color: #fff;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
   border-color: #212121;
}

   .input_submit:hover { color: #fff; }
   
   
   .input_submit.alt {
      background: #e2e9f0;
      border-color: #dae2ea;
      color: #464646;
      -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
      -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
      box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
   }
   
      .input_submit.alt:hover { color: #464646; }

   .input_submit.delete {
      background: #ad2930;
      border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
      color: #fff;
      -moz-box-shadow: inset 0 1px 0 0 #C8A5A4, 0px 2px 3px rgba(0,0,0,0.2);
      -webkit-box-shadow: inset 0 1px 0 0 #C8A5A4, 0px 2px 3px rgba(0,0,0,0.2);
      box-shadow: inset 0 1px 0 0 #C8A5A4, 0px 2px 3px rgba(0,0,0,0.2);
   }
   
      .input_submit.delete:hover { color: #fff; }

   
body#ipboard_body fieldset.submit,
body#ipboard_body p.submit {
   background-color: #d1ddea;
}

/* Moderated styles */
.moderated, body .moderated td, .moderated td.altrow, .post_block.moderated,
body td.moderated, body td.moderated {
   background-color: #f8f1f3;
}
   
   .post_block.moderated { border-color: #e9d2d7; }   
   .moderated .row2 { background-color: #f0e0e3; }
   .moderated, .moderated a { color: #6f3642; }
   
body#ipboard_body.redirector {
   background: #fff !important;
}

/************************************************************************/
/* HEADER */

#header_bar {
   background: #323232 url({style_images_url}/user_navigation.png ) repeat-x bottom;
   padding: 0;
   text-align: right;
}
   
#admin_bar { font-size: 11px; line-height: 36px; }
#admin_bar li.active a { color: #fc6d35; }
#admin_bar a { color: #8a8a8a; }
   #admin_bar a:hover { color: #fff; }

#user_navigation { color: #9f9f9f; font-size: 11px; }
#user_navigation a { color: #fff; }
#user_navigation .ipsList_inline li { margin: 0;} /* remove spacing from default ipsList_inline */

#user_navigation.not_logged_in {
   height: 26px; padding: 6px 0 4px;
}

#user_link {
   font-size: 12px;
   color: #fff;
   padding: 0 12px;
   height: 36px;
   line-height: 36px;
   display: inline-block;
   margin-right: 15px;
   outline: 0;
}
   
   #user_link_dd, .dropdownIndicator {
      display: inline-block;
      width: 9px; height: 5px;
      background: url({style_images_url}/header_dropdown.png ) no-repeat left;
   }
   
   #user_link:hover, #notify_link:hover, #inbox_link:hover { background-color: #323232; }

#user_link_menucontent #links li {
   width: 50%;
   float: left;
   margin: 3px 0;
   text-shadow: 0px 1px 0 rgba(255,255,255,1);
   white-space: nowrap;
}


#user_link.menu_active {
   background: #fff;
   color: #323232;
}
   
   #user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { background-position: right; }
      #community_app_menu .menu_active .dropdownIndicator { background-position: left; }
         #community_app_menu li.active .menu_active .dropdownIndicator { background-position: right; }
   #user_link_menucontent #statusForm { margin-bottom: 15px; }
   #user_link_menucontent #statusUpdate {   margin-bottom: 5px; }
   
#user_link_menucontent > div {
   margin-left: 15px;
   width: 265px;
   text-align: left;
}


#statusSubmitGlobal { margin-top: 3px; }

#user_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {
   background-position: bottom;
   background-color: #fff;
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   border-radius: 3px 3px 0 0;
}

#notify_link, #inbox_link {
   vertical-align: middle;
   width: 18px;
   height: 15px;
   padding: 13px 24px 8px 12px;
   position: relative;
}
   
#notify_link { background: url({style_images_url}/icon_notify.png ) no-repeat top; }
#inbox_link { background: url({style_images_url}/icon_inbox.png ) no-repeat top; }


#user_navigation #register_link {
   background: #7ba60d;
   color: #fff;
   display: inline-block;
   padding: 3px 8px;
   border: 1px solid #7ba60d;
   -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
   -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
   box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
   text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}


#branding {
   background: #0f3854 url({style_images_url}/branding_bg.png) repeat-x;
   border-bottom: 1px solid #1b3759;
   min-height: 64px;
}
   
   #logo { display: inline; }


#primary_nav {
   background: #204066;
   font-size: 13px;
   padding: 4px 0 0 0;
}

   #community_app_menu > li { margin: 0px 3px 0 0; position: relative; }

   
   #community_app_menu > li > a {
      color: #c5d5e2;
      background: #1c3b5f;
      display: block;
      padding: 6px 15px 8px;
      text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
   }

      
      #community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
         background: #173455;
         color: #fff;
      }
   
   
   #community_app_menu > li.active > a {
      background: #fff;
      color: #0b5794;
      font-weight: bold;
      margin-top: 0;
      text-shadow: none;
   }

#quickNavLaunch span {
   background: url({style_images_url}/icon_quicknav.png ) no-repeat top;
   width: 13px;
   height: 13px;
   display: inline-block;
}
#quickNavLaunch:hover span { background: url({style_images_url}/icon_quicknav.png ) no-repeat bottom; }
#primary_nav #quickNavLaunch { padding: 6px 8px 8px; }

#more_apps_menucontent, .submenu_container {
   background: #173455;
   font-size: 12px;
   border: 0;
   min-width: 140px;
}
   #more_apps_menucontent li, .submenu_container li { padding: 0; border: 0; float: none !important; min-width: 150px; }
   #more_apps_menucontent a, .submenu_container a {
      display: block;
************************************************/
/* MESSAGE STYLES */

.message {
   background: #ebfcdf;
   padding: 10px;
   border: 1px solid #a4cfa4;
   color: #0e440e;
   line-height: 1.6;
   font-size: 12px;
}

   .message h3 {
      padding: 0;
      color: #323232;
   }
   
   .message.error {
      background-color: #f3e3e6;
      border-color: #e599aa;
      color: #80001c;
   }
   
   .message.error.usercp {
      background-image: none;
      padding: 4px;
      float: right;
   }
   
   .message.unspecific {
      background-color: #f3f3f3;
      border-color: #d4d4d4;
      color: #515151;
      margin: 0 0 10px 0;
      clear: both;
   }
   
/************************************************************************/
/* MENU & POPUP STYLES */

.ipbmenu_content, .ipb_autocomplete {
   font-size: 12px;
   min-width: 85px;
   z-index: 2000;
}
   
   .ipbmenu_content li:last-child {
      border-bottom: 0;
      padding-bottom: 0px;
   }
   
   .ipbmenu_content li:first-child { padding-top: 0px;   }
   .ipbmenu_content.with_checks a { padding-left: 26px; } /* save room for a checkmark */
   .ipbmenu_content a .icon { margin-right: 10px; }
   .ipbmenu_content a {
      text-decoration: none;
      text-align: left;
      display: block;
      padding: 6px 10px;
   }
   .ipbmenu_content.with_checks li.selected a {
      background-image: url({style_images_url}/icon_check.png );
      background-repeat: no-repeat;
      background-position: 7px 10px;
   }

.popupWrapper {
   background-color: #464646;
   background-color: rgba(70,70,70,0.6);
   padding: 4px;
   -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
   box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

   .popupInner {
      background: #fff;
      width: 500px;
      overflow: auto;
      -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
      -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
      box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
      overflow-x: hidden;
   }
   
      .popupInner.black_mode {
         background: #000;
         border: 3px solid #b3bbc3;
         color: #eee;
         border: 3px solid #555;
      }
      
      .popupInner.warning_mode {
         border: 3px solid #7D1B1B;
      }
   
      .popupInner h3 {
         background: #2c5687 url({style_images_url}/maintitle.png) repeat-x top;
         color: #fff;
         border-width: 1px 1px 0 1px;
         border-style: solid;
         border-color: #316897;
         padding: 8px 10px 9px;
         font-size: 16px;
         font-weight: 300;
         text-shadow: 0 1px 2px rgba(0,0,0,0.3);
         -webkit-box-shadow: inset 0px 1px 0 #528cbc;
         box-shadow: inset 0px 1px 0 #528cbc;
         -moz-box-shadow: inset 0px 1px 0 #528cbc;
      }
      
         .popupInner h3 a { color: #fff; }
      
         .popupInner.black_mode h3 {
            background-color: #545C66;
            color: #ddd;
         }
         
         .popupInner.warning_mode h3 {
            background-color: #7D1B1B;
            padding-top: 6px;
            padding-bottom: 6px;
            color: #fff;
         }
         
         .popupInner.warning_mode input.input_submit {
            background-color: #7D1B1B;
         }

.popupClose {
   position: absolute;
   right: 16px;
   top: 12px;
}

.popupClose.light_close_button {
   background: transparent url({style_images_url}/close_popup_light.png) no-repeat top left;
   opacity: 0.8;
   width: 13px;
   height: 13px;
   top: 17px;
}

.popupClose.light_close_button img {
   display: none;
}

.popup_footer {
   padding: 15px;
   position: absolute;
   bottom: 0px;
   right: 0px;
}

.popup_body {
   padding: 10px;
}

.stem {
   width: 31px;
   height: 16px;
   position: absolute;
}

   .stem.topleft { background-image: url({style_images_url}/stems/topleft.png);   }
   .stem.topright { background-image: url({style_images_url}/stems/topright.png); }
   .stem.bottomleft { background-image: url({style_images_url}/stems/bottomleft.png); }
   .stem.bottomright { background-image: url({style_images_url}/stems/bottomright.png);   }
   
.modal {
   background-color: #3e3e3e;
}

.userpopup h3 { font-size: 17px; }
.userpopup h3, .userpopup .side + div { padding-left: 110px; }
.userpopup .side { position: absolute; margin-top: -40px; }
   .userpopup .side .ipsButton_secondary {
      display: block;
      text-align: center;
      margin-top: 5px;
      /*    #32468: hacky workaround to ensure these buttons work when translated;
         #42174: Updated again... */
      max-width: 75px;
      height: auto;
      line-height: 1;
      padding: 5px 10px;
      white-space: normal;
   }
.userpopup .user_controls { text-align: left; }
.userpopup .user_status { padding: 5px; margin-bottom: 5px; }
.userpopup .reputation {
   display: block;
   text-align: center;
   margin-top: 5px;
}

.userpopup {
   overflow: hidden;
   position: relative;
   font-size: 0.9em;
}

   .userpopup dl {
      border-bottom: 1px solid #d4d4d4;
      padding-bottom: 10px;
      margin-bottom: 4px;
   }

.info dt {
   float: left;
   font-weight: bold;
   padding: 3px 6px;
   clear: both;
   width: 30%;
}

.info dd {
   padding: 3px 6px;
   width: 60%;
   margin-left: 35%;
}

/************************************************************************/
/* BUTTONS STYLES */

.topic_buttons li {
   float: right;
   margin: 0 0 10px 10px;
}


.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
.topic_buttons li a, .topic_buttons li span, .ipsButton {
   background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;
   border: 1px solid #212121;
   border-width: 1px 1px 0 1px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
   color: #fff;
   text-shadow: 0 -1px 0 #191919;
   font: 300 12px/1.3 Helvetica, Arial, sans-serif;
   line-height: 30px;
   height: 30px;
   padding: 0 10px;
   text-align: center;
   min-width: 125px;
   display: inline-block;
   cursor: pointer;
}

.topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
   background: #812200 url({style_images_url}/topic_button_closed.png ) repeat-x top;
   border-color: #812200;
   -moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
   box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
}
   
   .topic_buttons li a:hover, .ipsButton:hover { color: #fff; }
   .topic_buttons li.non_button a {
      background: transparent !important;
      background-color: transparent !important;
      border: 0;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      text-shadow: none;
      min-width: 0px;
      color: #777777;
      font-weight: normal;
   }
   
   .topic_buttons li.disabled a, .topic_buttons li.disabled span {
      background: #ebebeb;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      text-shadow: none;
      border: 0;
      color: #7f7f7f;
   }
   
   .topic_buttons li span { cursor: default !important; }


.ipsButton_secondary {
   height: 22px;
   line-height: 22px;
   font-size: 12px;
   padding: 0 10px;
   background: #f6f6f6;
   background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
   border: 1px solid #dbdbdb;
   -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
   box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #616161;
   display: inline-block;
   white-space: nowrap;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
}
   .ipsButton_secondary a { color: #616161; }
   .ipsButton_secondary:hover {
      color: #4c4c4c;
      border-color: #9a9a9a;
   }
   
   
   .ipsButton_secondary.important {
      background: #9f2a00;
      background: -moz-linear-gradient(top, #9f2a00 0%, #812200 100%); /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f2a00), color-stop(100%,#812200)); /* webkit */
      border: 1px solid #812200;
      color: #fbf4f4;
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
      box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
   }
      .ipsButton_secondary .icon {
         margin-right: 4px;
         margin-top: -3px;
      }
      
      .ipsButton_secondary img.small {
         max-height: 12px;
         margin-left: 3px;
         margin-top: -2px;
         opacity: 0.5;
      }
      
      .ipsButton_secondary.important a { color: #fbf4f4; }
      .ipsButton_secondary.important a:hover {
         color: #fff !important;
         border-color: #571700;
      }
      
      /* Used in post forms */
      .ipsField.ipsField_checkbox.ipsButton_secondary
      {
         line-height: 18px;
      }
      
      .ipsField.ipsField_checkbox.ipsButton_secondary input
      {
         margin-top: 6px
      }
      
      .ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content
      {
         margin-left: 18px;
      }
      
.ipsButton_extra {
   line-height: 22px;
   height: 22px;
   font-size: 11px;
   margin-left: 5px;
   color: #5c5c5c;
}

.ipsButton_secondary.fixed_width{ min-width: 170px; }

.ipsButton.no_width { min-width: 0; }
.topic_controls { min-height: 30px; }


ul.post_controls {
   padding: 6px;
   margin: 0 0 10px 0;
   clear: both;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

      ul.post_controls li {
         font-size: 12px;
         float: right;
      }

      ul.post_controls a {   
         height: 22px;
         line-height: 22px;
         padding: 0 12px;
         color: #1d3652;
         text-decoration: none;
         margin-left: 4px;
         display: block;
      }

      ul.post_controls a:hover { color: #3d70a3; }
      
      ul.post_controls a.ipsButton_secondary {
         height: 20px;
         line-height: 20px;
      }
      
      ul.post_controls a.ipsButton_secondary.important:hover {
         color: #fff !important;
      }
      
      ul.post_controls li.multiquote.selected a {
         background: #a1dc00; /* Old browsers */
         background: -moz-linear-gradient(top, #a1dc00 0%, #7ba60d 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dc00), color-stop(100%,#7ba60d)); /* Chrome,Safari4+ */
         border-color: #7ba60d;
         -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
         -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
         box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
         color: #fff;
      }

.post_block .post_controls li a {
   opacity: 0.2;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
}

.post_block .post_controls li a.ipsButton_secondary {
   opacity: 1;
}
.post_block:hover .post_controls li a { opacity: 1; }

.hide_signature, .sigIconStay { float: right; }
.post_block:hover .signature a.hide_signature, .sigIconStay {
   background: transparent url({style_images_url}/cross_sml.png) no-repeat top right;
   width: 13px;
   height: 13px;
   opacity: 0.6;
   position: absolute;
   right: 0px;
}

/************************************************************************/
/* PAGINATION STYLES */

.pagination { padding: 5px 0; line-height: 20px; }
.pagination.no_numbers .page { display: none; }
.pagination .pages { text-align: center; }
.pagination .back { margin-right: 6px; }
   .pagination .back li { margin: 0 2px 0 0; }
.pagination .forward { margin-left: 6px; }
   .pagination .forward li { margin: 0 0 0 2px; }


.pagination .back a,
.pagination .forward a {
   display: inline-block;
   padding: 0px 6px;
   height: 20px;
   background: #eaeaea;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   text-transform: uppercase;
   color: #5a5a5a;
   font-size: 11px;
   font-weight: bold;
}
   
   
   .pagination .back a:hover,
   .pagination .forward a:hover {
      background: #af286d;
      color: #fff;
   }

   .pagination .disabled a {
      opacity: 0.4;
      display: none;
   }
   
.pagination .pages {
   font-size: 11px;
   font-weight: bold;
}

   .pagination .pages a, .pagejump {
      display: inline-block;
      padding: 1px 4px;
      color: #999;
   }
   
   .pagination .pages .pagejump { padding: 0px; }
   
   .pagination .pages a:hover {
      background: #ececec;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
   }
   
   .pagination .pages li { margin: 0 1px; }
   
      
      .pagination .pages li.active {
         background: #7BA60D;
         color: #fff;
         font-weight: bold;
         -moz-border-radius: 2px;
         -webkit-border-radius: 2px;
         border-radius: 2px;
         padding: 1px 5px;
      }
      
.pagination.no_pages span {
   color: #acacac;
   display: inline-block;
   line-height: 20px;
   height: 20px;
}

ul.mini_pagination {
   font-size: 10px;
   display: inline;
   margin-left: 7px;
}

   ul.mini_pagination li a {
      background: #fff;
      border: 1px solid #d3d3d3;
      padding: 1px 3px;
   }

   ul.mini_pagination li {
      display: inline;
      margin: 0px 2px;
   }

/************************************************************************/
/* MODERATION & FILTER STYLES */

.moderation_bar {
   text-align: right;
   padding: 8px 10px;
   /*background: #f7f7f7;*/
}

   .moderation_bar.with_action {
      background-image: url({style_images_url}/topic_mod_arrow.png);
      background-repeat: no-repeat;
      background-position: right center;
      padding-right: 35px;
   }

/************************************************************************/
/* AUTHOR INFO (& RELATED) STYLES */

.author_info {
   width: 155px;
   float: left;
   font-size: 12px;
   text-align: center;
   padding: 15px 10px;
}
   
   .author_info .group_title {
      color: #5a5a5a;
      margin-top: 5px;
   }
   
   .author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
   .author_info .group_icon { margin-bottom: 3px; }
   
.custom_fields {
   color: #818181;
   margin-top: 8px;
}

.custom_fields .ft {
   color: #505050;
   margin-right: 3px;
}

.custom_fields .fc {
   word-wrap: break-word;
}


.user_controls {
   text-align: center;
   margin: 6px 0;
}

   .user_controls li a {
      display: inline-block;
      background: #f6f6f6;
      background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
      border: 1px solid #dbdbdb;
      -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      padding: 5px;
      color: #616161;
   }

/************************************************************************/
/* BOARD INDEX STYLES */

#board_index { position: relative; }
   #board_index.no_sidebar { padding-right: 0px; }
      #board_index.force_sidebar { padding-right: 280px; }
   
#toggle_sidebar {
   position: absolute;
   right: -5px;
   top: -13px;
   z-index: 8000;
   background: #333333;
   padding: 3px 7px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #fff;
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
}
   #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
   #toggle_sidebar:hover { opacity: 1 !important; }

   
.ipsSideBlock {
   background: #F7FBFC;
   padding: 10px;
   margin-bottom: 10px;
}
      
   .ipsSideBlock h3 {
      font: normal 14px helvetica, arial, sans-serif;
      color: #204066;
      padding: 5px 10px;
      background: #DBE2EC;
      margin: -10px -10px 10px;
   }
   
   .ipsSideBlock h3 .mod_links { opacity: 0.0; }
   .ipsSideBlock h3:hover .mod_links { opacity: 1; }

.status_list .status_list { margin: 10px 0 0 50px; }
.status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
.status_list li { position: relative; }
.status_reply {
   margin-top: 8px;
}

.status_list li .mod_links {
   opacity: 0.1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
}
.status_list li:hover .mod_links { opacity: 1; }

/* board stats */
#board_stats ul { text-align: center; }
   #board_stats li { margin-right: 20px; }
   #board_stats .value {
      display: inline-block;
      background: #e2e2e2;
      color: #4a4a4a;
      padding: 2px 6px;
      font-weight: bold;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      margin-right: 3px;
   }

.statistics {
   margin: 20px 0 0 0;
   padding: 10px 0;
   border-top: 3px solid #d8d8d8;
   line-height: 1.3;
   overflow: hidden;
}

   .statistics_head {
      font-size: 14px;
      font-weight: bold;
   }

.friend_list ul li,
#top_posters li {
   text-align: center;
   padding: 8px 0 0 0;
   margin: 5px 0 0 0;
   min-width: 80px;
   height: 70px;
   float: left;
}

   .friend_list ul li span.name,
   #top_posters li span.name {
      font-size: 0.8em;
   }
   
#hook_watched_items ul li {
   padding: 8px;
}

   body#ipboard_body #hook_watched_items fieldset.submit {
      padding: 8px;
   }
   
#hook_birthdays .list_content {
   padding-top: 8px;
}

#hook_calendar .ipsBox_container { padding: 10px; }
#hook_calendar td, #hook_calendar th { text-align: center; }
#hook_calendar th { font-weight: bold; padding: 5px 0;}

/************************************************************************/
/* FORUM VIEW (& RELATED) STYLES */

#more_topics {
   text-align: center;
   font-weight: bold;
}
   #more_topics a { display: block; padding: 10px 0;}

   /* Result of the 'load more topics' link */
   .dynamic_update { border-top: 2px solid #b3b3b3; }

.topic_preview,
ul.topic_moderation {
   margin-top: -2px;
   z-index: 300;
}
   ul.topic_moderation li {
      float: left;
   }
   
   .topic_preview a,
   ul.topic_moderation li a {
      padding: 0 3px;
      display: block;
      float: left;
   }

span.mini_rate {
   margin-right: 12px;
   display: inline-block;
}

img.mini_rate {
   margin-right: -5px;
}

/************************************************************************/
/* TOPIC VIEW (& RELATED) STYLES */

/* Post share pop-up */
#postShareUrl { width: 95%; font-size: 18px; color: #999; }
 #postShareStrip { height: 35px; margin: 10px 0px 0px 30px; }

body .ip { color: #475769; }
span.post_id { margin-left: 4px; }
input.post_mod { margin:12px 5px 0px 10px; }

.post_id a img.small {
   max-height: 12px;
   margin-left: 3px;
   margin-top: -2px;
   opacity: 0.5;
}

.signature {
   clear: right;
   color: #a4a4a4;
   font-size: 0.9em;
   border-top: 1px solid #d5d5d5;
   padding: 10px 0;
   margin: 6px 0 4px;
   position: relative;
}

   .signature a { text-decoration: underline; }

.post_block {
   position: relative;
}

   .post_block.no_sidebar {
      background-image: none;
   }
   
   .post_block.solved {
      background-color: #eaf8e2;
   }
   
   .post_block.feature_box {
      background-color: #eaf8e2;
      border:1px dotted #333;
      padding: 6px;
      min-height: 60px;
      word-wrap: break-word;
   }
   
   .post_block.feature_box .ipsType_sectiontitle {
      border-color: #ddd;
      font-size: 12px;
   }
   
   .post_block h3 {
      background: #D8DDE8;
      padding: 0 10px;
      height: 36px;
      line-height: 36px;
      font-weight: normal;
      font-size: 16px;
   }
   
   .post_wrap { top: 0px; }   

.post_body {
   margin: 0 10px 0 185px;
   padding-top: 15px;
}
   
   .post_body .post {
      line-height: 1.6;
      font-size: 14px;
      word-wrap: break-word;
   }
   
   .post_block.no_sidebar .post_body { margin-left: 10px !important; }
   
.posted_info {
   padding: 0 0 10px 0;
}

   .posted_info strong.event {
      color: #1c2837;
      font-size: 1.2em;
   }

.post_ignore {   
   background: #fafbfc;
   color: #777;
   font-size: 0.9em;
   padding: 15px;   
}

   .post_ignore .reputation {
      text-align: center;
      padding: 2px 6px;
      float: none;
      display: inline;
   }

.rep_bar {
   white-space: nowrap;
   margin: 6px 4px;
}

   .rep_bar .reputation {
      font-size: 10px;
      padding: 2px 10px !important;
   }
      
p.rep_highlight {
   float: right;
   display: inline-block;
   margin: 5px 10px 10px 10px;
   background: #D5DEE5;
   color: #1d3652;
   padding: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font-size: 0.8em;
   font-weight: bold;
   text-align: center;
}

   p.rep_highlight img {
      margin-bottom: 4px;
   }

.edit {
   padding: 2px 0 0 24px;
   background: url({style_images_url}/icon_warning.png ) no-repeat left 4px;
   font-size: 12px;
   margin-top: 15px;
   line-height: 14px;
   color: #7c7c7c;
}

.poll fieldset {
   padding: 9px;
}

.poll_question {
   padding: 10px;
   margin: 10px 10px 10px 20px;
}

   .poll_question h4 {
      background-color: #e4ebf2;
      margin: 0 -7px;
      padding: 5px;
   }

   .poll_question ol {
      padding: 8px;
      background-color: #fafbfc;
   }
   
   .poll_question li {
      font-size: 0.9em;
      margin: 6px 0;
   }
   
   .poll_question .votes {
      margin-left: 5px;
   }
   
.snapback {
   margin-right: 5px;
   padding: 1px 0 1px 1px;
}

.rating { display: block; margin-bottom: 4px; line-height: 16px; }
   .rating img { vertical-align: top; }
#rating_text { margin-left: 4px; }
   
/************************************************************************/
/* POSTING FORM (& RELATED) STYLES */

div.post_form label {
   text-align: right;
   padding-right: 15px;
   width: 275px;
   float: left;
   clear: both;
}

   div.post_form span.desc,
   fieldset#poll_wrap span.desc {
      margin-left: 290px;
      display: block;
      clear: both;
   }

   div.post_form .checkbox input.input_check,
   #mod_form .checkbox input.input_check {
      margin-left: 295px;
   }
   
   div.post_form .antispam_img {
      margin-left: 290px;
   }
   
   div.post_form .captcha .input_text {
      float: left;
   }
   
   div.post_form fieldset {
      padding-bottom: 15px;
   }

   div.post_form h3 {
      margin-bottom: 10px;
   }
   
fieldset.with_subhead {
   margin-bottom: 0;
   padding-bottom: 0;
}

   fieldset.with_subhead h4 {
      text-align: right;   
      margin-top: 6px;
      width: 300px;
      float: left;
   }

   fieldset.with_subhead ul {
      border-bottom: 1px solid #d5dde5;
      padding-bottom: 6px;
      margin: 0 15px 6px 320px;
   }

   fieldset.with_subhead span.desc,
   fieldset.with_subhead label {
      margin: 0;
      width: auto;
   }

   fieldset.with_subhead .checkbox input.input_check {
      margin-left: 0px;
   }

#toggle_post_options {
   background: transparent url({style_images_url}/add.png) no-repeat;
   font-size: 0.9em;
   padding: 2px 0 2px 22px;
   margin: 15px;
   display: block;
}

#poll_wrap .question {
   margin-bottom: 10px;
}

      #poll_wrap .question .wrap ol {
         margin-left: 25px;
         list-style: decimal;
      }
         #poll_wrap .question .wrap ol li {
            margin: 5px;
         }
   
.question_title { margin-left: 30px; padding-bottom: 0; }
   .question_title .input_text { font-weight: bold }

#poll_wrap { position: relative; }
#poll_footer { }
#poll_container_wrap { overflow: auto; }
#poll_popup_inner { overflow: hidden; }

.poll_control { margin-left: 20px; }
.post_form .tag_field ul { margin-left: 290px; }

.status_main_content { word-wrap: break-word; }

.status_main_content h4 {
   font-weight:normal;
   font-size:1.2em;
}

.status_main_content h4 .su_links a { font-weight: normal; }

.status_main_content p {
   padding: 6px 0px 6px 0px;
}

.status_main_content h4 a {
   font-weight:bold;
   text-decoration: none;
}

.status_mini_wrap {
   padding: 7px;
   font-size: 0.95em;
   margin-top: 2px;
}
.status_mini_photo {
   float: left;
}


.status_textarea {
   width: 99%;
}

.status_replies_many {
   height: 300px;
   overflow: auto;
}

   
.status_update {
   background: #71a5c9;
   color: #fff;
   padding: 15px 12px;
}

   .status_update .input_text { width: 70%; padding: 6px 4px; }
   .status_update .status_inactive { color: #bbbbbb; }   
   #status_wrapper h4 { font-weight: bold; font-size: 14px; }
   .status_content { line-height: 1.4; }
   .status_content .mod_links { opacity: 0.2; }
   .status_content:hover .mod_links { opacity: 1; }
   .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
   .status_feedback { margin: 10px 0 0 -10px; }
      .status_feedback .row2 { margin-bottom: 1px; }

#about_me img {
   max-width: 100%;
}

/* Favorites */
.ips_like {
   background-color: #f1f4f7;
   padding: 8px 4px 4px 4px;
   color: #878787;
   font-size: 1em;
   min-height: 18px;
   font-size: 0.9em;
   line-height: 130%;
   clear: both;
}
.ips_like a {
   color: #878787;
}

.ips_like a.ftoggle {
   float: right;
   /*background: #e4ebf2 url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/
   border:1px solid #CBCBCB;
   padding: 3px 4px 2px 4px;
   color: #656565;
   font-size:0.8em;
   text-decoration: none;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   margin-top: -4px;
}

.ips_like a.ftoggle.on {
   /*background: #e4ebf2 url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/
   margin-left: 3px;
}

.ips_like a.ftoggle._newline,
.ips_like a.ftoggle.on._newline {
   float:none;
   margin-top: 5px;
   margin-left: auto;
   margin-right: 0;
   display: block;
   width: 70px;
   text-align: center;
}

.ips_like a:hover.ftoggle.on,
.ips_like a:hover.ftoggle {
   background-color: #d5dde5;
}

.facebook-like { margin-top: 5px; }

.boxShadow {
   -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
   -moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
   box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}

/* New notification panel */
#ipsGlobalNotification {
   position: fixed;
   left: 50%;
   margin-left: -250px;
   top: 20px;
   text-align: center;
   font-weight: bold;
   z-index: 10000;
}

#ips_NotificationCloseButton {
   background: transparent url({style_images_url}/close_popup.png) no-repeat top left;
   opacity: 0.8;
   width: 13px;
   height: 13px;
   top: 5px;
   left: 5px;
   position: absolute;
   cursor: pointer;
}

.googlePlusOne {
   display: inline-block;
   vertical-align:middle;
   margin-top: 1px;
}

.fbLike {
   float: right !important;
   padding-left: 2px;
   max-height: 50px;
   /*overflow: hidden;*/
}


Code:

<foreach loop="outerLoop:$updates as $id => $status">
   <if test="statusApproved:|:$status['status_approved'] || $status['_canApprove']">
      <if test="isUs:|:$this->memberData['member_id'] AND $latestOnly AND $status['member_id'] == $this->memberData['member_id']">
      <script type="text/javascript">
         ipb.status.myLatest = {$status['status_id']};
      </script>
      </if>
      
      <div class='ipsBox_container ipsPad<if test="moderated:|:!$status['status_approved']"> moderated</if>' id='statusWrap-{$status['status_id']}'>
         {parse template="userSmallPhoto" group="global" params="array_merge( $status, array( '_customClass' => 'ipsUserPhoto_medium' ) )"}
         <div class="ipsBox_withphoto status_content">
            <div id="statusContent-{$status['status_id']}">
               <h4>
                  {parse template="userHoverCard" group="global" params="$status"}
                  <if test="forSomeoneElse:|:$status['status_member_id'] != $status['status_author_id']">
                     →
                     {parse template="userHoverCard" group="global" params="$status['owner']"}
                  </if>
               </h4>
               <div class='status_status'>
                  {$status['status_content']}
               </div>
               <span class='desc lighter blend_links'>
                  <img src="{$this->settings['img_url']}/icon_lock.png" id='statusLockImg-{$status['status_id']}' alt="{$this->lang->words['status__locked']}" <if test="noLocked:|:!$status['status_is_locked']">style='display: none'</if> />
                  <if test="cImg:|:!$smallSpace AND $status['_creatorImg']"><img src="{$status['_creatorImg']}" alt='' /></if>
                  <a href='{parse url="app=members&module=profile&section=status&type=single&status_id={$status['status_id']}" seotitle="array($status['member_id'], $status['members_seo_name'])" template="members_status_single" base="public"}'>{$status['status_date_formatted_short']}</a><if test="creatorText:|:$smallSpace AND $status['_creatorText'] AND $status['status_creator'] AND $status['status_creator'] != 'ipb'"> {$this->lang->words['su_via']} {$status['_creatorText']}</if>
               </span>
               <span class='mod_links'>
                  <if test="canDelete:|:$status['_canDelete']"> · <a rel="nofollow" href="{$this->settings['base_url']}app=members&module=profile&section=status&do=deleteStatus&status_id={$status['status_id']}&k={$this->member->form_hash}" id="statusDelete-{$status['status_id']}" class="__sD __d{$status['status_id']}">{$this->lang->words['status_delete_link']}</a></if>
                  <span id='statusUnlock-{$status['status_id']}' <if test="isLocked:|:$status['_isLocked'] AND $status['_canUnlock']">style='display:inline'<else />style='display:none'</if>> · <a rel="nofollow"  href="{$this->settings['base_url']}app=members&module=profile&section=status&do=unlockStatus&status_id={$status['status_id']}&k={$this->member->form_hash}" id="statusUnlockLink-{$status['status_id']}" class="__sU __u{$status['status_id']}">{$this->lang->words['status_unlock_link']}</a></span>
                  <span id='statusLock-{$status['status_id']}' <if test="canLock:|:$status['_canLock'] AND ! $status['_isLocked']">style='display:inline'<else />style='display:none'</if>> · <a rel="nofollow"  href="{$this->settings['base_url']}app=members&module=profile&section=status&do=lockStatus&status_id={$status['status_id']}&k={$this->member->form_hash}" id="statusLockLink-{$status['status_id']}" class="__sL __l{$status['status_id']}">{$this->lang->words['status_lock_link']}</a></span>
                  <span id='statusApprove-{$status['status_id']}' <if test="isUnapproved:|:!$status['status_approved'] AND $status['_canApprove']">style='display:inline'<else />style='display:none'</if>> · <a rel="nofollow"  href="{$this->settings['base_url']}app=members&module=profile&section=status&do=approveStatus&status_id={$status['status_id']}<if test="addReturn:|:! $this->request['status_id'] AND ! $this->request['member_id'] AND ! $this->request['type'] OR $this->request['type'] == 'all'">&rurl={parse expression="base64_encode( $this->registry->output->buildSEOUrl( "app=members&module=profile&section=status&type=all", "public", "", "members_status_all" ) )"}</if>&k={$this->member->form_hash}">{$this->lang->words['status_approve']}</a></span>
               </span>
            </div>
            <div id="statusFeedback-{$status['status_id']}" class='status_feedback'>
               <if test="hasReplies:|:$status['status_replies'] AND count( $status['replies'] )">
                  <if test="hasMore:|:$status['status_replies'] > 3">
                     <div class='status_mini_wrap row2 altrow' id='statusMoreWrap-{$status['status_id']}'>
                        <img src="{$this->settings['img_url']}/comments.png" alt="" /> &nbsp;<a href="#" id="statusMore-{$status['status_id']}" class='__showAll __x{$status['status_id']}'>{parse expression="sprintf( $this->lang->words['status_show_all_x'], $status['status_replies'] )"}</a>
                     </div>
                  </if>
                  <ul id='statusReplies-{$status['status_id']}' class='ipsList_withtinyphoto clear'>
                     {parse template="statusReplies" group="profile" params="$status['replies'], 1"}
                  </ul>
               </if>
               <div id='statusReplyBlank-{$status['status_id']}'></div>
               <div id='statusReply-{$status['status_id']}'>
               <if test="canReply:|:$status['_userCanReply']">
                  <ul class='ipsList_withtinyphoto reply row2 ipsPad'>
                     <li>
                        <form id='statusReplyForm-{$status['status_id']}' action='{$this->settings['base_url']}app=members&module=profile&section=status&do=reply&status_id={$status['status_id']}&k={$this->member->form_hash}&id={$this->memberData['member_id']}' method='post'>
                           {parse template="userSmallPhoto" group="global" params="array_merge( $this->memberData, array( '_customClass' => 'ipsUserPhoto_tiny', 'alt' => sprintf($this->lang->words['users_photo'],$this->memberData['members_display_name']) ) )"}
                           <div class='list_content'>
                              <div class="status_mini_content">
                                 <textarea class='status_textarea input_text' rows='3' cols='50' name='comment-{$status['status_id']}' id='statusText-{$status['status_id']}'></textarea>
                                 <div class="status_submit"><input type='submit' class='__submit input_submit' id='statusSubmit-{$status['status_id']}' value='{$this->lang->words['status__dfcomment']}' /></div>
                              </div>
                           </div>
                        </form>
                        <a href='#' class='__showform' id='statusReplyFormShow-{$status['status_id']}' style='display: none'>{$this->lang->words['status__addcomment']}</a>
                     </li>
                  </ul>
                  <script type='text/javascript'>
                     if( $('statusReplyForm-{$status['status_id']}') )
                     {
                        $('statusReplyForm-{$status['status_id']}').hide();
                     }
                     
                     if( $('statusReplyFormShow-{$status['status_id']}') )
                     {
                        $('statusReplyFormShow-{$status['status_id']}').show();
                     }
                  </script>
               </if>
               </div>
               <div class='status_mini_wrap row2 altrow' id='statusMaxWrap-{$status['status_id']}' <if test="maxReplies:|:$status['status_replies'] < $this->settings['su_max_replies']">style='display:none'</if>>
                  <img src="{$this->settings['img_url']}/locked_replies.png" title="{$this->lang->words['status_too_many_replies']}" alt='x' /> {$this->lang->words['status_too_many_replies']}
               </div>
            </div>
         </div>
      </div>
   </if>
</foreach>

If you guys don't mind, but I would most likely also would want to have that kind of profile layout used by IP board. So probably, I'm gonna marked this thread as something I'm anticipating for responds, so I could somehow use the code.

HeavenlyGifted wrote:If you guys don't mind, but I would most likely also would want to have that kind of profile layout used by IP board. So probably, I'm gonna marked this thread as something I'm anticipating for responds, so I could somehow use the code.

I used to inquire the entire code, I could easily post it in the submit tutorials but I don't have it all anymore and forgot most of the coding. But it's really simple to install, and its useful to have. Hopefully Nep post it up soon or sooner rather.

I've posted it as tutorial check it out!