..сейчас он - белый, хочется немного уменьшить для глаз, какой-нить типа серый...
как?

главная страница - малость кривовато
https://i.ibb.co/wJsY881/2023-02-27-172258.jpg
.
страница тем - отлично!
https://i.ibb.co/16r41D8/2023-02-27-172549.jpg

(66) Как медведь в лесу дуги гнет. Стрелянный воробей, травленный зверь, из семи печей хлебы едал... 8))

(66) на главной border-left и border-bottom у tr установлены

только у td, а не у tr

(68) опять папа с кем-то непонятным беседует

ааа,
вот вам стул, вот вам скамейка, вот вам в (_._) карандаш!
наша АЬВГДЕйка начинает свой рассказ
.
вот добился чего хотел
скрипт
.
$(function() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
});

(64) "..то что за фигня с какой-то бело-темносерой разлиновкой?"
- это тип разлиновки имитация 3D - задается как groovy, для простой разлиновки solid

при шлось блин лезть в код страницы и хелпы по CSS
а так, конечно дремучий лес дремучих времен..
нет чтобы сделать/подключить визуальные редактор для переопределения параметров классов и прочего

а как сделать чтобы на главной странице ссылки на темы были неподчеркнутыми, там и так понятно что это все = ссылки, а подчерки забивают место/глаз

надо как-то указать text-decoration^none - но куда впихнуть непонятно

вот, подпилил на главной странице ссылки без подчеркивания в таблице тем, на других страницах и другие ссылки на главной странице - классические с подчеркиванием
.
https://i.ibb.co/yNP0pW5/2023-02-27-211815.jpg

(76) месье знает толк в извращениях...

$(function() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("[class*='mytopics agb']").css({"text-decoration":"none"}); //убираем подчеркивание на моих темах
$("[class*='agb']").css({"text-decoration":"none"}); //убираем подчеркивание на прочих темах
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
});

(77) ну дык я еще сусликом по тогдашнему вебу ходил... ;-)
и майстрячил простенькие странички для себя. хомячок мой с 2004 года лежит без изменений, генерил из текстовой БД перловым скриптом

(77) тогда как-то проще было - верстка и содержание более независимые друг от друга были.. потом и до CSS скатились ;-)

(0) Установи плагин для браузера DarkReader или подобный, все сайты автоматически будут с нормальным фоном.

Для оперы вот такой https://addons.opera.com/ru/extensions/details/dark-mode/
ниче так, потянет

(82) Ну да, типа того. Есть разные, с разными алгоритмами. Некоторые выглядят лучше, некоторые хуже. Я для себя выбрал один который мне нравится.

(83) DarkReader для Оперы не нашел, если это для Оперы - дай прямую ссылку по возможности

(84) Опера не умеет что ли от Хрома ставить плагины? Я себе на Едж поставил плагин от Хрома.
Просто заходишь в магазин плагинов не через настройки браузера, а напрямую, чеоез сайт хрома. Находишь нужный плагин, нажимаешь кнопку "добавить в браузер", и браузер его добавляет как будто он из родного магазина.

(85) Это не ветка, а какой-то бордель...

(86) все важные вопросы решаются в бане!

(85) ага, нашел, поставил

(85) оперовский вышеупомянутый и ВфклКуфвук - примерно одинаковые по качеству отображени, посмотрел на паре разных сайтов. Даже родной оперовский чутьполучше

(88) На здоровье!

Работаю в настроенном собственно сером дизайне и разлиновке. хорошо!

(91) Покажи скриншоты

(92) уберите лучше tr:hover или хотя бы important в нем, бесит жутко

(64) по первому скрину - так и повеяло  90-ми...

(94) он сам древний )

(91) "Работаю..."
ты на мисте штаны просиживаешь, а не работаешь ))

(95) ну не такой я уж древний, 57 в апреле будет...
вот надысь на косультацию к людям ходил по вопрсоам складской автоматизации.
почти 3 часа беседовали, со стороны пришла информация что очень довольны проведенной консультацией.
хоть какое-то утешение мне ;-)

По многочисленным заявкам тэлеглядачоу:
.
текущий вид у меня:
.
https://i.ibb.co/fGdbxd0/2023-03-03-163305.png
https://i.ibb.co/3TzSnWC/2023-03-03-163339.png

