Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
eTiKeT? 2013 Style Postbit - Postbit_legacy Details »»
eTiKeT? 2013 Style Postbit - Postbit_legacy
Version: 1.00, by eTiKeT? eTiKeT? is offline
Developer Last Online: Nov 2022 Show Printable Version Email this Page

Category: Mini Mods - Version: 4.2.0 Rating:
Released: 12-28-2012 Last Update: Never Installs: 106
Is in Beta Stage  
No support by the author.

/#########################################/
/# Orijinal : eTiKeT? 2013 Sitil Postbit - Postbit_legacy
/# Developer: eTiKeT?
/# vBulletin Version : 4.2.0 PL3
/# vBulletin Version : 1.0.0
/# Published : 2013
/# Demo :vbulletin.web.tr/
/#########################################/
  • Explanation;
    • What is this Postbit for ? The only reason for the creation of this Postbit is to change the style of the Default Vbulletin Postbit into the one which ,i believe , looks much better.
  • Caution ;
    • This Postbit is designed complately based on the Vbulletin Default Postbit. Thus , it does not support extra added features!. If you have a forum which includes such extra features, I will explain how to add them into postbit in the thread. But it is your job to apply it.
  • If you install it carefully by following to instructions, there would not be any issue
  • If you have a Custom Designed Postbit, I would highly recommend to take its backup.
