Вопросы по CSS - [113] :: Web-программирование :: Компьютерный форум Ru.Board

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?

Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Xrobak

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Ссылки для самостоятельного изучения:

Теория + примеры + учебники:
• W3School: CSS Tutorial
• MDN: Cascading Style Sheets (CSS)
• WebReference: Уроки по HTML и CSS
• htmlbook: Справочник CSS
• YouTube: Основы CSS/CSS3
• CSS для JavaScript-разработчика
• Основы CSS - каскадные таблицы стилей
• Статьи по основам CSS

Применение на практике:
• StackOverflow: 'CSS' Questions
• CSS-Tricks

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019

zzz528

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Хочу почисить

Цитата:

@media only screen and (max-width: 767px ) {
ляля1
ляля2
ляля3
}
труляля1
труляля2
труляля3
татата1
татата2
@media only screen and (max-width: 767px ) {
тутуту1
тутуту2
татата1
татата2
}

Не понимаю в чом идея двух одинаковых @media и
повторы татата, думаюи я всё в одну перепешу и удалю повторы ничего не сломаеться?

Всего записей: 1885 | Зарегистр. 20-06-2005 | Отправлено: 17:59 05-12-2021

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

zzz528

Цитата:

Не понимаю в чом идея двух одинаковых @media

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

ps: но меняйте как захотите, только бэкап делать не забывайте.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 21:28 05-12-2021 | Исправлено: Mavrikii, 22:21 05-12-2021

DimitriusXZ Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Общий вопрос. С помощью каких библиотек лучше всего верстать адаптивный дизайн?
	Всего записей: 885 \| Зарегистр. 17-01-2010 \| Отправлено: 23:46 20-12-2021

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

DimitriusXZ

Цитата:

С помощью каких библиотек лучше всего верстать адаптивный дизайн?

bootstrap + https://hackr.io/blog/top-bootstrap-alternatives

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 23:48 20-12-2021 | Исправлено: Mavrikii, 23:48 20-12-2021

b7music Advanced Member	Редактировать \| Профиль \| Сообщение \| ICQ \| Цитировать \| Сообщить модератору Здравствуйте, подскажите, что это за полоска и как её убрать? https://prnt.sc/23u1tkc Все стили облазил не пойму откуда она берется Разобрался
	Всего записей: 684 \| Зарегистр. 04-03-2010 \| Отправлено: 11:27 21-12-2021 \| Исправлено: b7music, 11:29 21-12-2021

DimitriusXZ

Advanced Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:

bootstrap + https://hackr.io/blog/top-bootstrap-alternatives

Спасибо Mavrikii.

Всего записей: 885 | Зарегистр. 17-01-2010 | Отправлено: 22:32 21-12-2021

DimitriusXZ Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Из этих библиотек CSS, для адаптивного дизайна - какие лучше всего совместимы со старыми браузерами?
	Всего записей: 885 \| Зарегистр. 17-01-2010 \| Отправлено: 03:47 22-12-2021

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору DimitriusXZ а зайти на сайт каждого и посмотреть мин требования?
	Всего записей: 15689 \| Зарегистр. 20-09-2014 \| Отправлено: 03:53 22-12-2021

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

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

Код:

box-shadow: 0 0 0 10px rgba(204, 204, 204, 0.3), 0 0 0 20px rgba(204, 204, 204, 0.3), 0 0 0 30px rgba(204, 204, 204, 0.3);

как при этом добавить какие-нибудь мелкие элементы по границам этих кругов, через псевдоэлементы и абсолютное позиционирование?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 13:12 22-12-2021

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

WONDROUS

Цитата:

через псевдоэлементы и абсолютное позиционирование?

https://jsfiddle.net/3y9dpe5c/

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 00:13 23-12-2021

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Спасибо за ответ и пример!
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 01:51 23-12-2021

7Lexusi Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Есть код спойлера Раскрытие элементов только по значку "плюс". Может кто-нибудь помочь, чтобы раскрывалось и по клику на всю строку? заранее спасибо
	Всего записей: 751 \| Зарегистр. 27-02-2007 \| Отправлено: 10:20 19-01-2022

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

7Lexusi
прилепите .showButtonCode к div родителю <a> (убрав из него) и js код

Код:

$(function() {
$('.showButtonCode').on('click', function() {
var disp = $(this).children('div.buttonCode').css("display");
$(this).children().eq(0).text(disp != 'block' ? " ➖ " : " ➕ ");
$(this).children('div.buttonCode').toggle(1);
return false;
});
});

htm сущности - это те + и -

форкнуть без аккаунта не дает, а создавать не хочу.
https://jsfiddle.net/wdurtpos/

ps: убрать строку с console.log(disp);

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 12:10 19-01-2022 | Исправлено: Mavrikii, 21:31 19-01-2022

7Lexusi Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Всё ничего, только теперь реагирует и на таблицы внутри спойлеров и вместо открытия ссылок, просто закрывает ветку
	Всего записей: 751 \| Зарегистр. 27-02-2007 \| Отправлено: 04:07 20-01-2022

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

7Lexusi

Цитата:

Всё ничего, только теперь реагирует и на таблицы внутри спойлеров и вместо открытия ссылок, просто закрывает ветку

ну потому что да, внутри div основного..
можно в js дописать и смотреть target клика..
вот другой вариант, с минимальными изменениями.
https://jsfiddle.net/ajLe7u8n/

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 04:40 20-01-2022

7Lexusi Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Ну вот теперь всё прекрасно! Низкий поклон!
	Всего записей: 751 \| Зарегистр. 27-02-2007 \| Отправлено: 09:44 20-01-2022

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Большая просьба подсказать, как правильно сделать, исправить, чтобы шарик вращался внутри объекта (кругов), зафиксированного слева? Сам пример.
Если делать просто по центру и без фиксации, то шарик вращается там, где надо.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 18:08 20-01-2022

Mavrikii

Platinum Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

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

проблема в том, что у вас для ::after выбрана position: fixed, а это "выдирает" его из родителя и лепит относительно экрана. тогда и для анимации нужно так же лепить.

.stacks_in_359_page0ball_1 {
...
position: fixed;
top: 50%;
/* right: 0;
bottom: 0;*/
...
}
и там еще мелочи, чтобы сдвинуть центр вращения.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 21:37 20-01-2022

WONDROUS

Silver Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Mavrikii
Спасибо за ответ!
Выровнял с этим:

Код:

left: -15px;
top: calc(50% - 15px);

То есть, минус радиус шарика.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:09 20-01-2022

fanmas

Junior Member

Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Всем привет. Подскажите на css есть возможность сделать дублирование текста, если документ больше 1 листа. Имеется форма на печать, если текста много, то документ может быть на 2х и более листах, нужно сделать чтобы подпись была на всех листах.

Всего записей: 62 | Зарегистр. 07-07-2005 | Отправлено: 15:33 26-01-2022

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC