Локални CSS темички за форума

[kypa]

Малко кодец да напомня да цъкнем на разширения изглед за отговор докът ремонтират Форума:

@-moz-document domain("bulgaria-forex.com"), domain("forum.bg") {


.formcontrols .blockrow label[for="cb_signature"] {

	width: 512px !important;

}



.formcontrols .blockrow label[for="cb_signature"]::before {

	content: "Разширен изглед!" !important;

	color: red !important;

	font-size: 20px !important;

}



#vB_Editor_QR_textarea {

	height: 32px !important;

}

}

[kypa]

Малко неприятна информация да споделим - добавката Стайлиш записвала браузерската история:

https://bugzilla.mozilla.org/show_bug.cgi?id=1472948

От Хром са я събирали повече от година, от Файърфокс започнали преди няколко седмици.
Решение на проблемот:
1. Ползваме файлът юзерКонтент вместо добавката, т.е. това (след разархивиране):
userContent.zip
го слагаме в папка:

C:\Users\*\AppData\Roaming\Mozilla\Firefox\Profiles\*.default\chrome

на мястото на звездичките има потребителска информация, потребителско име и случайни символи съответно. Ако искаме тема за повече сайтове копираме ЦСС-а за тях последователно в същия файл. Ако папка chrome не съществува я създаваме. Това решение само за Файърфокс, Хром от няколко години няма такава функционалност.
2. Някъде из настройките на Стайлиш е вероятно да има някаква чавка, дето като се махне да спре с порочните практики. Това май работи само за Хром, във Файърфокс въобще не можах да намеря настройки на добавката.
3. В адблокера добавяме адрес:

api.userstyles.org

Това трябва да работи и за двата браузера (и повечето им производни), ако има инсталиран адблокер, естествено.
4. Ползване на алтернативна добавка. В доклада за бъга споменават някаква Stylus, не знам дали я има за Хром. Greasemonkey и Tampermonkey имат възможност да инсталират ЦСС теми, обаче също така могат да инсталират и скриптове (Стайлиш и юзерКонтент не могат), които могат да бъдат опасни.

[kypa]

Някакъв фейслифт на Форумът започнал, засега само извънпрофилно се вижда. Ако го въведат изцяло това е елемента в темичката, който има основно значение:

.notices li {
    background: #187492 !important;
    color: #f4f4f4 !important;
    box-shadow: 0px 0px 4px 1px red !important;
}

Някъде из секцията за целия домейн трябва да е. За да се махне червеното очертание вместо red трябва да се напише transparent, ако се махне целия ред ще се вижда сиво-бялата сянка от основния цсс.

[kypa]

Таз темичка за Уиндоузъ 8.1 обхваща и рибонъ интерфейса:
https://www.deviantart.com/ezio/art/...pd13-352915282
Досега не бях виждал такава.
Освен 'висок контраст', които обаче не могат да показват картинки.

[kypa]

Малко от нечетливия текст в МетаТрайдерите с тъмна темичка се ремонтира като някъде из HKEY_CURRENT_USER\Control Panel\Colors зададем тез стойности за съответните ключове:
appworkspace 48 48 48
buttondkshadow 72 72 72
buttonlight 72 72 72
menu 33 33 33
windowframe 48 48 48
(половината трябва да са зададени с много тъмен цвят, чисто черно 0 0 0 примерно, аппвуркспайсе в някои темички не е зададен).
Промени в цветовете в регистрите се виждат след излизане и влизане наново в акаунта.

[kypa]

За новите емочита малко кодец да напишем.

Туй скрива противните жълтите от темите (в редактора остават) без да закача Жуотните:

img.inlineimg[src^="images/smilies/1f6"] {
  display: none !important;
}

Туй контролира размерот на всички нови имочита:

img.inlineimg[src^="images/smilies/1f"] {
  height: 1.5em !important;
}

em значи височината на шрифта

[kypa]

Една работа дето от доста време си я мисля "снощи" седнах я свърших.
Темичката без очертания и без заоблени връхове:

userContent.zip

https://userstyles.org/styles/163401/theme

[kypa]

Файърфоксот има една характерна способност при ръчно мащабиране да се увеличава/намалява само текста, без другите неща - (Алт) Изглед/Мащабиране/Само на текста.
Хромот също я имаше преди години, обаче му я резнаха. Оставиха му само едно "размер на текст голям/среден/нормален" или нещо подобно, резултата от използването на което не винаги е предвидим.
Отделно има един ключ в абаут:конфиг layout.css.devPixelsPerPx, с който може да се контролира цялостното ДПИ за браузера различно от подразбиращото за операционната система (при -1 взема стойността от ОС). Т.е. възможни са ефективно две степени на мащабиране - първо на цялото съдържание и после допълнително на текста спрямо останалото съдържание. Ключово приложение на тая функционалност са сравнително малки дисплеи със средно-голяма разделителна способност (вкл. мобилни устройства, даже може би предимно такива), където чрез нея могат да се поберат повече работи на екрана.
Проблемът, който възниква с ползването ѝ във Форума (вкл. за адаптивния дизайн, дето се мъчат да му направят господата системни администратори и дизайнери) е, че част от текста става нечетлив поради фиксирани размери на кутийките около него. Най-фрапиращия пример е Резултати от Търсене (пример с 200% мащаб на текста спрямо другите работи):



Язе да се похваля най-накрая ми мина през акъла как точно може да се ремонтира конкретната ситуация.
Това (вложен лист номер 1 на страницата с търсенето):

.threadpostedin {
        height: 54.52px !important;
}
.threadbit .threadstats {
    padding-bottom: 18px !important;
}

и малко от основния кодец се замества с това:

.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .searchtitle {
    height: 1em !important;
}



.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .threadpostedin {
    height: 2em !important;
    padding-top: 0em !important;
    padding-bottom: 0.95em !important;
}




.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .threadpostedin p {
    padding-top: 1em !important;
    padding-bottom: 0.5em !important;
    height: 2em !important;
}




.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .threadstats {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}




.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .threadlastpost {
    padding-top: 1em !important;
    padding-bottom: 0em !important;
}




.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .threadlastpost dd {
    height: 1em !important;
}




.body_wrapper .block.searchresults .blockbody .searchbits .threadbit .threadlastpost dd:last-child {
    padding-bottom: 1em !important;
}

Резултата:

[kypa]

Още малко ъгли заострени:

за Файърфокс без добавка.zip

За двата браузера (и производните им) с добавка:
https://userstyles.org/styles/163401/theme

Stylus добавката:
https://chrome.google.com/webstore/d...jfobafhncgmne/
https://addons.mozilla.org/bg/firefox/addon/styl-us/

За оригиналната Stylish има линкове най-отдоле на страничката с темата, ако тръгнем да инсталираме темата без да сме инсталирали добавка също ще я изтегли. Много съмнително държание напоследък обаче и по-добре Stylus да се ползва. А най-добре Файърфокс с юзерКонтент файл, без добавка.

[saxsten]

Уффф !!!!
От има няма месец разработвам една нова стртегия ама като ме мързи,мързи,мързи.....
Как най ефективно да се изчисли изменението в скороста на цената?
Най простото стара цена минус нова цена разделена на време нещо не върши работа.
И така си се размотавам и правя ,нищо не правя