to post messages and comments.

← All posts tagged CSS

маленький ребрендинг. хотя со смартфона пока ещё тяжеловато, логотип в экран лезет из-за position: absolute;, но хотя бы боковое меню не мешается со старта страницы. убрал социалкнопки, основная загрузка страницы ускорилась с 12 до 4,5 секунд вне кэша. с менюшкой было около 30. подумываю ещё и счётчик яндекса убрать, 2,2 секунды будет

<Mitrill> А можно как-то уменьшить расстояние между строками? Или всё жёстко в стили вбито?
<РобоСпaйк> да, междустрочник выставлен на полторы строки... по идее надо вообще саморасставляемые строки
<РобоСпaйк> htmlbook.ru каких-то css3 вариантов я не вижу, calc вроде неприменим (ему надо число строк подавать как-то), а как через JS сделать даже не представляю. проблема просто не вставала ещё перед человечеством, точнее, его частью с прямыми руками

посмотрел на накопившиеся с 16 июля картинки в twitter.com и понял, что по одной сохранять уже нафиг-нафиг. хочу в скачивалку весь список сунуть и чтоб руки не болели больше. поправил в своём юзерскрипте выдачу с фразы "Прямая ссылка" на сам адрес. А потом решил-таки его опубликовать, вдруг кому интересно будет посмотреть арты с Джуди и Ником. вот greasyfork.org также залил простенький юзерстиль на скукоживание самих картинок, дабы не листать километры userstyles.org использовать их вместе

твиттер бота Зоотопии
+ даунлоадмастер + опция перехвата ссылок + опция перехвата расширений с :large суффиксом + опция юзерагент = "фаерфокс 30"
+ фаерфокс + плагин фаергесчурс + жест копирования ссылки + плагин стайлиш + стиль .AdaptiveMedia-photoContainer img {display: none;} + плагин гризманки + юзерскрипт для подстановки прямых ссылок
+ тотал коммандер с папочкой месяца и подпапочками дней

фиксер
#ideabox, / Нижний ящик скрыть /
#pantheons, / Пантеоны скрыть /
.pun_link, / наказания скрыть /
.to_arena, / Арену скрыть /
.hch_link{ / Зарядку скрыть /
display: none !important;
}
.d_line { / длинный дневник /
display: block !important;
}
.enc_link { / поощрения увеличить /
position: relative;
width: 250px !important;
font-size: 180%;
}

целительная сила внимательности...

есть пиктограмма медиаменеджера, всплывающее окошко открывает. оттуда можно открыть более продвинутый медиаменеджер с сортировками и т.п. довольно давно я заметил, что кнопки недоступны, а сейчас нашлось время разобраться. и ведь мог же сразу засечь, что проблема явно в CSS — кнопки в первые полсекунды доступны — а начал отрывать скрипты, редакторы, плагины, даже браузер без аддонов запустил. на оф.сайте движка всё окей — а у меня не окей. а потом наконец увидел в инспекторе причину. поскоку это спецстраница, её содержимое генерится скриптом, а цсс считает, что содержимого нет. но кнопка всё равно может отобразиться только после всей лабуды, так что див имеет приличную высоту и перекрывает весь кислород... clear:both; и нет проблем

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

test.comicslate.org перехват из первой версии неплох, но всё равно приходится руками дорабатывать. по факту подстановку забеливаний при перехвате надо убирать совсем. свежие баги — цветопостановщик не работает, на просмотре не может отобразить цветной фон, при наведении мышки текст перевода чудит...

долбал-долбал я cotan, работает, вроде. наклейки больше не дублирует (глупейшая ошибка была), CSS в порядке. рабочий сервер с a1mg comicslate.org тестовый сервер с cotan test.comicslate.org перехватил код у a1mg и подмял под себя корректно, но в редакторную кнопку пока лучше не приглядываться, там дёргается местами...

CSS

вот что сделать с этой скотинкой?

рецепт в ячейке таблицы внизу страницы minewiki.everypony.ru всего лишь отцентрован. из-за разницы в понимании центровки он рассыпался. div стремится занять всю ячейку, а не прицепиться по ширине к картинке-носителю, а иконкам position:absolute велит отсчитываться от div

как заставить иконки центроваться вместе с носителем?

CSS

ебануцца. есть плагин наклеек aimg, а в нём файл стилей. есть плагин вставки страница-в-страницу include с особенностями в отступах. есть плагин анимации tcycle с особенностями в отступах. есть плагин вики-разметки таблиц типа {| |- |} с особенностями в отступах. какой тут удав с ежом, приходится в файле стилей aimg'а принуждать всё это учитывать друг друга во всех возможных комбинациях. не то, чтоб я жалуюсь на CSS, но голова от этого побаливает уже

а всего-то — заставить эту страницу работать корректно minewiki.everypony.ru

[02:20:06] <kerulen> РобоСпайк1: а ничего что в меню слева "Interrobang Studios" основательно выбивается по ширине
[02:22:31] <Mityai> может выбросить второе слово и сделать просто "Трахтебедох".... ээээ, простите, "Interrobang"...
[02:24:14] <kerulen>
answers.wikia.com
[03:11:33] <РобоСпайк1> kerulen: я подбирал по ширине этих слов. значит, в разных браузерах по-разному
[03:20:04] <РобоСпайк1> издержки расширения буков
[03:21:08] <РобоСпайк1> аблинпоставим175пикселей
[03:30:43] <РобоСпайк1> нда
[03:31:14] <РобоСпайк1> думал, какая есть логика в css, чтобы выставлять ширину по соседям. напрочь забыл про 100%
[03:31:30] <РобоСпайк1> и вместо min-width теперь width
[03:32:04] <РобоСпайк1> уж 160 пк любой смартфон передаст в одну строку без особых проблем
[03:33:03] <РобоСпайк1> хм. представилось сейчас вдруг. окно игры, 10 чисел, номера соответствуют пальцам
[03:33:12] <РобоСпайк1> каждый номер двигается по своей траектории
[03:33:28] <РобоСпайк1> обучение независимому шевелению пальцами ._.
[03:33:47] <Conner> Музыкальный инструмент же.
[03:34:04] <РобоСпайк1> руки прочно связаны с мозгом. такое упражнение теоретически может вызвать Ктулху прямо в голове
[03:35:20] <РобоСпайк1> нну. или десятипальцевый набор капчи

в последнее время мне приходится собирать нормативы по экологии с разных сайтиков типа eko-man.ru или eco.h11.ru

на первом я встретил многовложенную табличную вёрстку в генераторе DataLife Engine Nulled by M.I.D-Team, сравнить скорость его работы можно с рипом comicslate.org

но второй сайт его намного превзошёл! пройдите по ссылке, это эпично pastebin.com

как думаете, что лучше?:
1) стиль .lisi {font-family:LisichkaComic;} и вставка кода <span style="display: inline-block" class="lisi"> //используется сейчас
или
2) стиль .lisi {font-family:LisichkaComic; display: inline-block;} и вставка кода <span class="lisi">
или
3) вставка кода <span style="font-family: LisichkaComic; display: inline-block;">