Jump to content

Mention option on postcontainer


Azhaurn

Recommended Posts

I installed Easy mention 1.0.0 with the intention of putting mention option in postcontainer, but I can't get it. I tried everything but or it gives a error message, or it just doesn't change nothing.

This is the plugin code:

<li class='ipsMenu_item ipsCursor_pointer' data-mentionhref='{$member->url()}' data-mentionid='{$member->member_id}' data-mentionhover='{$member->url()->setQueryString('do', 'hovercard')}'>
    <a>
        <img src='{$member->photo}' alt='' class='ipsUserPhoto ipsUserPhoto_tiny'>
        <span class="ipsPad_half" data-role='mentionname'>{$member->name}</span>
    </a>
</li>

Can someone help me out to put this on postcontainer with the text 'Mention this member'? Please, and thanks in advance.

Link to comment
Share on other sites

Hello, try to use this code for mention e persone in topic, it will whos the mention after their avatar.

<div class='mentiontxt'>
				<div class='mention' data-user="{$comment->author()->name}" data-mentionhref='{$comment->author()->url()}' data-mentionid='{$comment->author()->member_id}' data-mentionhover='{$comment->author()->url()->setQueryString('do', 'hovercard')}'>
					Mention
				</div>
			</div>

CSS :

.metiontxt {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
}

.metiontxt > div,
.metiontxt > a {
    display: block;
    background-color: #131418;
    color: #E0E0EE;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 12px;
    border-radius: 30px;
    border: 1px solid #24242C;
    margin: 0 3px;
    cursor: pointer;
}

.metiontxt > div:before,
.metiontxt > a:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.metion:before {
    content: '\f067';
    font-family: "FontAwesome";
}

 

Edited by sebastiancgames
  • Thanks 1
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...