Ещё забыла сказать: в мобильной версии вместо иконки "Награды" стоит тот же "домик", что и для перехода на главную страницу сайта. Как это поправить? Заранее спасибо.

Здравствуйте!

Простите, что не ответила сразу - проблемы с доступом в Сеть от провайдера, а потом - эксперименты с Вашими инструкциями.

Что получилось сделать:

<style> type="text/css"> #pun th {color: #d0b857;} </style>
<style> #pun-live-rusff {display: none;} </style>
<style> .sharelink {display: none;} </style>

Первая строка - меняет цвет строки на главной (Форум - Тем - Сообщений - Последнее сообщение). В исходнике был тёмно-синий цвет, который к стилю, имхо, не подходит и на тёмном фоне нечитабелен. Воспользовалась этим кодом - вот, даже самой пригодилось!

Вторая строка - убирает блок "Это интересно" (rusff.me).

Третья строка - убирает "Поделиться" (и на десктопе, и в мобильной версии).

Получилось! Огромное Вам спасибо.

А вот дальше я не разобралась, куда устанавливать объединённый Вами код (внизу поста): ставила в стили (поочерёдно в первое и во второе окно) - не сработало! А на большее у меня ума не хватило, ибо я в кодинге.  Чуть не грохнула сайт. Хорошо ещё, что не успела выйти из админки, иначе это была бы для меня катастрофа. Объясните, пожалуйста, как первоклашке, что и куда. Спасибо.

Выяснилось также, что в стиле отсутствует модуль "Опрос" для тем. Наверное, можно посмотреть этот блок в других дизах и перенести в этот стиль?

Отредактировано Neo.Neo (Вчера 18:33:26)

Исправила прямо во втором окне стиля, вот так:

/* CS2.5 */
    .punbb th {
    border-color:#D0B857;
    }

А первую строку о замене цвета (было установлено у меня ранее в HTML-верх) убрала (см. ранее). Пока ничего не поломалось. 

В первом посте я указала ссылку на оригинал дизайна, оттуда я взяла код скрипта замены надписей своими кнопками. Вот он (оригинал):

<!--Своя картинка или Слово в Панель навигации -->
<script>
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
   navlinks=new Array(
  "navindex","http://s5.uploads.ru/wdTDO.png",   // Форум
  "navuserlist","http://s5.uploads.ru/pfhSq.png", // Участники
  "navrules","http://s5.uploads.ru/iaVLv.png",   // Правила
  "navsearch","http://s5.uploads.ru/An3x7.png",  // Поиск
  "navprofile","http://s5.uploads.ru/rHMfS.png", // Профиль
  "navpm","http://s4.uploads.ru/VGhMn.png",     // Сообщения
  "navadmin","http://s3.uploads.ru/BdKZn.png",   // Администрирование
  "navregister","http://s4.uploads.ru/qQ4XG.gif", // Регистрация
  "navlogin","http://s5.uploads.ru/YNvwx.png",   // Войти
  "navlogout","http://s4.uploads.ru/VRWnE.png"   // Выход - !ПОСЛЕДНИЙ элемент без запятой
)
 
var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
   if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
   $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>

Я дополнила этот скрипт, вписав "Награды" - по аналогии, согласно исходнику. Вот что у меня "получилось":

<!--Своя картинка или Слово в Панель навигации -->
<script>
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
   navlinks=new Array(
  "navindex","http://s5.uploads.ru/wdTDO.png",   // Форум
  "navuserlist","http://s5.uploads.ru/pfhSq.png", // Участники
  "navawards","https://s3.uploads.ru/IExQT.png", // Награды
  "navrules","http://s5.uploads.ru/iaVLv.png",   // Правила
  "navsearch","http://s5.uploads.ru/An3x7.png",  // Поиск
  "navprofile","http://s5.uploads.ru/rHMfS.png", // Профиль
  "navpm","http://s4.uploads.ru/VGhMn.png",     // Сообщения
  "navadmin","http://s3.uploads.ru/BdKZn.png",   // Администрирование
  "navregister","http://s4.uploads.ru/qQ4XG.gif", // Регистрация
  "navlogin","http://s5.uploads.ru/YNvwx.png",   // Войти
  "navlogout","http://s4.uploads.ru/VRWnE.png"   // Выход - !ПОСЛЕДНИЙ элемент без запятой
)
 
var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
   if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
   $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>

Не сработало! Может, поэтому автор дизайна тоже не добавил "Награды" в свой скрипт? Чудеса! Всё остальное в этом скрипте работает, а награды - никак!

Ни того, ни другого - нет, увы. Хотя во втором скрипте у автора диза что-то такое есть про "Опрос", но я ничего не нашла.

Если цвет и бордюр одинакового цвета, как Вы указали, то это непринципиально - всё будет однотонным.

Отредактировано Neo.Neo (Вчера 20:50:10)

Дошло!    Я исправила у себя во втором окне стиля изначальное border-color на просто color. 

Спасибо, что заметили мой "косяк". 

По первому коду (для мобилы) отчитываюсь: видны только мобильные кнопки, но кнопка для наград (она почему-то в виде домика) съезжает вниз.

Второй вариант (два кода вместе - для мобилы и для ПК), отчитываюсь: на десктопе кнопка "Награды" вообще пропала, на мобиле - остались мобильные белые кнопки и добавилась кнопка "Награды" от дизайнера, но уж очень крупная - она не смаштабировалась.

Третий вариант (для ПК), отчитываюсь: наслоение друг на друга мобильных и дизайнерских кнопок, а кнопка "Награды" снова не смаштабировалась, хотя другие нарисованные кнопки уменьшились, как и положено для мобильной версии.

Отредактировано Neo.Neo (Вчера 22:41:06)

Добавила. На десктопе кнопка "Награды" встала в панель, как влитая! Красота! СПАСИБО! А на мобиле (я же оставила в стиле оба Ваших кода) - чехарда из иконок так и осталась: дизайнерские кнопки находятся поверх обычных белых мобильных, а кнопка "Награды" выделяется своим крупным размером.

Отредактировано Neo.Neo (Вчера 22:38:20)

Дык, других картинок не завезли. Остальные дизайнерские картинки такие же по размеру, но масштабируются. Можете проверить сами по исходнику стиля "Новогодняя ночь" - там же есть все ссылки на картинки и даже добавлены в посте недостающие - специально для rusff.

А я ранее это и установила - и у меня получилась красота на десктопе. А вот на мобиле (я неправильно ранее написала про чехарду) - видны только стандартные мобильные кнопки белого цвета (как и у всех на мобилах), а кнопка "Награды" - от дизайнера, и она крупного масштаба - не ужалась.

А в самом низу первого окна стиля у меня сейчас стоят оба кода (для мобилы и для ПК), которые Вы мне дали, а именно:

@media screen and (max-width: 540px) {
    #pun-navlinks img {display: none;}
 
    #pun-navlinks .container #navawards a {background-image: url(https://s3.uploads.ru/IExQT.png) !important;}
    }

     #pun-navlinks .container #navawards a {
      display: inline-block;
      background-image: url(https://s3.uploads.ru/IExQT.png) !important;
      width: 105px !important;
      height: 30px !important;
    }
    
    #pun-navlinks .container #navawards a span {display: none;}
    
    }

Отредактировано Neo.Neo (Вчера 23:32:27)