Jump to content
vBWarez - Rest In Peace

eTiKeT™ 2013 Style Postbit - Postbit_legacy


Recommended Posts

[B][COLOR="#FF0000"]vB Version: 4.2.0[/COLOR][/B]

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

________________________________________________________________________________ ____

For Turkish : eTiKeT™ 2013 Sitil Postbit - Postbit_legacy
Installation
Step 1.
Open the additional.css template of the theme that you use and add this code to the top

[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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ [/CODE]

Step 2.

Open postbit_onlinestatus template of your default theme, replace all the codes with the ones below :

[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> [/CODE]

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)[/QUOTE]

Edited by Zombie
  • Like 28
Link to post
Share on other sites
  • Replies 71
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

[B][COLOR="#FF0000"]vB Version: 4.2.0[/COLOR][/B] /#########################################/ /# Orijinal : eTiKeT™ 2013 Sitil Postbit - Postbit_legacy /# Developer: eTiKeT™ &

[QUOTE]Where in the code can you remove the circle around the avatar? [/QUOTE] In additional.css look for this code: [CODE].postbitlegacy .userinfo .postuseravatar img {[/COD

yes that means he posted too quickly after uploading the attachment... happens a lot!

  • 4 weeks later...
  • 2 weeks later...
  • 1 month later...
  • 1 month later...
[QUOTE]Where in the code can you remove the circle around the avatar? [/QUOTE]

In additional.css look for this code:

[CODE].postbitlegacy .userinfo .postuseravatar img {[/CODE]

Circle is a border, you can remove it by removing this code:

[CODE]border: solid 8px #E8E8E8;[/CODE]
  • Like 4
Link to post
Share on other sites
Next time use search...

[url]http://vbwarez.net/showthread.php/3220-Postbit-legacy?highlight=Postbit+Legacy+Usergroup+Backgrounds[/url]

[url]http://vbwarez.net/showthread.php/1437-Postbit-Legacy-Usergroup-Backgrounds-vb4?highlight=Postbit+Legacy+Usergroup+Backgrounds[/url]
Link to post
Share on other sites
  • 2 weeks later...
  • 1 month later...
[quote name='dingo']Do you mean the reputation bars? You have to enable it..AdminCP > Settings > Options > User Reputation Options[/QUOTE]

No, i mean those[ATTACH=CONFIG]7025[/ATTACH]

So it will not split my text and looks nicer also :)
Link to post
Share on other sites

×
×
  • Create New...