Question

Второй день селектор страниц стал неимоверной длинны. Практически, на половину страницы:

В чем может быть дело?
Дизайн не изменял. 

Answer 1

Ознакомьтесь с ответом в материале http://forum.ucoz.ru/forum/77-89813-1310849-16-1523891946

Comments

Почистил кэш. Без изменений. 
Там написано, не очень понял:
"если у вас индивидуальная стилизация: в системный файл /.s/src/base.css
добавлены строчки
 

.forum-pages{list-style:none; padding:0; margin:0; }
.forum-pages li{display:inline-block; margin:2px 0; }
.forum-pages li.pagesInfo{padding-right:7px; padding-left:7px; }"

У меня сандартный дизайн, из некогда предложенных Юкозом. Мне что-то нужно добавлять в CSS?

---

Водила,

Ссылку на сайт (страницу) уточните где можно увидеть проблему. Как пишется в материалк по ссылке выше, в стили добавить:

.switches {background:#хххххх!important;}

где вместо xxxxxx прописать цвет фона для кнопок, подобрать цвет можно на сайте http://www.color-hex.com/

---

Yuri_Geruk,

Попробовал добавить !important, точно  так, как Вы написали.  Почистил кэш ещё раз. Без имзенений.

 

---

Yuri_Geruk,

Убрал строку .switches {background:#143C71;}

Не стало длинной полосы на полстраницы. Но и отдельные квадратики не в кайф.

---

Водила,

В стилях измените строку номер 333:

.switch {background:#415C7F;width:15px;font-size:7pt;}

на:

.switch {background: transparent;width:15px;font-size:7pt;}

после сохраните и кеш почистите и не будет квадратиков.

---

Yuri_Geruk,

Юрий, что-то совсем не то Вы мне подсказали сейчас.

---

Водила,

все то, просто дополнительно допишите в стили:

.switch a {color: #655d5d!important;font-weight: bold;}

тогда ссылки будут видны в переключателе.

---

Yuri_Geruk,

Ладно, все равно какая-то хрень получается. 
Любое новшество должно улучшать, а не наоборот. Всё работало нормально, зачем было ломать старое? Непонятно.

---

Водила,

Да, улучшать, вносились изменения для новых шаблонов и затронули старые.

Поправьте ваши стили:

/* forum Page switches */
.pagesInfo {background:#415C7F;padding-right:10px;font-size:7pt; color: white;}
.switches {background:#;}
.switch {background: transparent;width:15px;font-size:7pt;}
.switch a {color: #655d5d!important;font-weight: bold;}
.switchActive {background:#F48D31;font-weight:bold;color:#FFFFFF;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#D8D5D5;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#D8D5D5;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------- */

замените на следующие:

/* forum Page switches */
.pagesInfo {background:#415C7F;padding-right:10px;font-size:7pt; color: white;}
.switches {background:#;}
.switch {background: transparent;font-size:7pt;}
.switch a {color: #655d5d!important;font-weight: bold;}
.forum-pages li {display: inline-block;margin: 2px!important;}
.switchActive {background:#F48D31;font-weight:bold;color:#FFFFFF;padding: 3px;}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#D8D5D5;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#D8D5D5;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------- */

должно стать как было ранее.

---

Yuri_Geruk,

Спасибо, Юрий, за подсказку. К сожалению, не могу сейчас экспериментировать - срочная работа. Буду пробовать вечером.
По возможности, не закрывайте мой вопрос. О результатах сообщу.

---

Водила,

Заменил, но, к сожалению, не изменилось абсолютно ничего. Осталось, как было.
Кэш почистил 

---

Водила,

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

---

Yuri_Geruk,

Мы с Вами говорили не о ширине выделения. А о, цитирую: "должно стать как было ранее."

То есть на синем фоне все цифры страниц. Вот чего бы я хотел. 

Ну что, остается смириться с "улучшением"?

И да, уберите ссылку на скрин, пожалуйста.

Увеличил размер цифр, стало лучше. На этом и закончим, пожалуй. Мне уже нравится ))

Спасибо, Юрий, за помощь.

---

Водила,

Чуть поправил стили, замените:

 

стили

.pagesInfo {background:#415C7F;padding-right:10px;font-size:7pt; color: white;}
.switches {background:#;}
.switch {background: transparent;font-size:7pt;}
.switch a {color: #655d5d!important;font-weight: bold;}
.forum-pages li {display: inline-block;margin: 2px!important;}
.switchActive {background:#F48D31;font-weight:bold;color:#FFFFFF;padding: 3px;}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#D8D5D5;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#D8D5D5;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FFFFFF;}

на:

 

стили

/* forum Page switches */
.switch a {font-weight: bold;}
.forum-pages li {display: inline-block;margin: 2px!important;}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#D8D5D5;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#D8D5D5;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FFFFFF;}
.pagesInfo {background:#415C7F;color:#ff7e00;font-size:7pt;padding: 2px 5px;box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.22);border-radius: 3px;}
.switch {background:#415C7F;font-size:10px;color:#ff7e00;padding: 2px 5px;box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.22);border-radius: 3px;}
.switchActive {background:#ff7e00;font-size:10px;color: #fff;padding: 2px 5px;box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.22);border-radius: 3px;}
/* ------------------- */

в итоге будет отображаться более корректно 

---

Yuri_Geruk,

Так, стоп! В Эксплорере вообще фигня отображается.  Сейчас поставлю новый код. И посмотрю. Но не надо в скринах показываь лишнюю инфу. Уберите ссылки.

 

Эксплорер:

---

Водила,

В 11 версии эксплорера проверил, все корректно. Кеш очистите в этом же эксплорере.

---

Yuri_Geruk,

Кэш почисил, так же. Может Эксплорер настолько древний? Даже не знаю, когда его ставил.   Мазила, Хром, Опера - везде все хорошо. Ну и коль Вы говорите, что в 11 версии все нормально, так тому  быть.  Попробую ещё стили изменить по Вашему совету. Посмотрим, что получится в итоге.  Сервер что ли тормозит так? Не сохраняются изменения.

---

Водила,

Нет, на 31 сервере где ваш сайт расположен работы не ведутся, все должно быть хорошо.

---

Yuri_Geruk,

Всё хорошо. Лишь изменил цвет шрифта в .pagesInfo на белый. Да, а где мне измениь цвет на многоточии между цифр?

Может у меня инет притормаживает?  

 

 

---

Водила,

Цвет многоточии меняется в стилях в строке 338:

.switch {background:#415C7F;font-size:10px;color:#ff7e00;padding: 2px 5px;box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.22);border-radius: 3px;}

выделенное замените как пример на #fff

---

Yuri_Geruk,

Всё отлично!   Ещё раз спасибо, Юрий. Вы настоящий друг. Юкоз, вот таких парней и надо нам, чайникам, в помощь. :)