ColorFul Theme - Myalerts like inlobos

[Spartak]

ColorFul Theme - Myalerts like inlobos

THEME:<a href="

Please, Log in or Register to view URLs content!

" target="_blank" rel="noopener" class="mycode_url">

Please, Log in or Register to view URLs content!

</a><br />
<br />
Hello everyone,<br />
If you are using ColorFul Theme and install <a href="

Please, Log in or Register to view URLs content!

" target="_blank" rel="noopener" class="mycode_url">myalerts</a> plugin it will look like this<br />
<img src="

Please, Log in or Register to view URLs content!

" data-original-url="https://i.ibb.co/q75qhSn/avatar-55-Copy.png" loading="lazy" alt="[Image: avatar-55-Copy.png]" class="mycode_img" /><br />
<br />
Use the following tutorial if you want to look like this<br />
<img src="

Please, Log in or Register to view URLs content!

" data-original-url="https://i.ibb.co/zJK2bpP/avatar-55.png" loading="lazy" alt="[Image: avatar-55.png]" class="mycode_img" /><br />
<br />
GO<br />
ACP &gt;&gt; Templates and style&gt;&gt; Templates&gt;&gt;Colorful Templates&gt;&gt;MyAlerts Templates &gt;&gt;myalerts_headericon<br />
and replace everything with this<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">&lt;span class=&quot;alerts {$newAlertsIndicator}&quot;&gt;
    &lt;a href=&quot;{$mybb-&gt;settings['bburl']}/alerts.php&quot; class=&quot;myalerts&quot; onclick=&quot;MyBB.popupWindow('/alerts.php?modal=1&amp;amp;ret_link={$myalerts_return_link}', { fadeDuration: 250, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;&quot;&gt;&lt;i class=&quot;fas fa-bell&quot; aria-hidden=&quot;true&quot; style=&quot;color: #fff;font-size: 15px;&quot;&gt;&lt;/i&gt;
       &lt;span class=&quot;&lt;if ($mybb-&gt;user['unreadAlerts'] == 0) then&gt;newmessageheadericon232&lt;/if&gt;&lt;if ($mybb-&gt;user['unreadAlerts'] &gt; 0) then&gt;newmessageheadericon23224-new&lt;/if&gt;&quot;&gt; {$mybb-&gt;user['unreadAlerts']}&lt;/span&gt;&lt;/a&gt;

&lt;/span&gt;</code></pre><br />
Go<br />
ACP &gt;&gt; Templates and style&gt;&gt; Templates&gt;&gt;Colorful Templates&gt;&gt;Header Templates&gt;&gt;header_welcomeblock_member<br />
<br />
FIND THIS AND DELETE<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">{$myalerts_headericon}</code></pre><br />
FIND THIS<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">&lt;div class=&quot;menubar-pms&quot;&gt;
&lt;a href=&quot;{$mybb-&gt;settings['bburl']}/private.php&quot;&gt;&lt;i class=&quot;fa fa-envelope&quot; style=&quot;font-size: 15px;&quot;&gt;&lt;/i&gt;&lt;span class=&quot;pmnumber-box&quot;&gt; {$mybb-&gt;user['pms_unread']}&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre><br />
AND REPLACE WITH THIS<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">&lt;div class=&quot;menubar-pms&quot;&gt;
&lt;a href=&quot;{$mybb-&gt;settings['bburl']}/private.php&quot;&gt;&lt;i class=&quot;fa fa-envelope&quot; style=&quot;font-size: 15px;&quot;&gt;&lt;/i&gt;&lt;span class=&quot;pmnumber-box&quot;&gt; {$mybb-&gt;user['pms_unread']}&lt;/span&gt;&lt;/a&gt;
&amp;nbsp;
{$myalerts_headericon}
&lt;/div&gt;</code></pre><br />
GO<br />
ACP&gt;&gt;Templates and styles&gt;&gt;Themes&gt;&gt;Colorful Theme&gt;&gt; custom.css<br />
and add this<br />
<pre data-deferred="true" class="block-code line-numbers language-none"><code class="language-none">.pmnumber-box-new{padding: 5px 5px;font-size: 14px;background-color: #ff090959;margin-left: 5px;border-radius: 2px;border-right: 2px solid #00000030;}
.pmnumber-box{padding: 5px 5px;font-size: 14px;background-color: #00000030;margin-left: 5px;border-radius: 2px;border-right: 2px solid #00000030;}
.newmessageheadericon232{padding: 5px 5px;font-size: 14px;background-color: #00000030;margin-left: 5px;border-radius: 2px;border-right: 2px solid #00000030;}
.newmessageheadericon23224-new{padding: 5px 5px;font-size: 14px;background-color: #ff090959;margin-left: 5px;border-radius: 2px;border-right: 2px solid #00000030;}</code></pre><br />
DONE <img src="

Please, Log in or Register to view URLs content!

" alt="Smile" title="Smile" class="smilie smilie_1" />

Please, Log in or Register to view URLs content!