Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Начните с маленькой подводной лодки: устанавливайте бомбы, избавляйтесь от врагов и старайтесь не попадаться на глаза своим плавучим врагам. Вас ждет еще несколько игровых вселенных, много уникальных сюжетов и интересных загадок.

Пикабомбер

Аркады, Пиксельная, 2D

Играть

Топ прошлой недели

  • Rahlkan Rahlkan 1 пост
  • Tannhauser9 Tannhauser9 4 поста
  • alex.carrier alex.carrier 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
user6192960
user6192960
4 месяца назад

Новая карта De Cache провал!⁠⁠

[моё] YouTube Короткие видео Россия Вертикальное видео Горизонтальное расположение Counter-strike 2 Counter-strike CS:GO Cache CSS Cs: Source Cs:16 Видеомонтаж Youtube Shorts TikTok Видео
2
user6192960
user6192960
4 месяца назад

Первый адекватный видеоряд под мрачную музыку для карты de_cache, которая вышла пару дней назад⁠⁠

[моё] Counter-strike YouTube CS:GO CSS Cache Игры Каналы YouTube YouTube (ссылка) Видео Counter-strike 2 Футажи Ambient Dark Ambient Black Ambient Сталкер Call of chernobyl Чернобыль Fps-игры Action Видеомонтаж Сталкер 2: Сердце Чернобыля
0
user6192960
user6192960
4 месяца назад

КИБЕРСПОРТ, КС И ТЫ⁠⁠

[моё] Counter-strike CSS CS:GO Counter-strike 2 Cs:16 Cs: Source Navi Virtuspro G2 Team Liquid Team Spirit S1mple Donk Киберспорт Видео YouTube
4
3
madhed
madhed
5 месяцев назад

Как поправить плавающий баг с @font-face в Safari⁠⁠

Словили тестировщики баг с жирностью шрифта, и стандартное: "у меня не воспроизводится" не прокатило. Ловила я его с месяц, и еще несколько месяцев танцевала с бубном стараясь поправить. Причем баг-то плавающий, вроде код поправила, вроде поправилось, и оп-па - через месяц снова всплыл.

И вот сегодня натолкнулась на статью и счастье есть! Оказывается Safari не любит дефисы! Ни в названиях, ни в имени файлов. Пример из статьи:

Как поправить плавающий баг с @font-face в Safari CSS, Шрифт, Safari, Баг

До

Как поправить плавающий баг с @font-face в Safari CSS, Шрифт, Safari, Баг

После

[моё] CSS Шрифт Safari Баг
2
2
user7449687
5 месяцев назад
Counter-Strike

Обновление Vanila сервера в ксс ip внутри⁠⁠

Мы обновили наш<BASED> Vanila сервер на новую версию, и он снова доступен!
Ниже информация о нашем проекте.
Всем привет, рады принять новых игроков на базовом и трушном серваке в контре.
Рады адекватным игрокам. Список карт и прочего можно увидеть зайдя на него.(карты тоже адекватные)
ip: 62.113.108.35:27015
Всем рады!
Я уже писал в своем профиле про него, но повторение мать учения)

[моё] Steam Приложение Онлайн Игры CSS Counter-strike Sourse 2 Обновление Сервер Игровой сервер Текст
0
7
error418
error418
5 месяцев назад

Панамковое⁠⁠

Решил тут развить идею панамок и накорябал своими кривенькими ручонками вот такое:

Панамковое Минусы, Кастомизация, Панамка, Пикабу, Мат, Мемы, CSS, Длиннопост

Панамки для постов

Панамковое Минусы, Кастомизация, Панамка, Пикабу, Мат, Мемы, CSS, Длиннопост

И такие же для комментов

Чтобы и у себя на десктопе заполучить панамки вместо заполняющегося минусика, надо поставить в браузер расширение для возможности модификации стилей сайтов и добавить для pikabu.ru стили вот отсюда https://smalldev.tools/share-bin/cfkubaYv .

Т.к. я юзаю Хром, проиллюстрировать это могу только на примере плагина Custom Style Script (https://chromewebstore.google.com/detail/custom-style-script...). Там это выглядит так (надо не забыть потом нажать серую кнопочку с плюсиком и обновить страничку пикабу):

Панамковое Минусы, Кастомизация, Панамка, Пикабу, Мат, Мемы, CSS, Длиннопост

Лаконичный интерфейс настроек плагина

DISCLAMER! Рисовать я не умею, CSS я не знаю.

Поэтому:

  • Изобразил панамки и хуи как мог (даже пытался стараться, честно-честно). Для желающих нарисовать что-то получше, используя имеющиеся наработки - исходник в виде InkScape'овской SVG'шки тут: https://smalldev.tools/share-bin/5VnRw0VV

  • CSS накорябал так, чтобы работало по крайней мере в Хроме. Возможно, в других браузерах не взлетит.

  • Бессмысленно говорить мне, что я криворукая макака с клавиатурой, и ваша трёхлетняя племянница сделала бы лучше - я это и так знаю =)

