TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 04:41:30 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,105
  • Total Topics: 21,213
  • Online today: 217
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 225
  • Total: 225

Shoutbox username colors & avatars

Started by Afer, April 01, 2017, 03:59:18 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Afer

Link to my forum: http://audio-forum.byethost22.com//
SMF version: 2.0.13
TP version: 1.2
Default Forum Language: English
Theme name and version: Dark Modern
Browser Name and Version: Firefox 52.02
Mods installed: only Tiny Portal 1.2
Related Error messages: none

Hello,
First post here...

Have installed Tiny Portal and everything is responding smoothly to how I want it. However, The usernames @ tp Shout have the same color as body text. I don't see anything in the shout settings that reflect username color or avatars for shoutbox. ie, as the sb shows at this site. 


lurkalot

Hi. 

What you'll need to do is grab a copy of TPShout.css from your themes/default/css folder.

In that file there's a section that you can Un-comment out so it will play nicely with dark themes.  Un-Comment that section of code out, and place that copy in the css folder of your dark theme.

Find
/*.bubble { background-color: #888; }
.bubble:after { content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 8px;
border-color: #888 transparent;
display: block;
width: 0;
z-index: 1;
top: -8px;
left: 16px; } */


Remove the comment from the beginning and end so it looks like this.
.bubble { background-color: #888; }
.bubble:after { content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 8px;
border-color: #888 transparent;
display: block;
width: 0;
z-index: 1;
top: -8px;
left: 16px; }

Afer

Looking at thecss and don't see any specific lines to 'uncomment'. The only comment feature I see is at the top heading. Forgot to mention that even with the lighter SMF default theme the usernames are still same color as body "middletext" as stated in css.

Afer

I think we were both writing at same time - just saw your css lines... will try it.

lurkalot

Quote from: Afer on April 01, 2017, 04:56:36 PM
I think we were both writing at same time - just saw your css lines... will try it.

Yes sorry, I was editing my reply with the code when you replied. Thought it would be more helpful to show the section of code I was talking about.  Fingers crossed it should work for you.  ;)

After adding the code you might have to press Ctrl+F5 on your keyboard to see the changes.

Afer

ok - uncommented and place in dark theme css folder and still the same.

was doing the same when I tried it with the light theme before too.

lurkalot

OK, can't see your site without logging in.  Can you PM me a test account please.

Afer

#7
"not allowed to send messages"

Login details removed for security reasons.

Afer


lurkalot

I removed your login details just in case someone else get hold of them. Remember everyone can read these posts. ;)

Your shoutbox looks like this to me. Is it the same for you?  Very strange.  What shoutbox settings do you have.  I can't actually use the shoutbox either I'm guessing the member test isn't allowed.