Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

Открыть новую тему     Написать ответ в эту тему

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 и  
повторы татата, думаюи я всё в одну перепешу и удалю повторы ничего не сломаеться?

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

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

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

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Общий вопрос.
С помощью каких библиотек лучше всего верстать адаптивный дизайн?

Всего записей: 828 | Зарегистр. 17-01-2010 | Отправлено: 23:46 20-12-2021
Mavrikii

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Здравствуйте, подскажите, что это за полоска и как её убрать? https://prnt.sc/23u1tkc
Все стили облазил не пойму откуда она берется

 
Разобрался
 

Всего записей: 672 | Зарегистр. 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.

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Из этих библиотек CSS, для адаптивного дизайна - какие лучше всего совместимы со старыми браузерами?

Всего записей: 828 | Зарегистр. 17-01-2010 | Отправлено: 03:47 22-12-2021
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DimitriusXZ
а зайти на сайт каждого и посмотреть мин требования?

Всего записей: 15038 | Зарегистр. 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);

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

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

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

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

https://jsfiddle.net/3y9dpe5c/

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ и пример!

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 01:51 23-12-2021
7Lexusi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть код спойлера
Раскрытие элементов только по значку "плюс".
Может кто-нибудь помочь, чтобы раскрывалось и по клику на всю строку?
заранее спасибо

Всего записей: 734 | Зарегистр. 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' ? " &#10134; " : " &#10133; ");
  $(this).children('div.buttonCode').toggle(1);
  return false;
 });    
});

 
htm сущности - это те + и -
 
форкнуть без аккаунта не дает, а создавать не хочу.
https://jsfiddle.net/wdurtpos/
 
ps: убрать строку с console.log(disp);

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Всё ничего, только теперь реагирует и на таблицы внутри спойлеров и вместо открытия ссылок, просто закрывает ветку

Всего записей: 734 | Зарегистр. 27-02-2007 | Отправлено: 04:07 20-01-2022
Mavrikii

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Ну вот теперь всё прекрасно! Низкий поклон!

Всего записей: 734 | Зарегистр. 27-02-2007 | Отправлено: 09:44 20-01-2022
WONDROUS



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

Всего записей: 3346 | Зарегистр. 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;*/
...
}
и там еще мелочи, чтобы сдвинуть центр вращения.

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ!
Выровнял с этим:

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

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

Всего записей: 3346 | Зарегистр. 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

Компьютерный форум 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

Рейтинг.ru