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

Mavrikii

Platinum Member

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

Diabolik

Цитата:

забыл написать что для мыши

на чистом css то? максимум, что он знает для мыши, это только стандартные :hover и :active.

Цитата:

Вот пример true-параллакс для мыши,

без js тут не обойтись

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 21:40 19-05-2018 | Исправлено: Mavrikii, 05:06 20-05-2018

D1D1D1D

Advanced Member

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

Здравствуйте. Как в примере можно изображения выравнять по верхней линии (а не по центру, как сейчас), а также тексты прижать к левой стороне, так как у коротких текстов возникает отступ?

Всего записей: 1469 | Зарегистр. 05-04-2010 | Отправлено: 06:31 03-06-2018 | Исправлено: D1D1D1D, 06:32 03-06-2018

Mavrikii

Platinum Member

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

D1D1D1D

Цитата:

Как в примере можно изображения выравнять по верхней линии

не используйте таблицу. для картинки float: left и текст будет ее обтекать.

как пример - https://jsfiddle.net/3tgr7h6b/1/

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 06:56 03-06-2018 | Исправлено: Mavrikii, 07:07 03-06-2018

D1D1D1D

Advanced Member

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

Спасибо! Еще возник вопрос: как элемент с классом "vote" — оставить на одной строке с элементами "author" и "date"? Почему-то "float:right" смещается его вниз — https://jsfiddle.net/9ta68617/

Всего записей: 1469 | Зарегистр. 05-04-2010 | Отправлено: 15:17 03-06-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору D1D1D1D clear: both уберите из его класса
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 20:21 03-06-2018

vs6262 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору можно ли на css сделать при загрузке страницы плавный переход от определенного цвета до конечного transparent ? помогите плиз заранее спасибо
	Всего записей: 2235 \| Зарегистр. 25-02-2013 \| Отправлено: 11:07 05-07-2018 \| Исправлено: vs6262, 11:11 05-07-2018

Mavrikii

Platinum Member

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

vs6262

Цитата:

определенного цвета до конечного transparent

Ну так и меняй не только прозрачность.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 11:10 05-07-2018

vs6262 Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Подробнее... сделал с по примеру выше fadeOut(2000); jQuery #
	Всего записей: 2235 \| Зарегистр. 25-02-2013 \| Отправлено: 11:57 05-07-2018 \| Исправлено: vs6262, 11:58 05-07-2018

Mavrikii

Platinum Member

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

Цитата:

fadeOut(2000); jQuery

Это можно делать и без него, раз уж вопрос в теме о css

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 14:04 05-07-2018

SerV2003

Junior Member

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

Подскажите пожалуйста, в Wordpress сделал замену цвета в style.css, но изменения не вступили в силу, почистил кеш в браузере, но опять изменений нет. Удалил в теме Wp файл стилей вообще, но все продолжает работать по прежнему. Подскажите, где находятся еще стили?
заранее благодарю за помощь

Всего записей: 177 | Зарегистр. 24-11-2007 | Отправлено: 13:05 06-07-2018 | Исправлено: SerV2003, 13:12 06-07-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору SerV2003 А при чем тут данная тема и раздел? WordPress
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 14:31 06-07-2018

SerV2003 Junior Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору думал, что секрет в css, ну значит спрошу в разделе Вордпресс. сорри за оффтоп
	Всего записей: 177 \| Зарегистр. 24-11-2007 \| Отправлено: 14:51 06-07-2018 \| Исправлено: SerV2003, 14:53 06-07-2018

nfmzkvmx

Junior Member

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

Помогите, пожалуйста, со стилем для скрипта под хромиумные. Собственно проблема тут описана.
Буду очень благодарен!

Стиль и html в значениях переменных html и css, соответственно.

Если нужны в нормальном виде, а не как в скрипте, то скажите.
Если будет не лень, то был бы еще благодарен за правильные костыли для хромиумных без поддержки position: sticky (там, в конце стиля, я начал, но еще не доделал).

Всего записей: 186 | Зарегистр. 09-04-2017 | Отправлено: 18:32 21-08-2018

Mavrikii

Platinum Member

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

nfmzkvmx

Цитата:

Если нужны в нормальном виде, а не как в скрипте, то скажите.

именно так всегда и нужно, кусок html кода и ответственного css куска, с описанием желаемого результата

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:12 21-08-2018

nfmzkvmx Junior Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Подробнее... А желаемое, чтоб работало как в фф, на картинке. (Без кривых костылей в @media screen and (-webkit-min-device-pixel-ratio:0))
	Всего записей: 186 \| Зарегистр. 09-04-2017 \| Отправлено: 19:20 21-08-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору nfmzkvmx честно говоря не хочется разбираться в ваших нагромождениях. почему не сделать проще, без всяких флексов? так, к примеру http://jsfiddle.net/d524z0ms/
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 04:54 22-08-2018

WONDROUS

Silver Member

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

Кто может подсказать, как сделать такой же эффект, как на некоторых аватарах в инстаграм, когда цветная полоска пробегает по кругу? Смотрел через инструмент разработчика, но повторить не получилось. Спасибо!

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:55 29-08-2018

Mavrikii Platinum Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору WONDROUS Пример давайте, чтобы было понятно о чем речь.
	Всего записей: 15684 \| Зарегистр. 20-09-2014 \| Отправлено: 17:21 29-08-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Для примера.
	Всего записей: 3440 \| Зарегистр. 30-06-2002 \| Отправлено: 20:40 30-08-2018

Mavrikii

Platinum Member

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

WONDROUS
здесь используют canvas + js, а не css.
на css можно сделать нечто подобное, но без подобного градиента (для него понадобится картинка).
https://codepen.io/vitoralberto/pen/OPYyYB

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:43 30-08-2018 | Исправлено: Mavrikii, 20:46 30-08-2018

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