Как научиться добавлять искуственные детали на сайт?

Question

[Noder SS]

Каждый мой сайт - текст - картинка - текст - картинка. Хочу сделать их веселее. Как научиться добавлять искуственные детали на сайт? Как их прописывать? Через position: absolute? Как их реализовывать? Где они уместны, а где нет?

Comments

[ThunderCat]

Как научиться добавлять искуственные детали на сайт?

А это что вообще? И какие есть натуральные детали?

[Ilia Malashko]

Заинтриговал. Можно поподробнее про искусственные детали?

[Noder SS]

Ilia Malashko, всякие разноцветные детали, тематические картинки и прочее, могу поискать пример

[Noder SS]

ThunderCat, условно. Для стилей. Это могут быть какие то элементы разной формы либо тематические картинки

[Вадим]

Noder SS, а гугл что, молчит гад?
Подскажу запросы:
Рисуем на css
Рисуем на svg
Рисуем на js
Рисуем через canvas

[Ilia Malashko]

Noder SS, кажется ты не в курсе про базовые возможности css.
Наверное проще всего будет посмотреть видосики на youtube (запрос "верстка css html")
Так же можно открыть любой сайт и в консоле посмотреть как сверстан тот или иной объект

[Noder SS]

Ilia Malashko, спасибо, знаю. Вероятно, вы меня неправильно поняли(. Декоративные блоки на сайте для красоты

[Ilia Malashko]

Noder SS, давайте пример.

[Ankhena]

Noder SS, вам, наверное, на курсы дизайнеров, ui, ux и тд.

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

[Noder SS]

Ilia Malashko, Ну, например эти кружочки

[Ilia Malashko]

Noder SS, лучше бы конечно ссылку на сайт дали, что бы более конкретно описать, в ответе опишу примерно как это работает, думаю суть уловите.

Answer 1

[Ilia Malashko]

Вот пример реализации.
Родительскому блоку необходимо задать
position: relative;
Дочерним (картинка и текст)
position: absolute;
Положение относительно z оси задается через z-index

Вообще это основы css. Вы сэкономите кучу времени если пройдете какой либо обучающий курс, чем будите методом тыка пытаться получить тот или иной эффект.