Панамковое Минусы, Кастомизация, Панамка, Пикабу, Мат, Мемы, CSS, Длиннопост
Показать полностью 4
[моё] Минусы Кастомизация Панамка Пикабу Мат Мемы CSS Длиннопост
1
28
xco1D
5 месяцев назад
Web-технологии

История о любопытстве и минусах⁠⁠

Всем привет!

Решил выглянуть из ридонли ради спортивного интереса.

Для ЛЛ - как отобразить минусы с помощью расширения Chrome и кода на JS + немного CSS. Установка в конце поста.

История о любопытстве и минусах Javascript, Минусы, CSS, Кривые руки, Google Chrome, Длиннопост

Так это выглядит

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

История о любопытстве и минусах Javascript, Минусы, CSS, Кривые руки, Google Chrome, Длиннопост

Консоль разработчика видит всё и даже больше

Логично, что если минусы на самом деле имеются у каждого поста, с ними можно работать с помощью JS.

Инструмент, который я использовал (помимо того, что выдают при респауне) - User JavaScript and CSS из магазина Chrome.

История о любопытстве и минусах Javascript, Минусы, CSS, Кривые руки, Google Chrome, Длиннопост

Герой дня

На самом деле, использовать можно и что-то иное, тут каждый волен действовать как хочет.

  • Первая версия появилась на свет на зачатках знаний по JS и мастерстве гугления (Insert google meme here)

Забрать код можно тут: https://justpaste.it/gdvjm

Сначала всё это работало только после загрузки страницы и после прокрутки у новых постов не было минусов. Немного гугления и было найдено обновление по интервалу и обработчик прокрутки (его я и использовал)

В целом, всё работает и так, на этом можно было остановиться. Смущало только то, что минусы не всегда прогружались, если скролл не дошёл до конца страницы.

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

  • Вторая версия. Помимо нововведений в части JS, чуть изменил добавление контейнера для минусов, назначил класс и чуть причесал CSS.

Забирать тут: https://justpaste.it/itxj8

Установка

Использовать всё это предельно просто:

  1. Найти расширение в магазине - User JavaScript and CSS

  2. После скачивания заходим в chrome://extensions/ и активируем режим разработчика. Это требуется для доступа расширения к изменению содержимого сайтов;

  3. В настройках расширения нужно добавить сайт как на скрине - https://zalipaka.icu/*

  4. Cоответственно пунктам 1 и 2 - JavaScript (JS) и CSS. Переходите по ссылкам на первую или вторую версию и копируйте весь текст между разделителями в виде знаков "=": ==========================================

История о любопытстве и минусах Javascript, Минусы, CSS, Кривые руки, Google Chrome, Длиннопост

Окно настроек расширения

При большом желании можно упаковать всё в расширение и опубликовать в магазине, но до этого я не дошёл (а также 5$ за регистрацию - это 5$)

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


P.S. Код кривее некуда, об этом я догадываюсь. JS я не знаю и без сомнений, маэстро JS'a и CSS могут сделать более красивый и правильный вариант. Потому, за конструктивную критику и предложения по улучшению заранее благодарен! :)

P.P.S. Если пост нарушает какие-то правила, сообщите, пожалуйста. Что-то по теме сабжа ничего не нашёл.

Показать полностью 3
[моё] Javascript Минусы CSS Кривые руки Google Chrome Длиннопост
5
2
highstandard
highstandard
5 месяцев назад
Лига фрилансеров

Учусь делать веб сайты, моя тестовая страничка⁠⁠

http://222.ct.ws/

Вообще интересует вопрос в какую сторону развиваться, читал что хвалят django и также django cms или Wagtail - но они требуют хостинга с Python и для потенциальных клиентов не так популярны как wordpress - который в свою очередь тоже вызывает вопросы

Учусь делать веб сайты, моя тестовая страничка Web-программирование, Web, Создание сайта, CSS
Показать полностью 1
[моё] Web-программирование Web Создание сайта CSS
13
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии