Гид по сайту (публикации за 17 сентября 2018)34 читателя тэги

Автор: Администратор

Отдельные рекомендации для тех, кто делает индивидуальный CSS

Здесь собраны отдельные рекомендации создателя сайта, в разное время сделанные в Новостях сайта

По профилям авторов
Стилизуя профили авторов при помощи CSS, для разных степеней (уровней) используйте классы от level-1 до level-9.
Далее...По блогам и микроблогам
При создании индивидуального дизайна при помощи CSS имейте в виду, что заголовок в блогах и тело поста в микроблогах – это одна и та же сущность.
Ссылки и картинки аватарок снабжены классами, но в микроблогах и комментариях поведение картинок чуть отлично.
Если в собственном дизайне вы задаёте прозрачность основного блока самостоятельно, отключите прозрачность в настройках блога, иначе возможны конфликты.
По умолчанию вёрстка адаптирована и под широкие экраны, и под смартфоны. Поэтому, если делаете свой CSS-дизайн, используйте не жёсткую ширину width, а рекомендательную max-width для блоков типа #canvas, и всё будет умещаться.

CSS-сообщество — место, где можно поделиться кодом интересного дизайна для всех пользователей и позаимствовать то, что понравилось.

Стикеры: подробное руководство

Данный текст является частью общей инструкции по работе с сайтом, но эта часть как особо востребованная дублируется отдельным постом!

Стикеры – это короткие записки (не более 1 200 знаков), которые можно создавать для себя или отправлять другим авторам. Далее...Стикеры задумывались как напоминания, но их также можно использовать для поздравлений, отправки особо важных сообщений и т.д.
Кому видны стикеры
Стикеры всегда отображаются поверх любой страницы сайта, поэтому привлекают внимание, но видны только своему создателю и (если стикер отправлен) адресату.
Как пользоваться
Чтобы начать работу со стикером, переместите его на середину с левого края экрана, наберите текст и нажмите «Сохранить».
Чтобы отправить стикер другому автору, кликните на значок «бумажный самолётик» и выберите адресата. Адресату будет выслана копия стикера. (В списке предлагаемых адресатов автоматически появляются все авторы, с которыми вы пересекались: переписывались, участвовали в дискуссиях или по-другому взаимодействовали.)
В адресной книге стикеров отображаются не только имена авторов, но и ID (идентификационные номера). ID можно увидеть в адресе страницы автора. Если вы не уверены, что отправляете стикер тому, кому нужно, проверьте ID адресата.
Чтобы удалить стикер, кликните на крестик в верхнем правом углу.
Положение стикеров на экране
При отправке другому автору стикер появится у него на том же месте, что и у отправителя. Расчёт координат положения стикера идёт от левого верхнего угла экрана. Если экран у получателя существенно меньше, чем у отправителя, на экране получателя появится полоса прокрутки. (Чтобы она исчезла, получателю нужно переместить полученный стикер ближе к левому верхнему углу экрана или удалить).
Связь между стикерами
После того, как стикер был отправлен, дальнейшие действия отправителя со стикером уже никак не повлияют на копию стикера, оказавшуюся у получателя: свой стикер можно перемещать, редактировать, удалить.
Стикер получателя в свою очередь не оказывает никакого влияния на стикер, оставшийся у отправителя.
Уведомлений о прочтении в стикерах нет.
Как читать длинные сообщения в стикерах
Если полученный стикер содержит длинное сообщение, которое не умещается в квадрате, конец сообщения можно прочитать, кликнув на значок «бумажный самолётик». Чтобы завершить чтение, но не удалять стикер, кликните «не надо». (Чтобы удалить стикер, кликните на крестик в верхнем правом углу.)
Когда стикеры не отображаются
Адресат не увидит присланные ему стикеры, если:
- у него скрыты стикеры (опция в разделе «Профиль и настройки»),
- если сайт открыт со смартфона, т.к. на смартфоне стикеры отключаются автоматически.
Если пользователь, скрывший стикеры через раздел «Профиль и настройки», выберет «Показать стикеры», то увидит все стикеры, присланные ему за то время, пока действовала настройка «скрыть».
Если в настройках браузера смартфона поставить галочку «Полная версия», то стикеры будут показаны. (Проверено для Хрома и Фаерфокса.)

Вставка музыки и видео на сайт

Здесь собраны рекомендации по встраиванию музыки и видео в посты и комментарии. Материал основан на личном опыте пользователей сайта!

Вставка треков из Яндекс.Музыки
Откройте альбом с нужным треком на сайте Яндекс.Музыки. Нажмите кнопку «Поделиться» напротив названия трека Далее...(именно трека, т.к. вставить сразу весь альбом не выйдет). После нажатия откроется меню, где нужно кликнуть «HTML-код». Откроется форма, где можно редактировать код для вставки и сразу смотреть, что получается. Далее скопируйте получившийся код и вставьте в пост.
Вставка видео с YouTube
Откройте на YouTube видео, которое хотите разместить в блоге. Рядом с лайками и дизлайками находится надпись «Поделиться». Нажмите, затем в выпавшем окошке выберите < > (Встроить). В появившемся окне справа сверху появится код, который можно выделить одним кликом, скопировать и вставить в пост, либо сначала отредактировать, а затем скопировать и вставить.
Вставка видео с Vimeo
Если вы видите видео с Vimeo где-либо кроме сайта Vimeo, кликните на «бумажный самолётик» (Share, Поделиться). Далее нажмите < / > (Получить код вставки). Скопируйте код из окна и вставьте в пост либо нажмите «Проанализировать эту вставку».
Если решили проанализировать вставку, видео откроется на сайте Vimeo. Там снова нажмите на «бумажный самолётик», чтобы открыть форму, где после нажатия «+Show options» код вставки можно будет редактировать.
Далее скопируйте и вставьте отредактированный код в пост.
Вставка видео с сайта ВКонтакте
Откройте видео, нажмите «Поделиться», в открывшемся окне переключитесь на «Экспортировать», а затем скопируйте и вставьте в свой блог код. Вы также можете выбрать размер встраиваемого видео из выпадающего списка внизу (на всякий случай лучше выбрать размер поменьше).
Альтернативный вариант: после открытия видео можно нажать кнопку «Ещё» и в открывшемся меню выбрать «Экспортировать».
Вставка видео с Facebook
Откройте видео, ищите иконку с тремя точками, кликайте. В зависимости от настроек приватности вы можете увидеть или не увидеть надпись «Встроить». Нажимайте – откроется окно с кодом. При необходимости внизу – ссылка на «Расширенные настройки».
Вставка из Instagram
Вместо вставок из Instagram используйте WEBSTA GRAM: код лаконичнее, нормально воспринимается нашим сайтом, а контент тот же; напрямую из инстаграма нельзя вставлять посты, потому что в них есть фрагменты Javasсriрt.

Если вы добавляете в пост сразу несколько видео или целую подборку треков, рекомендуется сворачивать списки треков и видеозаписей, используя одиночный «more» (ставите курсор туда, где начинается скрытый текст, и кликаете на «more», так что в итоге вместо скрытого текста появится активная надпись «продолжение следует»).
Если не использовать одиночный «more», пост получится тяжёлым и может затормозить работу вашего блога, а также лент сайта. То, что убрано под одиночный «more», загружается только при открытии свёрнутого текста. Это позволяет экономить трафик и увеличивать быстродействие сайта.

Лучшее   Правила сайта   Вход   Регистрация   Восстановление пароля

Материалы сайта предназначены для лиц старше 16 лет (16+)