__________________________________________________ __________________________________
PHP Code:
/*eTiKeT 2013 postbit legacy - www.vbulletin.web.tr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
  
text-alignright;
  
border-bottom: {vb:stylevar postbittitle_border} ;}

.
postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    -
webkit-border-radius8px;
    -
moz-border-radius8px;
    
border-radius8px;
    
margin-top10px;
    
padding-bottom0
    
border: {vb:stylevar postbit_userinfo_border}; 
    
background: {vb:stylevar postbit_background};
    
margin-left210px;}

.
postbitlegacy .userinfo .postuseravatar img {
    
bordersolid 8px #E8E8E8;
    
-webkit-border-radius60px;
    -
moz-border-radius60px;
    
border-radius60px;
    
box-shadow0 0 8px 0 #A3A3A3;
    
height100px;
    
margin0 0 3px; }
 
.
eti_default_avatar {
    
border8px solid #E8E8E8;
    
-webkit-border-radius60px;
    -
moz-border-radius60px;
    
border-radius60px;
    
box-shadow0 0 8px 0 #A3A3A3;
    
height100px;
    
margin0 0 3px; }
 
.
postbit_reputation ,.postbitlegacy .userinfo .usertitle {
    
border-bottom: {vb:stylevar postbittitle_border};
    
padding2px 0;
    
font-familycalibri,sans-serif;
    
font-size14px;
    
font-styleitalic;
    
font-weightnormal; }
 
.
postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote,.postbitlegacy .postfoot .textcontrols a.reputation, .postbit .postfoot .textcontrols a.reputation,.postbitlegacy .postfoot .textcontrols a.infraction, .postbit .postfoot .textcontrols a.infraction,.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report ,.postbitlegacy .postfoot .textcontrols a.ip, .postbit .postfoot .textcontrols a.ip ,.postbitlegacy .postfoot .textcontrols a.blog, .postbit .postfoot .textcontrols a.blog ,.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent,.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost ,.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply ,.postbitlegacy .postfoot .textcontrols a img, .postbit .postfoot .textcontrols a img background-colortransparent; }
 
.
postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    -
webkit-border-radius8px;
    -
moz-border-radius8px;
    
border-radius8px;
    
padding8px 0; }
 
.
postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow border0px solid; }
 
.
postbitlegacy .postdetails, .eventbit .eventdetails backgroundnone repeat scroll 0 0 transparent; }
 
.
postbit, .postbitlegacy, .eventbit border0px solid #E9E9E9; }
 
.etiket_postbit_alani_durumu_gizli_geziyor {
    
border-top-left-radius5px;
    
border-top-right-radius5px;
    
color#FFFFFF;
    
font-familycalibri,sans-serif;
    
font-size14px;
    
font-styleitalic;
    
font-weightnormal;
    
height21px;
    
padding-left10px;
    
padding-right10px;
    
padding-top4px;
    
text-alignleft;
    
backgroundrgb(142,142,142);
    
background: -moz-linear-gradient(toprgba(142,142,142,10%, rgba(0,0,0,1100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,rgba(142,142,142,1)), color-stop(100%,rgba(0,0,0,1)));
    
background: -webkit-linear-gradient(toprgba(142,142,142,10%,rgba(0,0,0,1100%);
    
background: -o-linear-gradient(toprgba(142,142,142,10%,rgba(0,0,0,1100%);
    
background: -ms-linear-gradient(toprgba(142,142,142,10%,rgba(0,0,0,1100%);
    
backgroundlinear-gradient(to bottomrgba(142,142,142,10%,rgba(0,0,0,1100%);
    
filterprogidDXImageTransform.Microsoft.gradientstartColorstr='#8e8e8e'endColorstr='#000000',GradientType=); }
 
    .
etiket_postbit_alani_durumu_gizli_geziyor  dd floatright; }
 
.
etiket_postbit_alani_durumu_cevrimdisi {
    
border-top-left-radius5px;
    
border-top-right-radius5px;
    
color#FFFFFF;
    
font-familycalibri,sans-serif;
    
font-size14px;
    
font-styleitalic;
    
font-weightnormal;
    
height21px;
    
padding-left10px;
    
padding-right10px;
    
padding-top4px;
    
text-alignleft;
    
backgroundrgb(219,3,3);
    
background: -moz-linear-gradient(toprgba(219,3,3,10%, rgba(250,4,4,1100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,rgba(219,3,3,1)), color-stop(100%,rgba(250,4,4,1)));
    
background: -webkit-linear-gradient(toprgba(219,3,3,10%,rgba(250,4,4,1100%);
    
background: -o-linear-gradient(toprgba(219,3,3,10%,rgba(250,4,4,1100%);
    
background: -ms-linear-gradient(toprgba(219,3,3,10%,rgba(250,4,4,1100%);
    
backgroundlinear-gradient(to bottomrgba(219,3,3,10%,rgba(250,4,4,1100%);
    
filterprogidDXImageTransform.Microsoft.gradientstartColorstr='#db0303'endColorstr='#fa0404',GradientType=); }
 
    .
etiket_postbit_alani_durumu_cevrimdisi  dd floatright; }
 
.
etiket_postbit_alani_durumu_iceride {
    
backgroundrgb(121,182,3);
    
background: -moz-linear-gradient(toprgba(121,182,3,10%, rgba(142,213,3,1100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,rgba(121,182,3,1)), color-stop(100%,rgba(142,213,3,1)));
    
background: -webkit-linear-gradient(toprgba(121,182,3,10%,rgba(142,213,3,1100%);
    
background: -o-linear-gradient(toprgba(121,182,3,10%,rgba(142,213,3,1100%);
    
background: -ms-linear-gradient(toprgba(121,182,3,10%,rgba(142,213,3,1100%);
    
backgroundlinear-gradient(to bottomrgba(121,182,3,10%,rgba(142,213,3,1100%);
    
filterprogidDXImageTransform.Microsoft.gradientstartColorstr='#79b603'endColorstr='#8ed503',GradientType=);
    
border-top-left-radius5px;
    
border-top-right-radius5px;
    
color#FFFFFF;
    
font-familycalibri,sans-serif;
    
font-size14px;
    
font-styleitalic;
    
font-weightnormal;
    
height21px;
    
padding-left10px;
    
padding-right10px;
    
padding-top4px;
    
text-alignleft; }
 
    .
etiket_postbit_alani_durumu_iceride  dd floatright; }
 
.
postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks text-aligncenter; }
 
.
postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
    
floatnone;
    
text-aligncenter;
    
max-height100px;
    
max-width100px; }
 
.
postbitlegacy .userinfo .usertitle {
    
displayblock;
    
floatnone;
    
text-aligncenter;
    
clearboth; }
 
.
postbitlegacy .userinfo .userinfo_extra {
    
text-aligncenter;
    
padding0 8px;
    
margin-top25px; }
 
.
postbit_reputation {
    
floatnone;
    
text-aligncenter; }
 
.
postbitlegacy .imlinks {
    
floatnone;
    
text-aligncenter; }
 

 
.
postcontainer .username_container .popupmenu a.popupctrl font-size20px; }
 
.
postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
    -
webkit-border-radius8px;
    -
moz-border-radius8px;
    
border-radius8px;
    
margin-top5px; }
        
background: {vb:stylevar postbit_userinfo_background};
        
border: {vb:stylevar postbit_userinfo_border};}



.
postbitlegacy .userinfo .userinfo_extra dd {
      
border-bottomsolid 1px hsl(00%, 91%);
      
text-alignright}

.
postbitlegacy .userinfo {
    -
webkit-border-radius8px;
    -
moz-border-radius8px;
    
border-radius8px;
    
margin-top10px;
    
padding0px;
    
width200px;
    
box-shadow0 0 3px 0 #A3A3A3; 
    
background: {vb:stylevar postbit_userinfo_background};
    
border: {vb:stylevar postbit_userinfo_border}; }


/*eTiKeT 2013 postbit legacy - www.vbulletin.web.tr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
[list][*]Step 2.
  • Open postbit_onlinestatus template of your default theme, replace all the codes with the ones below :
  • PHP Code:
        <vb:if condition="$onlinestatus==0">
    <
    div class="etiket_postbit_alani_durumu_cevrimdisi ">Status<ddOffline</dd></div>
            </
    vb:if>
            <
    vb:if condition="$onlinestatus==1">
    <
    div class="etiket_postbit_alani_durumu_iceride">Status<ddOnline </dd></div>
            </
    vb:if>
            <
    vb:if condition="$onlinestatus==2"
     <
    div class="etiket_postbit_alani_durumu_gizli_geziyor">Status<dd>invisible</dd> </div>
            </
    vb:if> 
  • Step 3.
    • Open then postbit_legacy of the same theme, replace all the codes with the ones below:
Quote:
postbit_legacy.txt ( available in the attachment) .

Download Now

File Type: txt postbit_legacy.txt (15.1 KB, 1067 views)

Screenshots

File Type: jpg etiket_2013_postbit_Legacy.jpg (67.1 KB, 0 views)
File Type: jpg komple_postbit.jpg (67.9 KB, 0 views)
File Type: png postbit_1.PNG (31.0 KB, 0 views)
File Type: png postbit_siyah.PNG (31.7 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
8 благодарности(ей) от:
Arkool, Disco_Dave, Janon, Jihuatz, jramos1973, ramesh_umk3, seb5594

Comments
  #32  
Old 04-03-2013, 11:03 AM
TheSupportForum TheSupportForum is offline
 
Join Date: Jan 2007
Posts: 1,158
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Derwin View Post
I just installed this on my vb4 forum, and it really looks good.

But when you view it on any mobile device such as an iPad or Nook HD, or any other tablet, the round frame in the postbit does not show up correctly.

Here's a screen capture showing both views:



As you can see from the above, the avatar shows up great in the image on the left when viewing on a desktop pc. But the image on the right shows the avatar being "squared off" when viewing on a tablet or other mobile device.

Is there any way to fix this?
the css has to have the correct entries for the browser for the tablet and mobile device, not all CSS working in browsers the same way
Reply With Quote
  #33  
Old 04-03-2013, 11:42 AM
Derwin's Avatar
Derwin Derwin is offline
 
Join Date: Jan 2009
Posts: 30
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheSupportForum View Post
the css has to have the correct entries for the browser for the tablet and mobile device, not all CSS working in browsers the same way
I kind of figured that it was a css problem.

But do you know how to resolve this problem? Is there something in the "additional.css" that I can add to remedy this?
Reply With Quote
  #34  
Old 04-04-2013, 07:50 PM
dmhorus dmhorus is offline
 
Join Date: Aug 2009
Posts: 6
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I am having this issue:



The user stats is mangled and the entire postbit is not vertically aligned.

Is there any way to fix this alignment issue and make the user stats look a bit better? I really want to +1 this.
Reply With Quote
  #35  
Old 04-04-2013, 08:26 PM
dmhorus dmhorus is offline
 
Join Date: Aug 2009
Posts: 6
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dmhorus View Post
I am having this issue:



The user stats is mangled and the entire postbit is not vertically aligned.

Is there any way to fix this alignment issue and make the user stats look a bit better? I really want to +1 this.
I've fixed the vertical alignment issue.

#postlist .userinfo {
padding-top:10px;


Had to be changed to

#postlist .userinfo {
padding-top:0px;


in additional.css

However, I am still not happy with the user stats in the postbit. It looks ugly with that table and the text alignment inside is to the right. I cannot seem to locate where this styling is located but I assume it is somewhere in additional.css. Any help?
Reply With Quote
  #36  
Old 04-05-2013, 12:23 AM
dmhorus dmhorus is offline
 
Join Date: Aug 2009
Posts: 6
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I've fixed the issues. My template was customized to strip out portions of postbit_extra. I used the default template as a guide and restored it.
Reply With Quote
  #37  
Old 04-12-2013, 08:39 AM
khan1 khan1 is offline
 
Join Date: Nov 2011
Posts: 14
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I want to show the user name on top of user status ....
can anyone help ?
Reply With Quote
  #38  
Old 05-06-2013, 10:32 AM
elitecarders elitecarders is offline
 
Join Date: Nov 2012
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by farru View Post
Yea, i have had the same misalignment issue. Was able to line them up by adding a line break.
If you are familiar with css, look for this class in additional.css

Code:
.postbitlegacy .imlinks {
If you want me to take a look at that, pm me your forum URL. Cheers.
how to do it i know a little php and css .
Reply With Quote
  #39  
Old 05-10-2013, 08:07 PM
Spangle Spangle is offline
 
Join Date: Jun 2011
Posts: 520
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Installed this on 4.2.1 worked out of the box for the Breeze style
Reply With Quote
  #40  
Old 05-18-2013, 09:53 PM
tnsgaming tnsgaming is offline
 
Join Date: May 2010
Posts: 5
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Looks Awesome! And installed it.
Reply With Quote
  #41  
Old 05-23-2013, 09:41 PM
Drago13's Avatar
Drago13 Drago13 is offline
 
Join Date: Mar 2009
Location: Fernandina Bch Fla.
Posts: 48
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Awesome work.. looks great on my forum.
Reply With Quote
Reply


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 02:16 AM.


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.04842 seconds
  • Memory Usage 2,505KB
  • Queries Executed 28 (?)
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
  • (1)bbcode_code
  • (2)bbcode_php
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (11)post_thanks_box
  • (7)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (5)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (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_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
  • 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
  • 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_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete