Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications
Reload this Page Mini Mods - eTiKeT? 2013 Style Postbit - Postbit_legacy
FAQ Community Calendar Today's Posts Search

Reply
Page 4 of 7 « First 23 4 56 Last »
 
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-align: right;
  border-bottom: {vb:stylevar postbittitle_border} ;}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
    padding-bottom: 0; 
    border: {vb:stylevar postbit_userinfo_border}; 
    background: {vb:stylevar postbit_background};
    margin-left: 210px;}

.postbitlegacy .userinfo .postuseravatar img {
    border: solid 8px #E8E8E8;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 8px 0 #A3A3A3;
    height: 100px;
    margin: 0 0 3px; }
 
.eti_default_avatar {
    border: 8px solid #E8E8E8;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 8px 0 #A3A3A3;
    height: 100px;
    margin: 0 0 3px; }
 
.postbit_reputation ,.postbitlegacy .userinfo .usertitle {
    border-bottom: {vb:stylevar postbittitle_border};
    padding: 2px 0;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal; }
 
.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-color: transparent; }
 
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 0; }
 
.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow { border: 0px solid; }
 
.postbitlegacy .postdetails, .eventbit .eventdetails { background: none repeat scroll 0 0 transparent; }
 
.postbit, .postbitlegacy, .eventbit { border: 0px solid #E9E9E9; }
 
.etiket_postbit_alani_durumu_gizli_geziyor {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left;
    background: rgb(142,142,142);
    background: -moz-linear-gradient(top, rgba(142,142,142,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#000000',GradientType=0 ); }
 
    .etiket_postbit_alani_durumu_gizli_geziyor  dd { float: right; }
 
.etiket_postbit_alani_durumu_cevrimdisi {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left;
    background: rgb(219,3,3);
    background: -moz-linear-gradient(top, rgba(219,3,3,1) 0%, rgba(250,4,4,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,3,3,1)), color-stop(100%,rgba(250,4,4,1)));
    background: -webkit-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    background: -o-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    background: linear-gradient(to bottom, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#db0303', endColorstr='#fa0404',GradientType=0 ); }
 
    .etiket_postbit_alani_durumu_cevrimdisi  dd { float: right; }
 
.etiket_postbit_alani_durumu_iceride {
    background: rgb(121,182,3);
    background: -moz-linear-gradient(top, rgba(121,182,3,1) 0%, rgba(142,213,3,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,182,3,1)), color-stop(100%,rgba(142,213,3,1)));
    background: -webkit-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    background: -o-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    background: linear-gradient(to bottom, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#79b603', endColorstr='#8ed503',GradientType=0 );
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-family: calibri,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    height: 21px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: left; }
 
    .etiket_postbit_alani_durumu_iceride  dd { float: right; }
 
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks { text-align: center; }
 
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
    float: none;
    text-align: center;
    max-height: 100px;
    max-width: 100px; }
 
.postbitlegacy .userinfo .usertitle {
    display: block;
    float: none;
    text-align: center;
    clear: both; }
 
.postbitlegacy .userinfo .userinfo_extra {
    text-align: center;
    padding: 0 8px;
    margin-top: 25px; }
 
.postbit_reputation {
    float: none;
    text-align: center; }
 
.postbitlegacy .imlinks {
    float: none;
    text-align: center; }
 

 
.postcontainer .username_container .popupmenu a.popupctrl { font-size: 20px; }
 
.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 5px; }
        background: {vb:stylevar postbit_userinfo_background};
        border: {vb:stylevar postbit_userinfo_border};}



.postbitlegacy .userinfo .userinfo_extra dd {
      border-bottom: solid 1px hsl(0, 0%, 91%);
      text-align: right}

.postbitlegacy .userinfo {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
    padding: 0px;
    width: 200px;
    box-shadow: 0 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<dd> Offline</dd></div>
            </    vb:if>
            <    vb:if condition="$onlinestatus==1">
    <    div class="etiket_postbit_alani_durumu_iceride">Status<dd> Online </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
Page 4 of 7 « First 23 4 56 Last »

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

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.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