Show Thread Enhancements - [rellect] Horizontal Postbit

========================================
Description:
========================================

Horizontal style it's a style that puts all user's info above his post content,
unlike the default vertical style that puts user's info to the side of his post's content.
The horizontal style was the default style in vBulletin3, the style continued to exist in vBulletin4 as an option but not as the default style.
In vBulletin5 there is no build-in option to enable horizontal style for posts (though it is still used for the responsive version).

This mod will change your posts design to horizontal style.

-----
If you installed this mod and/or you want get support, please "Mark as Installed".
-----

========================================
How to install:
========================================

1. Upload the content of 'files_to_upload' into the directory where you have installed vBulletin.
2. Make sure that Plugin/Hook System is enabled (it is disabled by default).
3. Reload your site (twice) - this mod uses the Auto-Install feature.
4. In some cases it is necessary to do CTRL+F5 to clear browser's cache.

Auto-Install it's a feature that allows vB5 to install addons automatically after all files uploaded.
There is no need to install xml manually anymore.

/*
IF YOU FOLLOWED THE STEPS BUT YOU DON'T SEE ANY CHANGES,
DO THE STEPS OF THE UPGRADE PROCESS TO INSTALL THE MOD MANUALLY.
IF THAT DOESN'T HELP, PLEASE LEAVE A MESSAGE IN THE MOD'S DISCUSSION IN VB.ORG
*/

========================================
How to upgrade:
========================================

If you installed previous version of this mod, you need to do the following steps:

1. Upload the content of 'files_to_upload' into the directory where you have installed vBulletin.
2. Find the file "product_rellecthorizontalpostbit.xml" in /files_to_upload/core/packages/rellecthorizontalpostbit/xml
3. Go to 'Import Product' in the admincp
4. Upload the xml
4. In some cases it is necessary to do CTRL+F5 to clear browser's cache.

========================================
Log:
========================================

[18/08/12] 1.0 BETA 1
* First release

[29/08/12] 1.0 BETA 2
* Compatibility with 5.0.0 alpha 37
* Hard-coded right/left replaced with stylevars
* Option to enable/disable the mod in vb options page

[16/09/12] 1.0
* Compatibility with 5.0.0 beta 10

[24/09/12] 1.0.1
* Package renamed to lowercase name - the previous name caused to problem with the auto-install for some users.

[01/03/13] 1.0.2
* Update to support 5.0.0
* CSS now loads only when required and not in all pages

[02/03/13] 1.0.3
* Fixed: minor issue with different content types.
* Fixed: few css issues.

[16/11/13] 1.1.0
* Added support for vB5.0.5, it is now the minimum supported version.
* Rewritten from scratch

[10/12/13] 1.1.1
* Fixed issue which caused the horizontal postbit to not work when css stored in files

[ywwz]

Originally Posted by ywwz

how about 5.4.5? Does it still work?

Just got this mod installed on 5.4.5 and it works great. Thanks for sharing.:up::up::up:

[Emad ELsayed]

Thank you
But unfortunately does not work on 5.5.0

[delicjous]

Originally Posted by Emad ELsayed

Thank you
But unfortunately does not work on 5.5.0

Just testet with 5.5.0 RC1 and it works fine. This mod is from the beginning of vB5 and there are some parts you don't need anymore, but it works absolutely fine? So what isn't working for you?

[Emad ELsayed]

Originally Posted by delicjous

Just testet with 5.5.0 RC1 and it works fine. This mod is from the beginning of vB5 and there are some parts you don't need anymore, but it works absolutely fine? So what isn't working for you?

Thank you for following up
I installed the product but there was no change
Is it better to use vbmods horizontal ?

[delicjous]

Just use the css from product xml in your additional.css

[semihcannet]

Hello, I have;
He was working at 5.4.4.
But I upgraded to 5.5.0 and didn't work.

[delicjous]

Originally Posted by semihcannet

Hello, I have;
He was working at 5.4.4.
But I upgraded to 5.5.0 and didn't work.

What exactly is not working? If you are a member of my forum you could change postbitlay-out in your user-settings and the horizontal is working. It is the css-code of that addon and changed it a bit.

This is working with vB5.5.0!

/* Horizontal Postbit Layout START */
.b-post .js-post__content-wrapper {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.b-post.b-post--first .js-post__content-wrapper .b-post__arrow {
    border-bottom-color: #EBF4F9; /* Change to the first post background color if you changed the default */
}
.b-post .js-post__content-wrapper .b-post__arrow {
    top: -10px;
    left: 39px;
    border-bottom: 10px solid #FFF; /* Change #FFF to the reply background color if you changed the default */
    border-top: none;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.b-post .l-row .l-col__small--full {
    padding-left: 0;
    padding-right: 0 !important;
    width: 100% !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
}
.b-post .b-userinfo__additional-info {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.b-post .l-row .l-col__small--full .b-userinfo {
    text-align: left;
    padding: 10px;
}
.b-post .l-row .l-col__small--full .b-userinfo .b-avatar {
    margin-right: 5px;
}
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details {
    display: inline-block;
    vertical-align: top;
}
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-meter,
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-userinfo__additional-info-block {
    margin-top: 5px;
}
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-userinfo__icons {
    top: 10px;
    bottom: auto;
    left: auto;
    right: 10px;
}
/*Userstats to right*/
.b-userinfo__details {
	width:85%;
}
.b-userinfo__additional-info-block {
	float:right;
	margin-top: -35px !important;
}
.b-userinfo__additional-info-block li{
	display: block !important;
}
/* Horizontal Postbit Layout END */

[semihcannet]

Originally Posted by delicjous

What exactly is not working? If you are a member of my forum you could change postbitlay-out in your user-settings and the horizontal is working. It is the css-code of that addon and changed it a bit.

This is working with vB5.5.0!

I just updated the version (5.4.4 >> 5.5.0) and it doesn't work anymore.
if you want to check, i can send you admin information with PM.

Exmpl: https://donanimforum.com/forum/main-...ampanyas%C4%B1

[delicjous]

This was a mod for 5.0.0 in the early hours of vB5. Use the css instead.