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

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/
	Всего записей: 15118 \| Зарегистр. 20-09-2014 \| Отправлено: 04:54 22-08-2018

WONDROUS

Silver Member

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

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

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

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

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

Mavrikii

Platinum Member

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

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

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

Tridentifer

BANNED

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

Приветствую всех.
Есть два списка, изменяющих цвет шрифта и фона на странице - подробнее
Знаю, что bgColor и fgColor устарели и вместо них используются background-color и color.
Вопрос: что нужно прописать в стилях для background-color и color, чтобы избавится от bgColor и fgColor?

********

Mavrikii

Цитата:

если же просто цвет, то

Да - это именно то, что нужно, спасибо большое!

Всего записей: 2226 | Зарегистр. 23-10-2009 | Отправлено: 05:52 01-09-2018 | Исправлено: Tridentifer, 18:56 01-09-2018

Mavrikii

Platinum Member

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

Tridentifer

Цитата:

что нужно прописать в стилях для background-color и color, чтобы избавится от bgColor и fgColor

вы же, вроде, сами написали
Цитата:

вместо них используются background-color и color.

но в данной ситуации у вас меняется с помощью js, а не стилей. можете создать стиль на каждую нужную комбинацию цветов, прописать их в value, и тогда

Код:

ONCHANGE="document.body.className=this.options[this.selectedIndex].value"

если же просто цвет, то

Код:

ONCHANGE="document.body.style.backgroundColor=this.options[this.selectedIndex].value"

Код:

ONCHANGE="document.body.style.color=this.options[this.selectedIndex].value"

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

RomkafrVlad Junior Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору существует ли визуальный редактор-подсказчик, чтобы сразу видеть принятые изменения, для static html?
	Всего записей: 78 \| Зарегистр. 01-05-2006 \| Отправлено: 02:06 16-09-2018

Mavrikii

Platinum Member

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

RomkafrVlad
а что мешает просто перегрузить страницу?

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

в Хроме, к примеру

Всего записей: 15118 | Зарегистр. 20-09-2014 | Отправлено: 05:49 16-09-2018 | Исправлено: Mavrikii, 05:50 16-09-2018

WONDROUS

Silver Member

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

Просьба подсказать:
в файле расширения для редактора есть такой код в файле CSS:

Код:

#%id% .%id%listTitle {
margin-left:%id=sizeandoffset%px;
padding-bottom: %id=titlemargin%px;
%id=titlewheight%
font-size: %id=titleSize%px;
color: %id=titlecolor%;
}

как или что прописать, чтобы можно было делать фон для этого текста (ListTitle)? Если указывать просто фон текста, то он применяется по всей ширине строки заголовка. Поэтому подумал сделать как <mark> и для него дописать цвет.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 23:46 17-09-2018

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Если указывать просто фон текста, то он применяется по всей ширине строки заголовка

наверно потому, что применяется к блочному элементу, который занимает всю ширину. для применения только к тексту он должен быть обернут в инлайн элемент (например span или аналогичный).

Цитата:

Поэтому подумал сделать как <mark> и для него дописать цвет.

тогда зачем вопрос ?)

Всего записей: 15118 | Зарегистр. 20-09-2014 | Отправлено: 23:50 17-09-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Вопрос в том, что не соображу пока, как лучше это сделать, чтобы работало.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 23:51 17-09-2018

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Вопрос в том, что не соображу пока, как лучше это сделать, чтобы работало

обернуть во что то, написали же что обернули в <mark>, можно просто в span
можете преобразовать блочный элемент в инлайновый display: inline, но могут быть последствия

Всего записей: 15118 | Зарегистр. 20-09-2014 | Отправлено: 23:54 17-09-2018 | Исправлено: Mavrikii, 23:54 17-09-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii На примере можно, если не сложно? Куда и что в том коде добавить?
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 03:38 18-09-2018

Mavrikii

Platinum Member

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

WONDROUS

Цитата:

Куда и что в том коде добавить

не в css стиле, а обернуть сам нужный текст тегом и написать к нему стиль.
все, что можно добавить тут, это display: inline, но результат непредсказуем.

чтобы было понятно о чем речь - http://jsfiddle.net/jzgy832f/1/
одним из минусов будет невозможность выравнивания текста (для этого его нужно обернуть в блочный элемент и там применить выравнивание содержимого) - http://jsfiddle.net/jzgy832f/3/

Всего записей: 15118 | Зарегистр. 20-09-2014 | Отправлено: 06:02 18-09-2018 | Исправлено: Mavrikii, 06:37 18-09-2018

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Понятно, спасибо.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 12:59 18-09-2018

WONDROUS

Silver Member

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

При каких условиях может не работать задание высоты ширины в пикселях, а высоты в auto? Если делать какое-то значение для ширины и высоты автоматически, то элемента на странице не видно, пока не задашь высоту в пикселях.

Всего записей: 3347 | Зарегистр. 30-06-2002 | Отправлено: 14:18 25-09-2018

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

WONDROUS Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Mavrikii Ссылка на файл CSS.
	Всего записей: 3347 \| Зарегистр. 30-06-2002 \| Отправлено: 10:37 26-09-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

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