Hidden Post Profiles

by _Twisted_Mods_ March 7th 2019, 7:29 am

_Twisted_Mods_

_Twisted_Mods_: Helper; Posts : 2083
Reputation : 336
Language : English
Location : Ms

Post n°1

Hidden Post Profiles

by _Twisted_Mods_ March 7th 2019, 7:29 am

This tutorial will help you with hidden post profiles

Example :

Available versions : phpBB2, phpBB3, PunBB, Invision, ModernBB AwesomeBB

Version*-Profile-Right = forum has profile set to right side
Version*-Profile-Left = forum has profile set to left side

How to install?

- copy and replace ACP(Admin Control Panel) > Display > Templates > General > viewtopic_body template with the new one, that suits your current forum version.

- Save and publish.

Last edited by _Twisted_Mods_ on March 9th 2019, 2:32 am; edited 1 time in total

TonnyKamper likes this post

by **skouliki** March 7th 2019, 7:51 am

skouliki

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°2

Re: Hidden Post Profiles

by skouliki March 7th 2019, 7:51 am

Very nice feature
Thank you

General Rules | Tips & Tricks | Lost Founder Password?

Rules of the Graphic Design Section | Sticker Points | Graphic Requests

by **SarkZKalie** March 7th 2019, 8:22 am

SarkZKalie

SarkZKalie: Support Moderator; Posts : 1442
Reputation : 220
Language : English

Post n°3

Re: Hidden Post Profiles

by SarkZKalie March 7th 2019, 8:22 am

Thank you for sharing us Hidden Post Profiles 1f600

Last edited by SarkZKalie on March 17th 2021, 4:50 am; edited 1 time in total

by **SLGray** March 8th 2019, 10:25 pm

SLGray

SLGray: Administrator; Posts : 51498
Reputation : 3523
Language : English
Location : United States

Post n°4

Re: Hidden Post Profiles

by SLGray March 8th 2019, 10:25 pm

Will you be doing one for AwesomeBB?

When your topic has been solved, ensure you mark the topic solved.

Never post your email in public.

by _Twisted_Mods_ March 8th 2019, 11:43 pm

_Twisted_Mods_

_Twisted_Mods_: Helper; Posts : 2083
Reputation : 336
Language : English
Location : Ms

Post n°5

Re: Hidden Post Profiles

by _Twisted_Mods_ March 8th 2019, 11:43 pm

SLGray wrote:Will you be doing one for AwesomeBB?

if you would like me 2 i will

by _Twisted_Mods_ March 9th 2019, 12:08 am

_Twisted_Mods_

_Twisted_Mods_: Helper; Posts : 2083
Reputation : 336
Language : English
Location : Ms

Post n°6

Re: Hidden Post Profiles

by _Twisted_Mods_ March 9th 2019, 12:08 am

here you go for AwesomeBB (profile on right side)

just replace viewtopic_body

viewtopic_body:

