Добрый день! На моём форуме один пользователь жалуется что у него пропали кнопки: Удалить Редактировать Цитировать, Ответить. В форме быстрого ответа тоже нет кнопок отправить и посмотреть. У других пользователей всё в порядке. Никаких настроек и скриптов в последнее время не добавлял. Кнопки обычные, не картинки. Подскажете в чём может быть причина?

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

Отредактировано Роман36 (Пн, 23 Дек 2013 14:42:45)

Ну, к примеру можно так (Ставить в НТМЛ верх):

<style>
#pun-navlinks li a {
background: url(http://s7.uploads.ru/QeJD6.gif) repeat-x;
padding: 5px 7px 6px 7px;
}
#pun-navlinks li a:hover {
background: url(http://s6.uploads.ru/9D18o.gif) repeat-x;
padding: 5px 7px 6px 7px;
}
</style>

Сделайте скриншот - я же не вижу, что и как не умещается..

Я добавил в код:

Красное - отступ сверху
Зеленое - отступ справа
Синее - отступ снизу
Фиолетовое - отступ слева
С помощью этих параметров можно регулировать размер кнопки, только учтите, что при изменении высоты кнопки нужно будет менять и размер картинок, которые поставлены фоном. Вот оригиналы картинок (то, что я вам давал, я давал уменьшенные варианты):
Эта для части кода:

Эта для этой части кода:

Здесь

Вы можете воспользоваться вот таким кодом:

Где:
max-width:500px - это максимальная ширина монитора
min-width:200px - минимальная ширина монитора
@media screen and (max-width:500px) and (min-width:200px) - вся эта строчка означает, что все мониторы от 200 пикселей до 500 будут отображать размер шрифта в 13px. Экспериментируйте..

вставил код, но разницы так и не наблюдаю, скорее всего что то не так делаю. 

Так по умолчанию я поставил размер шрифта, который у вас есть..Кроме того я привел код с совсем низким разрешением, поставьте к примеру вместо 500 1024 или нужное значение монитора, то есть его разрешение, с которого уменьшать..Кроме того, можно прописать код несколько раз, к примеру:

С текстом не выйдет..Зато с помощью @media screen можно делать адаптивный дизайн даже для телефонов с низким разрешением..Кстати, вставлять можно не только: font-size, а все что угодно: фон, цвет, шрифт, высоту, ширину, и т.д. и т.п.

Надеюсь вы обратили внимание, что сюда:

ставим выбранный селектор..

Роман36
У вас в стиле прописан отступ слева в 10 пикселей:

Либо замените на ноль в стиле, либо добавьте в ваш выше приведенный код вот этот код:

И один момент: если у вас в профиле не прописан ваш форум, то при любом вопросе лучше давайте ссылку на него, чтобы отвечающим не приходилось искать ссылку..