Last poster avatar on trow background

[Spartak]

Last poster avatar on trow background

<span style="font-size: x-large;" class="mycode_size">Preview (<a href="

Please, Log in or Register to view URLs content!

" target="_blank" rel="noopener" class="mycode_url">DEMO</a>)</span><br />
<img src="

Please, Log in or Register to view URLs content!

" data-original-url="https://i.imgur.com/9s27S0z.png" loading="lazy" alt="[Image: 9s27S0z.png]" class="mycode_img" /><br />
<br />
<br />
<br />
STEP 1:Install last poster avatar - <a href="

Please, Log in or Register to view URLs content!

" target="_blank" rel="noopener" class="mycode_url">Download</a><br />
<br />
STEP 2:Add this in global.css<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.trow1{
    overflow: hidden;
}

.trow2{
[font=Monaco, Consolas, Courier, monospace]    overflow: hidden;[/font]
}</code></pre><br />
STEP 3:Go at avatarep.css  find the following code<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.avatarep_img, .avatarep_bg{padding: 3px;border: 1px solid #D8DFEA;width: 40px;height: 40px;border-radius: 50%;opacity: 0.9;margin: auto;float: left}</code></pre><br />
And replace it with this<br />
<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.avatarep_img, .avatarep_bg{
overflow: visible;
    display: block;
    height: 50px;
    width: 65px;
    position: absolute;
    top: -10px;
    right: -211px;
    border-radius: 50%;
    opacity: .15;
    pointer-events: none;}</code></pre>

Please, Log in or Register to view URLs content!