Автору личного кабинета лень писать строку кода или как вернуть поддержку Opera 12.18

[luyimirez]

Это скорее миниинструкция по возврату работоспособности личного кабинета после того как в нём покопался некто глобально, на браузере Opera 12.18 Presto.

Решение найдено давно, но был забанен на форуме за здоровую критику действий администрации, не мог писать.

А критиковать есть за что.

Был рабочий стабильный личный кабинет, но тут, наверно, пришёл новый дизайнер и решил - " а надо ка мне реализовать новых цветов, как " коричневая чума " на форуме ".

Имитация кипучей деятельности.

Открыл визуальный редактор и начал " тварить ".

Редактор, видимо, заточен был под браузеры на движке Сhrome, а в ручном режиме вебдизайнер слабо или никак не умеет.

Была написана тема с временным решением и критикой.

Результат: ты ничего не понимаешь, ты не прав, мы правы, мы ничего менять не будем.

Была написана ещё одна тема примерно с тем же результатом.

Было написано сообщение в специальную тему, но и эту тему поспешили закрыть.

Как видим от критики отмахиваются и закрывают темы.

Но если они не могут, то могут другие.

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

Попросил глянуть на проблему людей разбирающихся из специальной темы.

Люди посмотрели и выдали код в одну строку:

Это файл стиля CSS:

.cp-wrapper:after, .wrapper:after {z-index:-1 !important;}

Понимаете одна строка кода, несложного кода.

Понимаете масштаб? Или написать строку кода или написать ответы с отказом?

Очевидно что это или лень, или это такой профессионализм, или садизм.

Я конечно понимаю что для глобального решения нужно ещё реализовать идентификатор браузера, это ещё блок кода, ну пусть будет две строки кода вместе с предложенной.

К тому же есть другие движки браузеров альтернативные, и их тоже надо идентифицировать и оптимизировать.

А самое простое решение - писать сразу чтоб везде работало одинаково, как на старом личном кабинете.

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

Но это вне круга способностей или желаний автора, ему проще написать " смените браузер " или " его используют единицы ".

Совершенству нет предела и я сам добавил несколько правок в стиль с помощью инструкций из интернета и встроенного инструмента инспекции элементов в браузере:

.cp-wrapper:after, .wrapper:after {z-index:-1 !important;}
.cp-block {width: 49%}
.td-button {transform: translate(50%, 0); width: 50%}
.m05 {transform: translate(50%, 0); width: 50%}
.pagination {width: 120%}
.td-button {transform: translate(20%, 0); width: 75%}

Результат более корректно и привычно отображает сайт.

Для ещё большей производительности воспользовался встроенным инструментом блокировки содержимого с добавлением масок блокировок бредовых фонов:

*/banner*
https://wowcircle.com/images/*
*/assets/images/bg*
*/assets/images/logo*

Или подобный код можно добавить в брендмауэр.

Для избавления от дизайнерского перформанса " коричневая чума " можно добавить код встроенных стилей в файл с моими изысканиями из файлов: " contrastbw.css " и " contrastwb.css " ( монохромные стили ).

Результат: личный кабинет работает лучше чем на браузере с движками под которые он заточен.

В частности корректная работа с сайтом " wowroad.info ", чего не скажешь о Chrome.

Я " ничего не понимаю ", но у меня всё работает лучше. Потому что я доработал " полуфабрикат " напильником.

Стоили ломать то что работало ( одна из голосовалок сломалась, как и работа на Opera 12.18, а так же куча багов ), ради того чтоб теневые дельцы, с помощью открытых сумок и банка любого персонажа, теперь могли более безопасно в обход легальной торговой площадки покупать персонажей?

---

А тема то популярна, для браузера которым " пользуются единицы ".

[Mekletajs]

Ничего не понял, но очень интересно. Где-то на уровне интуиции я ощущаю твою правоту. Поддержу :)

[luyimirez]

Возникла необходимость просмотреть персонажа в разделе покупок - нормально отфильтровать не получилось.

На хромоклоне работает, тут же кнопка фильтрования и сброса фильтра, а так же чекбоксы фракции, не отображается, уменьшаю процентарное отображение страницы и они появляются, но наведение курсора заставляет их пропасть или они не нажимаются.

