vb.org Archive - View Single Post

Sarteck · #11 07-19-2012, 11:52 PM

HTML Templates:
sar_postbit_info_extra Note that this will change drastically depending on what you want to display. X3

HTML Code:

<div class="block">
  <h2 style="text-align:center;font-size:10px;" class="blockhead" onmouseover="toggle_content({vb:raw post.postid});">(Hover Here for Info)</h2>
  <div class="blockbody">
<vb:if condition="$vbulletin->userinfo['field56'] != 'Collapse'">
    <div class="blockrow" id="postbit_tabs_{vb:raw post.postid}_content_table" style="margin:3px;padding:3px;display:block;">
<vb:else />
    <div class="blockrow" id="postbit_tabs_{vb:raw post.postid}_content_table" style="margin:3px;padding:3px;display:none;">
</vb:if>
      <!-- Tab Heads Start -->
      <h2 style="text-align: center;" class="blockhead">
        <div id="postbit_tabs_{vb:raw post.postid}_head"><!-- Begin tab_heads -->
          <div class="sar_postbit_tab_head_active" onmouseover="activate_postbit_tab(this,{vb:raw post.postid});">D</div>
          <div class="sar_postbit_tab_head_inactive" onmouseover="activate_postbit_tab(this,{vb:raw post.postid});">A</div>
          <div class="sar_postbit_tab_head_inactive" onmouseover="activate_postbit_tab(this,{vb:raw post.postid});">B</div>
          <div class="sar_postbit_tab_head_inactive" onmouseover="activate_postbit_tab(this,{vb:raw post.postid});">G</div>
          <div class="sar_postbit_tab_head_inactive" onmouseover="activate_postbit_tab(this,{vb:raw post.postid});">H</div>
          <div class="sar_postbit_tab_head_inactive" onmouseover="activate_postbit_tab(this,{vb:raw post.postid});">$</div>
          <div class="clearbit" style="clear: both;"> </div>
        </div>
      </h2>
      <!-- Tab Heads End -->
      <div class="blockbody">
        <div class="blockrow" id="postbit_tabs_{vb:raw post.postid}_content">
        <!-- Tab Contents Start -->

<!-- TAB START: "D" -->
          <div class="sar_postbit_tab_content_active">
<vb:if condition="$post['joindate']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">{vb:rawphrase join_date}</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.joindate}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field2']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">{vb:rawphrase location_perm}</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.field2}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">{vb:rawphrase 'posts'}</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.posts}</div>
              <div style="clear: both;"> </div>
            </div>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;"><img src="images/statusicon/coin.gif" class="inlineimg" border="0" />Han</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.han}</div>
              <div style="clear: both;"> </div>
            </div>
<vb:if condition="$post['g13_div']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Guild</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.guildname}</div>
              <div style="clear: both;"> </div>
            </div>
  <vb:if condition="($post['g13_div'] != 46) AND ($post['g13_rank'] > 0)">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Rank</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">&nbsp;<vb:if condition="$post['g13_rank'] == 1">Guild Master<vb:elseif condition="$post['g13_rank'] == 2" />Guardian<vb:elseif condition="$post['g13_rank'] == 3" />Guardian<vb:elseif condition="$post['g13_rank'] == 4" />Guardian<vb:elseif condition="$post['g13_rank'] == 5" />Guardian<vb:else />Regular</vb:if></div>
              <div style="clear: both;"> </div>
            </div>
  </vb:if>
</vb:if>
<vb:if condition="$post['field25']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">GFX Class</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.field25}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">{vb:rawphrase blog_entries}</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">&nbsp;<a href="{vb:link blog, {vb:raw post}, null, 'userid', 'blog_title'}">{vb:raw post.entries}</a></div>
              <div style="clear: both;"> </div>
            </div>
          </div>
<!-- TAB END: "D" -->
<!-- TAB START: "A" -->
          <div class="sar_postbit_tab_content_inactive"><!-- Begin 'A' : each node here is a part of List A -->
<vb:if condition="$post['field6']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Fav Anime</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field6}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field7']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Fav Manga</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field7}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field5']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Fav Character</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field5}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Claimlist</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;"><a href="claimlist.php?do=gen_list&oid={vb:raw post.userid}">Click</a></div>
              <div style="clear: both;"> </div>
            </div>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">TT Deck</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;"><a href="ttv2.php?do=cardlist&amp;uid={vb:raw post.userid}" rel="nofollow">Clicky</a></div>
              <div style="clear: both;"> </div>
            </div>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Thanked</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.post_thanks_user_amount_formatted}</div>
              <div style="clear: both;"> </div>
            </div>
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:100%;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}
              </div>
            </div>
          </div>
<!-- TAB END: "A" -->
<!-- TAB START: "B" -->
          <div class="sar_postbit_tab_content_inactive"><!-- Begin 'B' : each node here is a part of List B -->
<vb:if condition="$post['field23']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Gender</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field23}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field49']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">PSN ID</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field49}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field50']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Gamertag</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field50}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field1']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">About Me</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field1}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field3']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Interests</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field3}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['field4']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Occupation</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:var post.field4}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
          </div>
