Larger shoutbox (via css)

[Distanzmensch]

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):

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.

 

[naia_]

Much appreciated!

 

[worldexploder]

We should call it - OLE SHOUTZY

 

[Gainax]

If you want to align text to the left..add
text-align: left;

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

.taigachat_messagetext:hover {
 color:blue;
font-weight: bold;
  
}

then save it

Final result

 

[Distanzmensch]

If you want to align text to the left..add
text-align: left;

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

.taigachat_messagetext:hover {
 color:blue;
font-weight: bold;
 
}

then save it

Final result

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

 

[Gainax]

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

 

[Distanzmensch]

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):

 

[Gainax]

the bolden text in css applys to every text on all users no? i mean, only to apply to certain users

 

[Distanzmensch]

the bolden text in css applys to every text on all users no? i mean, only to apply to certain users

Only to a choosen id. I´m working on it, to allow multiple ids. I´ll keep you updated.

 

[Gainax]

Decrease size of the annoying gigantic smiling emoji

.mceSmilie {
    max-width: 15px;
    max-height: 15px;
}

 

[Distanzmensch]

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.net/members/distanzmensch.3575/ -> The ID would be 3575.
• Enable/Disable message hover + color.
• Smaller Smileys

Thanks @Gainax for helping me out!

 

[Gainax]

so far is perfect, the only thing that bothers me is the datetime format, i dislike AM and PM would rather have 24h system

 

[Distanzmensch]

Thanks! I agree with the date format. I´ll look it up, if its possible!

 

[Distanzmensch]

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:

If you got it working without js, let me know!

 

[Distanzmensch]

• Renamed to "Sanctioned Suicide+"
• Added "show/hide SS logo" option

 

[Gainax]

yeah, hiding the logo is a great idea for browsing in public

 

[Distanzmensch]

Feel free to maintain the code in the future. As I´m going to ctb this week.

 

[lv-gras]

this is great, ty