и вопросик попутно:
https://i.ibb.co/vqHVYzr/2023-03-03-163658.png

сто!

(99)
$("a.answer-link").css("color","#ff00ff");
$("li.whois-user a").css("color","#ff00ff");

(99) см (10)

Спасибо, коллеги!
Помощь от вас для меня много значит!
И Миста составляет значительную часть моей жизни ;-)
Простите если бываю груб... Стараюсь бороться...

Текущий скрипт
.
$(function() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("[class*='mytopics agb']").css({"text-decoration":"none"}); //убираем подчеркивание на моих темах
$("[class*='agb']").css({"text-decoration":"none"}); //убираем подчеркивание на прочих темах
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
$("a.answer-link").css("color","#0000ff"); //цвет текста ссылок на ответы топика, синий
$("li.whois-user a").css("color","#000000"); //цвет ссылок людей, находящихся на странице темы, черный
});

(104) На подходе новый движок, где можно будет прикрутить CSS, тогда будет ещё проще раскрашивать форум под себя.

(2) он контрактный из яппы заказывал?

(98) Классно!

(106) Знакомые слова. Ты с Сибири?

(105) ну это если специалист по CSS? а если как я - последний раз вглубь HTML смотрел в районе 2008-2010гг..?
для настроек д.б. типа конструктор
где перечислены все атрибуты/реквизиты/свойства - и их синоним/описание на русском - что можно настраивать, тогда и я бы справлялся.
типа как XML редакторе - узел - подузлы и атрибуты.
тот же CSS наверное так тоже можно представить..
типа
узел: li.whois-user //список юзеров на странице
    атрибут: а //ссылка на ответы
      свойство: color значение: #FFFFFF // цвет ссылки

(107) "мой скромный гений дарит вам" ;-)

(104) текущие настройки в скрипте я делал сообразуясь с серой темой форума

..с золотым фоном тоже норм, но с серым - получше, типа в едином стиле

(0) сжечь еретика

И, кстати, пользовательский скрипт по раскраске, что тут я майстрячил - он нифига не отрабатывает, когда пишешь сообщение - написал, отправил - к серой таблице пристыковываетяс последний пост без оформления скриптом.. жмешь Ф5 - тогда подкрашивается норм

https://i.ibb.co/V9CYrJz/2023-03-04-233400.png

(115) Вот тебе подсказка:
$( document ).ajaxSuccess(function( event, xhr, settings ) {
// твой код
});

(116) вот спасибо, дали гранату обезьяне ;-)
мой код - тут надо вставить вызов моей функции раскраски?

и как эту функцию вызвать, если они имен не имеют? как функцию поименовать?

(118) Семён Семёныч...

function a() {
}

(119) обозвал скрипт так
.
$(function gray() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("[class*='mytopics agb']").css({"text-decoration":"none"}); //убираем подчеркивание на моих темах
$("[class*='agb']").css({"text-decoration":"none"}); //убираем подчеркивание на прочих темах
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
$("a.answer-link").css("color","#0000ff"); //цвет текста ссылок на ответы топика
$("li.whois-user a").css("color","#000000"); //цвет ссылок людей, находящихся на странице темы
});
.
ОК, работает всё

(119) в конце кода (есть еще и другие функции вставил

$( document ).ajaxSuccess(function( event, xhr, settings ) {
function gray();
});

ругается
expected an identifier and instead saw ';'
/
и соответсвенно вся раскраска уже не работает

(120) я имел в виду другое:

$(function () {
   gray();
});

$( document ).ajaxSuccess(function( event, xhr, settings ) {
   gray();
});

function gray() {
//установка css
}

(122) да, уже сообразил сам что просто gray(), ступил

тест раскраски

тест раскраски 2

(123) Не то слово...

тест 3

неа, не работает...

если сделать так
.
$(function () {
   gray();
});

$( document ).ajaxSuccess(function( event, xhr, settings ) {
   gray();
});

$(function gray() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("[class*='mytopics agb']").css({"text-decoration":"none"}); //убираем подчеркивание на моих темах
$("[class*='agb']").css({"text-decoration":"none"}); //убираем подчеркивание на прочих темах
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
$("a.answer-link").css("color","#0000ff"); //цвет текста ссылок на ответы топика
$("li.whois-user a").css("color","#000000"); //цвет ссылок людей, находящихся на странице темы
});

(function(){
    $.getScript('https://cdn.jsdelivr.net/gh/a-sitnikov/mista.js@latest/user.js');
})();
//вернуть Re влево
$("#tm tr").each(function(){
    $(".col_main", this).before($(".col_answers", this));
});

(function($){
    //document.body.style.fontFamily = 'unset';
    //$("button.sendbutton").css("border","unset");
    //$("td").css('padding','2px 4px 3px 8px');
    $("td[id^=tdmsg]").css('line-height','1.2em');
    //document.querySelectorAll(".message-info > button.sendbutton").forEach(el => el.style.border = "unset")
})(jQuery);

$(function()
  {
    $(
        "a[target][href$='png'],[href$='jpg'],[href$='jpeg'],[href$='gif'] "
     ).each(function(ix,el)
             {
                var t=$(el);
                t.html('<img width="300" src="'+t.html()+'">');
             }
           );
  }
);

то раскраска вообще не работает

если сделать так
.
$(function gray() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("[class*='mytopics agb']").css({"text-decoration":"none"}); //убираем подчеркивание на моих темах
$("[class*='agb']").css({"text-decoration":"none"}); //убираем подчеркивание на прочих темах
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
$("a.answer-link").css("color","#0000ff"); //цвет текста ссылок на ответы топика
$("li.whois-user a").css("color","#000000"); //цвет ссылок людей, находящихся на странице темы
});

(function(){
    $.getScript('https://cdn.jsdelivr.net/gh/a-sitnikov/mista.js@latest/user.js');
})();
//вернуть Re влево
$("#tm tr").each(function(){
    $(".col_main", this).before($(".col_answers", this));
});

(function($){
    //document.body.style.fontFamily = 'unset';
    //$("button.sendbutton").css("border","unset");
    //$("td").css('padding','2px 4px 3px 8px');
    $("td[id^=tdmsg]").css('line-height','1.2em');
    //document.querySelectorAll(".message-info > button.sendbutton").forEach(el => el.style.border = "unset")
})(jQuery);

$(function()
  {
    $(
        "a[target][href$='png'],[href$='jpg'],[href$='jpeg'],[href$='gif'] "
     ).each(function(ix,el)
             {
                var t=$(el);
                t.html('<img width="300" src="'+t.html()+'">');
             }
           );
  }
);

$(function () {
   gray();
});

$( document ).ajaxSuccess(function( event, xhr, settings ) {
   gray();
});

то все остается как было, раскраска/переоформление работают, добавляемый пост - остается без раскраски

смотри внимательно на (122)
там функция отдельно стоящая

Для справки: значок $ означает вызов библиотеки jQuery.

если указать $(function (){})
то внутренняя анонимная функция будет вызвана после загрузки страницы (один раз)

если указать $(f)
и ниже объявить чистую функцию f(), то она и будет вызвана
function f() {}

тест раскраски 5

тест раскарски 6

(133) увидел. поправил. работает.

(134) почти все китайская грамота для меня

Текущий скрипт
.
$(function () {
   gray();
});

$( document ).ajaxSuccess(function( event, xhr, settings ) {
   gray();
});

function gray() //переоформление списка тем и списка топиков темы
{
$("tr[class*='forum']").css({"backgroundColor":"#C3C3C3"}); //серый фон списка тем на главной
$("tr[class*='forum'] td").css({"border":"2px solid #FFFFFF"}); //простая (не 3D) разлиновка по горизонтали/вертикали списка тем на главной
$("[class*='mytopics agb']").css({"text-decoration":"none"}); //убираем подчеркивание на моих темах
$("[class*='agb']").css({"text-decoration":"none"}); //убираем подчеркивание на прочих темах
$("#table_messages>tbody>tr>td").css({"backgroundColor":"#C3C3C3"}); //серый фон топиков темы
$("#table_messages>tbody>tr>td").css("border","2px solid #FFFFFF"); //простая (не 3D) разлиновка по горизонтали/вертикали топиков темы
$("#table_messages>tbody>tr>td").css("padding","7px"); //отступы до текста в списке топиков темы
$("#table_messages tbody tr td *").css("border-style","none"); //не разлиновывать вложенные таблицы в топиках темы
$("a.answer-link").css("color","#0000ff"); //цвет текста ссылок на ответы топика
$("li.whois-user a").css("color","#000000"); //цвет ссылок людей, находящихся на странице темы
}

(139) красивые селекторы

(139) это все тлен и бренность. Вот поменяю я в разметке 1 класс, и все развалится.

(141) это только если от бездуховности такое делать...

(142) Скоро будет новый движок и все ваши скрипты окажутся устаревшими

(143) по опыту будет "стало хуже, верните старый форум" ;-)
переходный период будет, когда можно выбрать типа старый или новый движок?

(144) Нельзя будет выбирать движок

все не читал, фон форума белым оставят? или выбор будет?

(146) +1

Вообще, какой функционал планируется?

(147) Будет 2 поля: персональный CSS и персональный JavaScript. Функционал Вы делаете себе сами!
см скрин в (11)

(148) ага, форум для веб-программистов

(147) + лайки или эмоции будут к сообщениям (5 огоньков, 2 смайла и 4 какашечки)?

(150) Вот думаю. Прошлый раз была сделана кнопка "Рекомендовать в базу знаний", так её нажимали для самых тупых веток. С нашей аудиторией иногда очень тяжело.

(151) это показывает просто уровень основного контингента форума. Кто поквалифицированней те задают более специфичные узкие вопросы. Хотя и квалифицированный может тупую ветку в базу, просто как напоминалку, бо он уже успел забыть то, что для других глубокие откровение...

Кстати про новый форум?
М. Б. Подумать типа про такую хрень
Пользователь в профиле позиционирует себя как 3-5 спецух из фиксированного перечня
Например
Программист77
Программимт8
Консультант по типовым
Бизнес-аналитик
Руководитель ит-отдела
Итд типа так как-то
.
Смысл
Под ником пользователя показывать набором пикт его "специализацию"
. Читаешь заголовки тем или посты с теме и видно кто отвечает, не просто обезличенный ПохПох, а специалист в какой-то области,
Это поможет ориентироваться чуть точнее.
.
Прнятно, что предлагаемое сов, ПМ не идеально, куча претензий может быть к такой или подобной схеме, но м. Б. Ж о лучше чем ничего. А кто не хочет себя позиционировать - не заполняет...
Типа так
В порядке дежурного бреда

(153) У нас в личной карточке есть поля "Род занятий", "Интересы", "Достижения (опыт)". Позиционируйте себя

(154) думал об этом, может и так... Сделать типа при наведении мышки на знак вопросс или что-то иное - всплывает окошко с описанием типа как картинки сейчас

(155) Есть же личный JavaScript. Дерзайте!

(155) Кстати, у меня ничего не всплывает. Это Вы себе скриптов понавставляли и думаете, что оно всё встроено в базовый движок.

(155) Вот зачем Вы себе грузите чужие скрипты? Откуда Вы знаете, что там?

$.getScript('https://cdn.jsdelivr.net/gh/a-sitnikov/mista.js@latest/user.js');

(158) какие чужие?
вот что там в той ссылке что ты дал?

(159) это кусок твоего личного скрипта.

ты выполняешь программный код Ситникова

(160)+ Не, я не возражаю, если вы доверяете друг другу. Просто ты его подгружаешь, а он может его изменить в любой момент, например, наложить санкции на россиян...

(160) а, вот оно что?

(161) Поэтому - самодостаточное государство с ядерным щитом!

(163) Это приятно, но политика тут не при чём. Сам факт того, что ваш браузер подгружает чужой код, должен вас напрячь. Если Ситников украдёт Ваши пароли, то не надо предъявлять претензии к Митичкину, как-то так...

А почему таблица тем если выбрать "Форум" - раскрашивается как я прописал в персональном скрипте, а если выбрать конкретную секцию форума - раскраска из персонального скрипта не работает (страница не раскрашена как задано в персональном скрипте)...?