Page 1 of 3 Go to page : 1, 2, 3
- Guest
Hello,
@admin
I used this code
In css but online offline indicator is not showing at all?
@admin
I used this code
- Code:
.online .postprofile:before {
background-image: url(https://i.imgur.com/B9k1pkH.png);
border-bottom: 8px solid #8B5;
}
.postprofile:before {
background-color: #2e2e2e;
border-bottom: 8px solid #BBB;
background-image: url(https://i.imgur.com/MOWNMlZ.png);
background-position: center;
background-repeat: no-repeat;
color: #fff;
content: '';
display: block;
left: 0;
padding: 14px;
position: absolute;
right: 0;
top: 20px;
}
.postprofile {
border: 3px solid #3388cc;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
background: #F6F6F6;
}
.postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
}
In css but online offline indicator is not showing at all?
- Guest
Test...
That's because that code is made for phpBB, not PunBB.
There is nothing called ".postprofile" in PunBB. You could try to replace it with ".topic-author" (which does exist in PunBB), but I'm not sure how successful it is.
Anyways, that code is gonna show that you're online even if you're not. Both online and offline users will display as online, and that's wrong.
There is nothing called ".postprofile" in PunBB. You could try to replace it with ".topic-author" (which does exist in PunBB), but I'm not sure how successful it is.
Anyways, that code is gonna show that you're online even if you're not. Both online and offline users will display as online, and that's wrong.
- Guest
I set it. It is working wow. But it showing only offline status when we both online... Strange
- Guest
- Code:
.online .postprofile:before {
background-image: url(https://i.imgur.com/B9k1pkH.png);
border-bottom: 8px solid #8B5;
}
This is part is a problem indeed. If we set it correcly then it will be working fine
- Guest
Online indicator solved issue here https://ajuda.forumeiros.com/t102576-perfil-igual-ao-fdf
Second solved https://ajuda.forumeiros.com/t114205-icones-online-offline-tipo-o-fdf?highlight=Online
3rd solved https://ajuda.forumeiros.com/t113744-adicionar-status-online-e-offline-nos-topicos?highlight=Online
4th solved https://ajuda.forumeiros.com/t113175-editar-perfil-do-topico?highlight=online#800657
5th solved https://ajuda.forumeiros.com/t110283-icone-online-offline
Second solved https://ajuda.forumeiros.com/t114205-icones-online-offline-tipo-o-fdf?highlight=Online
3rd solved https://ajuda.forumeiros.com/t113744-adicionar-status-online-e-offline-nos-topicos?highlight=Online
4th solved https://ajuda.forumeiros.com/t113175-editar-perfil-do-topico?highlight=online#800657
5th solved https://ajuda.forumeiros.com/t110283-icone-online-offline
- Guest
Yeah i know. But i am not expert on java script
- Guest
Find it in Viewtopic_body ( Template in General)
Replace above code with this one below
And add css
- Code:
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
Replace above code with this one below
- Code:
<div class="post post--{postrow.displayed.U_POST_ID} {postrow.displayed.ONLINE_IMG_NEW}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
And add css
- Code:
.online .user-basic-info:before {
background-image: url(https://i.imgur.com/B9k1pkH.png);
border-bottom: 8px solid #8B5;
}
.user-basic-info:before {
background-color: #2e2e2e;
border-bottom: 8px solid #BBB;
background-image: url(https://i.imgur.com/MOWNMlZ.png);
background-position: center;
background-repeat: no-repeat;
color: #fff;
content: '';
display: block;
left: 0;
padding: 14px;
position: absolute;
right: 0;
top: 20px;
}
.user-basic-info {
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
background: #F6F6F6;
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x #F6F6F6;
border: 1px solid #DDD;
position: relative;
}
New changes for topic view body
- Code:
<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 = {};
}
_atc.cwait = 0;
$('.addthis_button').mouseup(function () {
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
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).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>
<!-- BEGIN switch_user_logged_in -->
<div class="clearfix" id="pun-visit">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.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}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}', '{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
</li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs noprint">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a class="twitter-share-button" data-count="horizontal" href="http://twitter.com/share">Tweet</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<div id="fb-root"></div>
<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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like right" data-action="like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count"
data-share="false" data-show-faces="false" style="top:-15px;"></div>
<!-- END switch_fb_likebtn -->
</p>
</div>
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging"><span class="page-number">{PAGE_NUMBER}</span> {PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img alt="{L_POST_NEW_TOPIC}" class="{POST_IMG_CLASS}"
src="{POST_IMG}"/></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img alt="{L_POST_REPLY_TOPIC}" class="i_reply" src="{REPLY_IMG}"/></a>
<!-- END switch_user_authreply -->
</p>
</div>
<div class="padding-box">
<div class="titlebox">
<dd>
<dava>
<div class="avatarredet">
<a class="teste2" href="#">
<img alt="" class="teste" src="https://2img.net/u/2617/31/90/74/avatars/1-40.png"/>
</a>
</div>
</dava>
<div class="ipsBox_withphoto" itemscope="" itemtype="http://schema.org/Article">
<h1 class="ipsType_pagetitle" itemprop="name" style="color: #000;">{TOPIC_TITLE}</h1>
<div class="desc blend_links">
<dts>Started by</dts>
<span itemprop="creator" style="margin-left: 3px;"></span> - <span itemprop="data_post"></span>
</div>
</div>
</dd>
</div>
</div>
<div class="main paged">
{POLL_DISPLAY}
<div class="main-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->
<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br"/>
<div class="main-content topic">
<!-- END first_post_br -->
<div class="post d-flex post--{postrow.displayed.U_POST_ID} {postrow.displayed.ONLINE_IMG_NEW}" style="{postrow.displayed.DISPLAYABLE_STATE}"
{postrow.displayed.THANK_BGCOLOR}>
<a id="{postrow.displayed.U_POST_ID}" name="{postrow.displayed.U_POST_ID}"
style="position: relative; top: -20px; width: 1px;"></a>
<div class="topic-author d-flex flex-column align-items-center">
<div class="author-img">{postrow.displayed.POSTER_AVATAR}</div>
<div class="author-info"><h4 class="username"><span class="creator">{postrow.displayed.POSTER_NAME}</span></h4>
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
</div>
<div class="author-stats">{postrow.displayed.ICON} <!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div>
<div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
</div>
<div class="postmain d-flex flex-column flex-grow-1"
{postrow.displayed.THANK_BGCOLOR}>
<div class="post-header d-flex justify-content-between">
<div class="post-stats">#{postrow.displayed.COUNT_POSTS} - Posted by {postrow.displayed.POSTER_NAME}
<span class="data-post" style="margin-left: 5px;">{postrow.displayed.POST_DATE_NEW}</span></div>
<div class="postfoot justify-content-end">
<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}
{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}
{postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="postbody" {postrow.displayed.THANK_BGCOLOR}>
<div class="post-entry">
<div class="entry-content">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a>
</div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus"
style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus"
style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div class="vote-no-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
----
</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a
href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a>
</div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div>
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img alt=""
src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"/>
<!-- BEGIN switch_dl_att -->
<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}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{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}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>
({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE})
{postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}
</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
</div>
<p class="editted-message">
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>
<!-- BEGIN switch_signature -->
<div class="sig-content">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="main-foot clearfix">
<p class="options">
<input name="t" type="hidden" value="{TOPIC_ID}"/>
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input name="{SECURE_ID_NAME}" type="hidden" value="{SECURE_ID_VALUE}"/>
<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>
<a name="bottomtitle"></a>
<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging"><span class="page-number">{PAGE_NUMBER}</span> {PAGINATION}</p>
<!-- END topicpagination -->
</div>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img
align="" alt="+" border="0" src="{TABS_MORE_IMG}"/></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img
align="" alt="-" border="0" src="{TABS_LESS_IMG}"/></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br/>
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img alt="" src="{RULE_IMG_URL}"/>
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
<div class="main" id="pun-info">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br/>{S_AUTH_LIST}</p>
</div>
</div>
</div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({
'selector': '.post-entry .entry-content',
'max_width': {switch_image_resize.IMG_RESIZE_WIDTH},
'max_height': {switch_image_resize.IMG_RESIZE_HEIGHT}
}));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<style>
#stats {
display: none;
}
</style>
- Guest
I can't do it because it is hard. Even i added those codes but still not working. I need you should give a try...
Regards,
The sea.
Regards,
The sea.
- Guest
Sorry, varlot please don't mind. I just created a topic https://ajuda.forumeiros.com/t117018-indicador-online-e-offline#828045
I just give e try but failed. I know you 100 times better than me. Please could you check above link. I think you can understand what i am not able to capture
I just give e try but failed. I know you 100 times better than me. Please could you check above link. I think you can understand what i am not able to capture
I will not be able to spend more time helping you, unfortunately. Good luck though.
I also see you got Mihai to help, he's really experienced with Forumotion and I'm sure he will be a massive support
Bye bye, talk to you on FMCodes!
- Varlot
I also see you got Mihai to help, he's really experienced with Forumotion and I'm sure he will be a massive support
Bye bye, talk to you on FMCodes!
- Varlot
- Guest
I dont see online indicator yet.
@mihai
@mihai
Go to page : 1, 2, 3
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Permissions in this forum:
You cannot reply to topics in this forum