<!-- TAB END: "B" -->


<!-- TAB START: "G" -->
          <div class="sar_postbit_tab_content_inactive"><!-- Begin 'G' : each node here is a part of List B -->
<vb:if condition="$post['gifts']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Gifts</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.gifts}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
<vb:if condition="$post['ribbons']">
            <div style="border-width:1px;border-style:solid;margin:2px;padding:2px;">
              <div style="width:40%;float:left;font-size:10px;font-weight:normal;font-variant:small-caps;text-align:right;font-family:Verdana,Tahoma,Arial;">
                <span style="margin-right:5px;">Ribbons</span>
              </div>
              <div style="width:60%;float:left;font-size:11px;font-weight:normal;text-align:left;font-family:Verdana,Tahoma,Arial;">{vb:raw post.ribbons}</div>
              <div style="clear: both;"> </div>
            </div>
</vb:if>
          </div>
<!-- TAB END: "G" -->


<!-- TAB START: "H" -->
          <div class="sar_postbit_tab_content_inactive"><!-- Begin 'H' : each node here is a part of List H -->
            <fieldset class="blockrow">
              <legend>CB Awards</legend>
{vb:raw post.cbawards_html}
              </fieldset>
          </div>
<!-- TAB END: "H" -->


<!-- TAB START: "$" -->
          <div class="sar_postbit_tab_content_inactive"><!-- Begin '$' : each node here is a part of List $ -->
            <fieldset class="blockrow">
              <legend>ArCAdE</legend>
              <hr /><hr />
{vb:raw post.crowns}{vb:raw post.champtext}
              </fieldset>
          </div>
<!-- TAB END: "$" -->

        </div>
      </div>
    </div>
  </div>
</div>

sar_postbit_headinclude This is just to make the "tabs" work.

HTML Code:

<script type="text/javascript">
function activate_postbit_tab(tab_head,tab_postid)
{
  var HeadsNode = document.getElementById('postbit_tabs_'+tab_postid+'_head');
  var ContentsNode = document.getElementById('postbit_tabs_'+tab_postid+'_content');
//  var tab_heads = HeadsNode.childNodes;
  var tab_heads = new Array();
  for (var i in HeadsNode.childNodes) {if ((HeadsNode.childNodes[i].nodeType == 1) && (HeadsNode.childNodes[i].nodeName == 'DIV')) {tab_heads[tab_heads.length] = HeadsNode.childNodes[i];}}
//  var tab_contents = ContentsNode.childNodes;
  var tab_contents = new Array();
  for (var i in ContentsNode.childNodes) {if ((ContentsNode.childNodes[i].nodeType == 1) && (ContentsNode.childNodes[i].nodeName == 'DIV')) {tab_contents[tab_contents.length] = ContentsNode.childNodes[i];}}

  var this_tab_index = false;
  for (var i in tab_heads)
  {
    if (tab_heads[i].className != 'clearbit')
    {
      tab_heads[i].className = 'sar_postbit_tab_head_inactive';
      if (tab_heads[i].innerHTML == tab_head.innerHTML) {this_tab_index = i; tab_heads[i].className = 'sar_postbit_tab_head_active';}
    }
  }
  for (var i in tab_contents)
  {
    tab_contents[i].className = 'sar_postbit_tab_content_inactive';
    if (this_tab_index == i) {tab_contents[i].className = 'sar_postbit_tab_content_active';}
  }
}
function toggle_content(tab_postid)
{
  var Contents = document.getElementById('postbit_tabs_'+tab_postid+'_content_table');
  if (Contents.style.display == 'block') {Contents.style.display = 'none';} else {Contents.style.display = 'block';}
}
</script>


<style type="text/css">
.sar_postbit_tab_head_active {background-color: #CCCCCC; color: #232323; border: 1px solid #000000; float: left; padding: 2px; margin: 2px;}
.sar_postbit_tab_head_inactive {background-color: #333333; color: #999999; border: 1px solid #000000; float: left; padding: 2px; margin: 2px;}
.sar_postbit_tab_content_active {display: block; border: 1px solid #000000;}
.sar_postbit_tab_content_inactive {display: none;}
</style>

I should have included another plugin on parse_templates with the following:

PHP Code:


			
$templater = vB_Template::create('sar_postbit_headinclude');
  $templater->register('post', $post);
$sar_postbit_headinclude = $templater->render();
$template_hook['headinclude_bottom_css'] .= $sar_postbit_headinclude;

But I just manually put it into my headinclude template.

(Still over 20,000 characters. One more post coming.)

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01202 seconds Memory Usage 1,933KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD_SHOWPOST (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html (1)bbcode_php (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_box (1)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit_info (1)postbit (1)postbit_onlinestatus (1)postbit_wrapper (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit reputationlevel showthread	Included Files: ./showpost.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showpost_start bbcode_fetch_tags bbcode_create postbit_factory showpost_post postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start showpost_complete
Messages: