Вопросы по CSS - [82] :: 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

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

WONDROUS

Silver Member

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

Подскажите, пожалуйста, как в данном примере сделать так, чтобы при нажатии на красный флажок, содержимое открывалось поверх облаков (нижнего контейнера), а не отодвигало их вниз?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 13:25 03-08-2019

Mavrikii

Platinum Member

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

WONDROUS
делаете часть, что должна выдвигаться, с абсолютным позиционированием.
что то типа такого https://jsfiddle.net/zykLdc8x/
но будут проблемы при малой высоте экрана или когда выдвигающийся элемент будет низко к нижней части окна - исчезнет за ним.

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 21:50 03-08-2019 | Исправлено: Mavrikii, 21:51 03-08-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Спасибо за ответ и пример! Попробовал, не получилось, буду делать другим способом.
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 09:46 04-08-2019

Kaber

Advanced Member

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

Подскажите по scss. Скачал html шаблон, у одного элемента есть св-во:
background: url(../images/bg/testimonial-bg.jpg);
Которое указывается, судя консоли google chrom, в файле _testimonial.scss на 4 строке:

Не могу понять, этот файл - _testimonial.scss вроде нигде не подключается, вношу изменение в него, а в консоле chrome изменения не отображаются и на странице сайта тоже нет изменений.

Добавлено:
ЗЫ:
Не актуально, оказывается сервер отдавал кэшированную версию css

Всего записей: 1356 | Зарегистр. 14-03-2014 | Отправлено: 10:12 07-08-2019

Mavrikii

Platinum Member

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

Kaber

Цитата:

оказывается сервер отдавал кэшированную версию css

Sass, SCSS и Less требуют запуска компилятора, преобразующего их код в стандартный CSS

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 19:54 07-08-2019

K V M

Junior Member

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

Здравствуйте.
Подскажите как сделать или куда копать.
Хочеться сделать анимацю волновой линии.
Пример: https://ru.depositphotos.com/152874862/stock-illustration-wave-lines-pattern.html
И нужно анимироваль такие линии, тоесть чтоб был еффект волны.
+ еще был б переливание цветом линий при движении.

И насколько такой ефект будет сложным для браузера?

Всего записей: 73 | Зарегистр. 14-10-2009 | Отправлено: 16:02 08-08-2019

webproger Newbie	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору K V M Проще, наверное, gif-ку сделать.
	Всего записей: 23 \| Зарегистр. 02-06-2019 \| Отправлено: 17:27 08-08-2019

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору K V M можно, но слишком муторно.. делаете SVG и добавляете анимацию. https://css-tricks.com/animating-svg-css/ https://blog.logrocket.com/animating-svg-with-css-83e8e27d739c/
	Всего записей: 15101 \| Зарегистр. 20-09-2014 \| Отправлено: 18:31 08-08-2019

VVL99

Silver Member

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

K V M
Заплюют, у меня даже от статичной картинки в глазах зарябило.

Добавлено:
http://mebiusbox.github.io/contents/EffectTextureMaker/
Справа есть галочка animate, если кто будет недоволен.

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 19:25 08-08-2019

WONDROUS

Silver Member

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

Просьба подсказать, можно ли делать if в if'е, чтобы всё работало, и если да, то как лучше?

И ещё, не знаю, где лучше спросить, но, есть три значения для цвета в rgba и надо менять только основной цвет, оставляя уровень прозрачности, как это лучше сделать? Менять цвет надо в этом:
fill="rgba(255,255,255,0.7"
fill="rgba(255,255,255,0.5"
fill="rgba(255,255,255,0.3"

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 01:02 24-08-2019

Mavrikii

Platinum Member

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

WONDROUS
в CSS if нет!
а что и как ваша программа там делает - это уже не относится к CSS

Цитата:

менять только основной цвет

ну и меняете первые 3 цифры - это R,G,B, от 0 до 255
четвертая - альфа-канал (прозрачность)

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 01:05 24-08-2019 | Исправлено: Mavrikii, 01:17 24-08-2019

unreal666

Gold Member

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

Mavrikii

Цитата:

первые 3 цифры

3 числа

Всего записей: 6637 | Зарегистр. 14-02-2005 | Отправлено: 01:27 24-08-2019

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Как всегда, сама тактичность. Разве через calc это не делается?
	Всего записей: 3346 \| Зарегистр. 30-06-2002 \| Отправлено: 01:53 24-08-2019

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Разве через calc это не делается?

делается что?
calc позволяет производить мат операции над разными единицами измерений

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 01:55 24-08-2019 | Исправлено: Mavrikii, 02:02 24-08-2019

kvark484kvark484

Full Member

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

Доброго времени суток.
Подскажите, есть ли он-лайн сервисы, на которые можно загрузить CSS код и чтобы там стали подсвеченными соответствующими цветами (визуально) цифры кодов цветов (по типу, как ЗДЕСЬ, но только непосредственно в коде CSS).

Всего записей: 478 | Зарегистр. 26-03-2016 | Отправлено: 18:55 25-08-2019 | Исправлено: kvark484kvark484, 19:05 25-08-2019

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору kvark484kvark484 F12 в браузере
	Всего записей: 15101 \| Зарегистр. 20-09-2014 \| Отправлено: 20:47 25-08-2019

VVL99 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору kvark484kvark484 Если таких сервисов нет, значит подобное не популярно и есть замена на более удобное, отсюда вопрос, вам это зачем нужно.
	Всего записей: 4158 \| Зарегистр. 03-02-2011 \| Отправлено: 22:10 25-08-2019 \| Исправлено: VVL99, 13:05 02-09-2019

WONDROUS

Silver Member

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

Подскажите, пожалуйста, как у этой кнопки правильно сделать выравнивание по центру? SVG нормально показывается, значок FA или текст вроде тоже, а простая картинка вниз смещается. Что не так в коде?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 12:38 02-09-2019 | Исправлено: WONDROUS, 15:48 02-09-2019

WONDROUS

Silver Member

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

И всё же спрошу снова, на счёт кнопки. Если вместо <buttom> сделать <div>, то как правильно сделать, чтобы текст, картинки и SVG выравнивались по центру (горизонтально и вертикально)?

Всего записей: 3346 | Зарегистр. 30-06-2002 | Отправлено: 12:21 04-09-2019

Mavrikii

Platinum Member

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

WONDROUS
добавить к кнопке

Код:

display: inline-block;
vertical-align: middle;

убрать это у img, так как vertical-align влияет на потомков, которых у img нет

Всего записей: 15101 | Зарегистр. 20-09-2014 | Отправлено: 20:59 04-09-2019 | Исправлено: Mavrikii, 21:00 04-09-2019

Страницы: 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