Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 General Discussions
Reload this Page How do I center the user profile bit
FAQ Community Calendar Today's Posts Search

 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #11  
Old 07-19-2012, 11:52 PM
Sarteck's Avatar
Sarteck Sarteck is offline
 
Join Date: Mar 2008
Posts: 304
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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.)
Reply With Quote
 

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 11:19 PM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08002 seconds
  • Memory Usage 3,031KB
  • Queries Executed 13 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (2)bbcode_code
  • (3)bbcode_html
  • (7)bbcode_php
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (16)post_thanks_box
  • (1)post_thanks_box_bit
  • (16)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (16)post_thanks_postbit_info
  • (16)postbit
  • (1)postbit_attachment
  • (16)postbit_onlinestatus
  • (16)postbit_wrapper
  • (1)showthread_list
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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_threadedmode.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids_threaded
  • showthread_threaded_construct_link
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_attachment
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete