• Welcome! SanctionedSuicide is a forum for the discussion of mental illness and suicide. Please read our rules and our Principles.
    If you are in need of immediate support, please call the Samaritans hotline at (877) 870-4673, or check our recovery resources.

Distanzmensch

Distanzmensch

Member
Oct 25, 2018
23
Hey!
So sadly the maximised shoutbox doesn´t work (as mentioned here). That´s why I decided to play a little bit around with the css.

It´ll look like this (removed text and some more info for the screenshot):
upr3r7R.png



How to get it:
1. In this case I use the browser extension "Stylus". (A clean fork from Stylish) (Chrome / Firefox)
2. Activate the SS Style: here
3. Enjoy!

If you got trouble with the activation, feel free to ask. I hope this helps.
 
Gainax

Gainax

Experienced
Oct 8, 2018
266
If you want to align text to the left..add
text-align: left;

Code:
div#taigachat_box.taigachat_thumbzoom{
    height:auto !important;
    max-height:100% !important;
    overflow:auto !important;
    text-align: left; 
}

if you colorize the line you're reading by hovering with the mouse cursor
add this
Code:
.taigachat_messagetext:hover {
 color:blue;
font-weight: bold;
  
}



then save it

dfg.png





Final result
Captura-de-ecr-de-2018-10-29-14-03-07.png
 
Last edited:
Distanzmensch

Distanzmensch

Member
Oct 25, 2018
23
If you want to align text to the left..add
text-align: left;

Code:
div#taigachat_box.taigachat_thumbzoom{
    height:auto !important;
    max-height:100% !important;
    overflow:auto !important;
    text-align: left;
}

if you colorize the line you're reading by hovering with the mouse cursor
add this
Code:
.taigachat_messagetext:hover {
 color:blue;
font-weight: bold;
 
}



then save it

dfg.png





Final result
Captura-de-ecr-de-2018-10-29-14-03-07.png

Thanks for the suggestion. If you don´t mind, I would take this code for an additional option.
 
Gainax

Gainax

Experienced
Oct 8, 2018
266
it would be nice finding a way to target specific users, bolden their name and comment among the rest, i can find the user id through the inspect element but perhaps this a javascript or jquery thing implementation, and that goes beyond my knowledge
 
  • Like
Reactions: lv-gras
Distanzmensch

Distanzmensch

Member
Oct 25, 2018
23
it would be nice finding a way to target specific users, bolden their name and comment among the rest, i can find the user id through the inspect element but perhaps this a javascript or jquery thing implementation, and that goes beyond my knowledge
Do you mean like this (just the text, bold is available too):
j4C56u6.png
 
Gainax

Gainax

Experienced
Oct 8, 2018
266
the bolden text in css applys to every text on all users no? i mean, only to apply to certain users
 
  • Like
Reactions: lv-gras
Distanzmensch

Distanzmensch

Member
Oct 25, 2018
23
I´ve updated the style. Unfortunately the style doesn´t allow to update itself. (Like other Styles I´ve created on another account, maybe it takes some time)

SS Style: click here

Now available:
  • Select Text-Align (Left, Center, Right)
  • Targed User + color (Needs the User ID from the forum) - Haven´t found a way to allow a comma seperated way for more than five user (yet). Example: https://sanctioned-suicide.org/members/distanzmensch.3575/ -> The ID would be 3575.
  • Enable/Disable message hover + color.
  • Smaller Smileys
Thanks @Gainax for helping me out!
 
Distanzmensch

Distanzmensch

Member
Oct 25, 2018
23
so far is perfect, the only thing that bothers me is the datetime format, i dislike AM and PM would rather have 24h system
Apperently it´s a js thing. We could replace the text but I haven´t found a select case function, which css isn´t made for.

So I added the setting to hide it:
a8EvNsb.png


If you got it working without js, let me know!
 
  • Like
Reactions: lv-gras