Code:: <style> #propull { position: absolute; margin-left: -131px; margin-top: 57px; z-index: 544; } #propull img{transform: rotate(180deg);} aside.post-aside { margin-right: -200px; transition: 2s!important; } .post-aside:hover{margin-right: 0px!important} .post-wrap { overflow: hidden; } .iconbox a { padding: 5px; } </style> <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } }); var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).parent().toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script> <main id="topic"> <div class="topic-header"> <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>  <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="btn btn-default" title="{L_POST_NEW_TOPIC}"> <i class="material-icons">mode_edit</i> <span>{L_POST_NEW_TOPIC}</span> </a>   <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default"> <i class="material-icons">reply</i> <span>{L_POST_REPLY_TOPIC}</span> </a>  <div id="breadcrumbs" class="breadcrumbs-topic"> <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a> {NAV_CAT_DESC} </div>  <div class="pagination"> {PAGINATION} </div>  </div> <div class="topic-actions"> <div class="topic-actions-buttons"> <div class="plus-menu-wrap"> <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </div>  <span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span>   <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  <a class="addthis_button">{L_SHARE}</a> </div> </div> {POLL_DISPLAY}   <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden"> <div class="block"> <div class="block-content"> {postrow.hidden.MESSAGE} <div class="block-footer" style="display: none;">   <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"> <div id="{postrow.U_POST_ID}" class="post-header"> <h2> <i class="material-icons">description</i> {postrow.displayed.ICON} <span><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></span> </h2> <div class="mobile-hide post-buttons"> <ul> <li class="btn-thank"> {postrow.displayed.THANK_IMG} </li> <li class="btn-quote-multi"> {postrow.displayed.MULTIQUOTE_IMG} </li> <li class="btn-quote"> {postrow.displayed.QUOTE_IMG} </li> <li class="btn-edit"> {postrow.displayed.EDIT_IMG} </li> <li class="btn-delete"> {postrow.displayed.DELETE_IMG} </li> <li class="btn-ip"> {postrow.displayed.IP_IMG} </li> <li class="btn-report"> {postrow.displayed.REPORT_IMG_NEW} </li> </ul> </div> <div class="mobile-show dropdown post-buttons-mobile"> <i class="material-icons">more_horiz</i> <ul class="dropdown-box"> <li class="btn-thank"> {postrow.displayed.THANK_IMG} </li> <li class="btn-quote-multi"> {postrow.displayed.MULTIQUOTE_IMG} </li> <li class="btn-quote"> {postrow.displayed.QUOTE_IMG} </li> <li class="btn-edit"> {postrow.displayed.EDIT_IMG} </li> <li class="btn-delete"> {postrow.displayed.DELETE_IMG} </li> <li class="btn-ip"> {postrow.displayed.IP_IMG} </li> <li class="btn-report"> {postrow.displayed.REPORT_IMG_NEW} </li> </ul> </div> </div> <div class="post-body"> <div class="post"> <div class="post-content"> {postrow.displayed.MESSAGE} {postrow.displayed.EDITED_MESSAGE}  <div class="attachbox"> {postrow.displayed.switch_attachments.L_ATTACHMENTS} <dl class="attachments">  <dt>  <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}   {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}  </dt> <dd>  <p> {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT} </p>   <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>  <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p> </dd>  </dl> </div>   <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div> <div class="post-footer">  <div class="vote">  <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up"> <i class="material-icons">thumb_up</i> </a>   <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down"> <i class="material-icons">thumb_down</i> </a>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <div class="vote-bar-desc"> {postrow.displayed.switch_vote_active.L_VOTE_TITLE} </div> <div class="vote-bars">  <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div> </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>  </div>  <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span> </div> </div> <aside class="post-aside"> <span id="propull"> <img src="https://www.filepicker.io/api/file/DQACEnmcQECUYDf4xRNQ+viewprofile.png"></img> </span> <div class="post-author-status"></div> <div class="post-author"> <span class="post-author-name"> {postrow.displayed.POSTER_NAME} </span> <span class="post-author-title"> {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE} </span> </div> <div class="post-author-avatar"> <div class="avatar-big"> {postrow.displayed.POSTER_AVATAR} </div> </div> <dl class="post-author-details">  <dt>{postrow.displayed.profile_field.LABEL}</dt> <dd>{postrow.displayed.profile_field.CONTENT}</dd>  </dl> <div class="post-author-rpg"> {postrow.displayed.POSTER_RPG} </div> <div class="iconbox"> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}  {postrow.displayed.contact_field.CONTENT}  </div> </aside> </div> </div>   </div> </div> </div> </div>    <div class="block" id="forum_rules"> <div class="block-header"> {L_FORUM_RULES} </div> <div class="block-content"> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> </div> </div>  <div class="topic-actions bottom"> <div class="topic-actions-buttons">   {S_WATCH_TOPIC}   </div> </div>  <div class="pagination"> {PAGINATION} </div>  {INLINE_MESSAGE} {QUICK_REPLY_FORM} <form class="jumpbox" action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <label> <span>{L_JUMP_TO}:</span> <div class="jumpbox-wrap"> {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" /> </div> </label> </form>  <form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label> <span>{L_MOD_TOOLS}:</span> <div class="quickmod-wrap"> {S_SELECT_MOD} <input type="submit" value="{L_GO}" /> </div> </label> </form> <div class="topic-admin">{S_TOPIC_ADMIN}</div>   <div class="block"> <div class="block-header"> {L_TABS_PERMISSIONS} </div> <div class="block-content"> {S_AUTH_LIST} </div> </div>   <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{L_POST_REPLY_TOPIC}"> <i class="material-icons">reply</i> </a>  </main> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { $('.post-author-contact').each(function () { $(this).find('a:nth-child(5n)').each(function () { $(this).after('<br />'); }); }); }); //]]> </script> <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script> <script> $(document).ready(function() { $('pre, code').each(function(i, block) { hljs.highlightBlock(block); }); $('.post-author-contact').on('click', function() { if ($(this).parents('.post-body').css('flex-direction') == 'row') { $(this).children('.dropdown-box').css({ 'left': 'auto', 'right': '0' }); } else { $(this).children('.dropdown-box').css({ 'left': '0', 'right': 'auto' }); } }); }); </script>