1

Тема: css

Друзі, хтось може швиденько поянити як зробити такий прозорий блок, і хедер, і меню як на картинці? Я б сама все пошукала і почитала б, але не маю часу, бо це треба зробити терміново  http://dim.st/i32577.png

2

Re: css

я гадаю, що то мона зробити багатьма способами, але це не головне.

Прихований текст

Головне те, що ви нічого не робили в той час, коли мали б вивчати html та css (а щоб виконати це завдання, знань потрібно дуууже мало, і це мона зробити за годину-дві, навіть якщо ви ніколи в житті не верстали html сторінки). І тепер, коли залік вже ось-ось, ви хочете, аби вам то хтось задарма зробив.
це була одна версія, а далі йде друга

Прихований текст

Головне те, що ви не хочете витрачати свій час на те, що потрібно вам. А час - гроші, тому якщо ви хочете, аби хтось витрачав свій час на те, що потрібно вам, ви маєте компенсувати це.
То що ви можете запропонувати натомість?

Подякували: 221VOLT1

3

Re: css

По-перше, ніхто нічого не говорив про залік. По-друге, я не прошу зробити замість мене сайт, я попросила пояснити. По-третє, з чого ви взяли, що я нічого не робила, я вчила мову програмування, яка мені потрібна,а мову розмітки гіпертексту і з css я вчила 2 роки тому, але не поглиблено,і багато чого забула, бо мені це не було потрібно

4 Востаннє редагувалося Monolith (27.12.2016 21:15:24)

Re: css

Ви б швидше самі пошукали і зробили б, ніж просто сидіти і чекати на відповідь.

А так не бачу ніякої проблеми:
1. Ставите фон тегу body(+ можете виставити background-size тощо)
2. Робите обгортку div-ом і виставляєте їй ширину, а краще max-width, щоб хоча б трохи було адаптивно(адаптивність наше все! *CRAZY* ) і центруєте за допомогою

margin: 0 auto;

3. У шапці додаєте заголовок через h1 і пару посилань, можна через той же список ul, десь так:

<ul>
  <li><a href="#">link</a></li>
  <li><a href="#">link</a></li>
</ul>

Виставляєте стилі цим посиланням(колір, розмір, ефекти при наведенні тощо). Також не забуваємо обнулити відступи, маркери елементів списку:

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

Плюс ставимо лівий border до li та відміняємо його першому посиланню. Можна через ще один стиль, можна через

ul li:first-child

.

4. Тому прозорому блоку просто ставите потрібну висоту(якщо контенту не буде) і виставляєте фон:

background-color: rgba(0, 0, 0, 0.5); /* останнє значення підбираєте у діапазоні 0.0-1.0 */

І все. Можна спокійно погуглити. Якщо вже не знайшли, то хоча б киньте ваш код.

Подякували: JessikaBaker1

5

Re: css

http://www.w3schools.com/jsref/prop_style_opacity.asp

6

Re: css

Автор питав про верстку. І opacity - не підходить. Воно робить прозорим і нащадків. Тому варто використовувати

background-color: rgba();