I Want To Add A Little Dot Next to Notifications When You Receive A New

[whitechapel]

I want to add it so a little dot (which I'd make in Photoshop) shows up next to Notifications to the left of the it when a new PM arrives. How can I do this? Something that will grab the user's attention.

I am on vBulletin 4.2.2.

[ForceHSS]

<a href="https://vborg.vbsupport.ru/showthread.php?t=298444" target="_blank">This</a> plugin adds a few nice ways to get members attention to pm's pro version is even better

[whitechapel]

I don't need all that, I just want to add a dot.

[ForceHSS]

Then ask in the right forum

[whitechapel]

Design and graphics is the wrong forum for adding a dot, which involves HTML and/or CSS and a graphic?

[ForceHSS]

You are asking someone to give you the right coding to put this is better for unpaid work

[whitechapel]

I don't need someone to do it for me, I just need to know what section to modify in the template.

[ThatGreenAlien]

Hi there, look in your header template for...
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>


Add your html right before {vb:rawphrase your_notifications}:

So something like...

<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}"><b>*</b>{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>


Let me know if that works.

[whitechapel]

Hi there, look in your header template for...
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>


Add your html right before {vb:rawphrase your_notifications}:

So something like...

<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}"><b>*</b>{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>


Let me know if that works.

This is on a per template basis, correct? I have the default template plus three additional templates plus the mobile template.

Thanks for the quick response, I am going to try it as soon as I get home tonight.

[ThatGreenAlien]

This is on a per template basis, correct? I have the default template plus three additional templates plus the mobile template.

Thanks for the quick response, I am going to try it as soon as I get home tonight.

You mean per theme/style? If so, yeah.

[whitechapel]

You mean per theme/style? If so, yeah.

Yes that is what I meant. I'll work on it as soon as I get home, I just went over the code and found it but didn't make too many changes to it. Spacing might be an issue since I'm OCD about this stuff.

[ThatGreenAlien]

Yes that is what I meant. I'll work on it as soon as I get home, I just went over the code and found it but didn't make too many changes to it. Spacing might be an issue since I'm OCD about this stuff.

Okay, feel free to ask for help if you need any! :D

[whitechapel]

Perfect, worked flawlessly!

How can I add more space between Notifications: and the #, it looks too close like there is no spacing. No amount of spaces I put matter, but I think it has to do with the PHP stripping out the white space.

[ozzy47]

Try using &nbsp; where ever you want space, you can use as many as needed.

[ThatGreenAlien]

Glad I could help whitechapel!

[whitechapel]

Perfect, worked flawlessly and looks good. thanks guys!!!!!!!

[ozzy47]

Cool, glad to hear it. :)