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 Members List Calendar Search Today's Posts Mark Forums Read

Reply
Page 3 of 7 12 3 45 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
  #22  
Old 03-25-2013, 05:09 PM
farru farru is offline
 
Join Date: Apr 2012
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by mitch84 View Post
installed and work fine! I use theme black stealth
but i want modify my avatar size,how to do this?
thx
Quote:
Originally Posted by danycutu1 View Post
Can i resize the avatar?I think is too small.
In additional.css, look for this class and specify your own height / width

Code:
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
Quote:
Originally Posted by tricksodave View Post
Hi eTiKeT?

Is it possible to line up the rep power? I also didn't use your online status, is there a why I can move this icon to the right?

Cheers
Dave
I was able to line up rep power by editing postbit_legacy, look for this code

Code:
<dt>{vb:rawphrase reppower}</dt>
Replace with:

Code:
<dt>&nbsp; &nbsp;{vb:rawphrase reppower}</dt>

Quote:
Originally Posted by faisaly.com View Post
how to remove the circle around avatar?
In additional.css, look for this code:

Code:
.postbitlegacy .userinfo .postuseravatar img {
Circle is a border, you can remove it by removing this code:

Code:
border: solid 8px #E8E8E8;
Reply With Quote
  #23  
Old 03-25-2013, 07:07 PM
mitch84 mitch84 is offline
 
Join Date: Mar 2008
Location: france
Posts: 516
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by farru View Post
In additional.css, look for this class and specify your own height / width

Code:
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
Thank you but it changes nothing, the size of my avatar does not change. There is a variable of style also changed?
Reply With Quote
  #24  
Old 03-26-2013, 04:57 PM
farru farru is offline
 
Join Date: Apr 2012
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by mitch84 View Post
Thank you but it changes nothing, the size of my avatar does not change. There is a variable of style also changed?
You need to add width, height to above class, and it should work.

This is the default code:

Code:
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
float: none;
text-align: center;
max-height: 100px;
max-width: 100px;
}
Make it:

Code:
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
height: 150px;
width: 150px;
float: none;
text-align: center;
}
So, what we have done is removed max height, width, and specified custom height, width.

You can replace 150px with your own value, and it should reflect changes.
Reply With Quote
Благодарность от:
mitch84
  #25  
Old 03-26-2013, 07:27 PM
mitch84 mitch84 is offline
 
Join Date: Mar 2008
Location: france
Posts: 516
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
thank you farru, it's solved
Reply With Quote
  #26  
Old 03-26-2013, 11:52 PM
CybertronWizard CybertronWizard is offline
 
Join Date: Nov 2012
Location: Vijawada,AP,India
Posts: 33
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Just installed..working fine but need one help to resize the avatar according to the height and width given in Usergroup manager...
Reply With Quote
  #27  
Old 03-27-2013, 04:22 PM
farru farru is offline
 
Join Date: Apr 2012
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by mitch84 View Post
thank you farru, it's solved
Its good to hear that :up:

Quote:
Originally Posted by CybertronWizard View Post
Just installed..working fine but need one help to resize the avatar according to the height and width given in Usergroup manager...
Why not resize it by tweaking style sheet a bit? The steps are given in above posts.
Reply With Quote
  #28  
Old 03-27-2013, 11:44 PM
elitecarders elitecarders is offline
 
Join Date: Nov 2012
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default


i have some error kindly check it also country flages now showing reply me
Reply With Quote
  #29  
Old 03-28-2013, 12:41 AM
farru farru is offline
 
Join Date: Apr 2012
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by elitecarders View Post
i have some error kindly check it also country flages now showing reply me
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.
Reply With Quote
  #30  
Old 03-28-2013, 06:07 AM
elitecarders elitecarders is offline
 
Join Date: Nov 2012
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
PM sent brother
Reply With Quote
  #31  
Old 04-02-2013, 01:36 PM
Derwin's Avatar
Derwin Derwin is offline
 
Join Date: Jan 2009
Posts: 30
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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?
Reply With Quote
Reply
Page 3 of 7 12 3 45 Last »

« Previous Thread | Next Thread »
Thread Tools

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 06:15 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.04850 seconds
  • Memory Usage 2,521KB
  • Queries Executed 26 (?)
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
  • (9)bbcode_code
  • (2)bbcode_php
  • (10)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
  • (8)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)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_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