Это к тому как делают личный кабинет.

В принципе сам наверное починю через стиль.

Просто как показатель профессионализма.

---

Долго не думая, я человек без опыта профессиональной разработки вебресурсов, сделал так, почти наобум, и оно сработало:

.cp-button {transform: translate(20%, 0); width: 75%}

С фильтром фракции так не сработало, но как временное решение нормально, так как фильтр расы работает.

С фреймом фракции я не могу логически понять что делать, и даже методом тыка не получилось пока.

[Netherheal]

Ну теперь нормально разбаниваться в ЛК сможешь
А кто является автором личного кабинета?

[luyimirez]

Написал стиль давно, но был в очередном необоснованном логикой бане.

Есть ещё проблемы с отображением, но вроде основные устранены.

Некоторые правки могут быть некорректно отображены на отличном от моего разрешения, тогда надо самим поиграться с цифрами, в комментариях к строчкам есть описание за что отвечает код.

Конкретно две последние строчки не являются обязательными, просто добавляют удобства на моём разрешении при быстром голосовании, можно удалить эти две строчки или поправить значения под себя.

.cp-wrapper:after, .wrapper:after {z-index:-1 !important} /*взаимодействие коррекция*/

.cp-block {width: 47%} /*ввод логина пропорции коррекция*/

div.td-button {transform: translateX(1%)} /*кнопки пункта " управление " выравнивание - украшение*/

button.td-button {transform: translateX(62%); width: 45%; margin-left: 0px !important} /*голосование кнопки коррекция*/

.m05 {transform: translateX(54%); width: 50%} /*голосование текст коррекция*/

.pagination .pager input {transform: translateX(5px); max-width: 45px} /*страницы листание коррекция*/

.cp-logo {display:none} /*лого убрано - украшение*/

.logo {display:none} /*лого убрано - украшение*/

.left-column {width: 19% !important} /*левая колонка коррекция - украшение*/

.social-list {width: 640%; margin-right: 10px !important} /*социальные сети коррекция*/

.top-navigation .buttons .flex-cc {transform: translateX(-200px); margin-left: 0px !important} /*перенос кнопки выход левее - удобсто*/

.cp-form-line input:nth-child(1) {transform: translateX(-67%); max-width: 60%; min-height: 36px} /*поле ввода проверочного кода коррекция*/

.username {transform: translateX(20%)} /*имя аккаунта позиция коррекция*/

.top-navigation .select {height: 32px} /*выбор мира размер коррекция*/

.top-navigation .select-item {height: 28px !important} /*выбор мира размер активного элемента коррекция*/

.cp-button {transform: translateX(0%)} /*применение фильтра коррекция*/

label[for^="real"] {padding-left: 32px !important} /*просмотр статистики арены выбор мира коррекция*/

label[for="faction_1"] {margin-left: 5px !important; float: right; transform: translateY(10%)} /*выбор фракции фильтр коррекция*/

label[for="faction_2"] {margin-left: 0px !important; float: left; transform: translateY(10%)} /*выбор фракции фильтр коррекция*/

.middle-column .top-tabs .flex-cc {height: 33px} /*вкладки размер вертикальный коррекция*/

.tabs .tab {height: 33px} /*подвкладки размер вертикальный коррекция*/

.left-column div.button.flex-sc:nth-child(15) {position: relative; bottom: 440px} /*перенос пункта голосование вверх - удобство*/

.left-column div.button.flex-sc:nth-child(2) {position: relative; top: 440px} /*перенос пункта голосование вверх - удобство*/

Тут есть небольшая пасхалка кстати.

Ещё можно использовать скрипт, против ошибки на вкладке голосования и двойной аутентификации:

(function(){

window.opera.addEventListener("BeforeScript", patch_scripts);
function patch_scripts(UserJSEvent){
	var script = UserJSEvent.element;
	
	/* https://about.google/ and other Angular sites */
	var str_old = '<svg><p><style><img src="</style><img src=x onerror=alert(1)//">';
	var str_new = '<svg><p><style><img src="</style><img src=x onerror=//">';
	
	if (script.src && script.text.indexOf(str_old) != -1){
		script.text = script.text.replace(str_old, str_new);
		console.log("alert(1) removed in " + script.src);
	}
}

})();