vano1208

Здесь в фотошопе есть заливка сплошным цветом и поверх три градиента с режимом наложения overlay и разной прозрачностью.

Там столько всего в меню на фоне...

.nav-background-bottom-layer { 	background: #21418b;}.nav-background-middle-layer { 	background: linear-gradient(90deg, rgba(255, 255, 255, .3), rgba(0, 0, 0, .3));	background-blend-mode: overlay;}

<nav class = "nav-background-bottom-layer nav-background-middle-layer nav-background-top-layer">

У меня не работает blending-mode. Что не так, подскажите?

Можно и картинкой все сделать, но хочу научиться с этим работать.

_____

Получилось с помощью mix-blend-mode, но теперь у меня всё, что есть в блоке меню имеет этот режима наложения. Как мне его использовать только для одного слоя фона?

ну и не забывать что наложение идет в обратном порядке, фон указанный первым, будет наложен последним.

Поменял вверх ногами, вышло. Спасибо

Подскажите как сделать на фоне многослойны градиент? пытался линейный градиент прописать несколько раз через запятую — не вышло.

Если интересно, вот еще:

var A = 0, a = B = c = 1, d = !A ? B : B + c, e = a - B, S;if (!e) a = false;if (!!a) S = "Oops!";else s = "Finish";//S?

Эх... где же мой базовый яваскрипт

Есть селектор "+", но он действует только на соседствующие элементы. Вроде бы нельзя...

Уточнил что лучше использовать:

 

 

IMHO ul>li is better. You don’t really gain anything from using nav

  —Mike

Эх. Ладно, я отступаю

 

Разберетесь как все это дело запустить?

Тогда уж, для полной автоматизации, на PHP определять цвет у картинки, а затем только формировать html на основе полученных данных.

 

 

 

if (blocks[p]==1) { document.write('

 

') } else { document.write('

 

') }

Лучше в переменную всё вписывать, а уже один раз дёрнуть DOM для вставки данных. 

 

Нет никакой автоматизации, количество "пикселов" просчитывалась и выставлялось вручную  С php еще не разбирался. Мне для начала нужно хорошо освоить HTML, CSS да ECMAScript (+ jQuery etc)...

А за совет про запись в переменную спасибо. Так оптимизированнее, да?

На крайний случай. Желательно сохранить как jpg или png, сохранить на savepic.su или куда-нибудь на другой обменник и показать.

в информации о файле указано что рисовался в макинтоше

144 ppi

Вы можете его показать?

Попробуйте при наведении на блок менять его высоту.

.menu-item-class {  height: 50px;   overflow: hidden;}.menu-item-class:hover {  height: 150px; }

Соответственно, ваши "Категори 1" и "Категория 2" должны быть блоками с классом "menu-item-class" и в блоках уже вставлять пункты подменю.

Попробуйте уменьшить глубину. Если там стоит 300 пикселей/дюйм — поставьте 150. Если 150 — попробуйте 75. Но без макета трудно сказать почему так.

В указанное место это где?

К примеру в:

1) body>div;

2) в определенный id;

Хотел создать тему в форуме по сценариям, но толком не смог сформулировать даже заголовок, стало стыдно и решил написать пока здесь.

Прочитал уже много теории по экме (циклы, инструкции, операторы, функции, массивы, объекты, классыи т.д.) но никак руки не доходят до клиентской части. Если быть откровеннее — загнулся на замыканиях (хотя вроде бы и понял в чем суть) и прочих вещах. Все это время для вставки в документ использовал метод write(). В интернете часто мелькало что-то вроде innerHTML... 

В общем формулирую вопрос:

Нужно научиться вставлять генерируемый сценарием контент в указанное место, а не как это делает document.write(''а именно, он вставляет там, где написан скрипт"). Как это дело?

Дело в том, что сил уже нет читать теорию. Хочется практики, и чтобы полезная была, а не "Ура, вы видите что в окне браузера появился ноль, вы не зря писали эти 150 строк кода и прочли 200 страниц книги"....

Прошу прощения за многословность. 

Вот что ответили в W3C:

 

 

Hello, Mike.

Sorry for my english. I have two questions. 

Please, say me, can I use nav>a structure instead of ul>li?

Also can I use <section> and <header> elements in <nav>? Like this:

<nav>

<section>

<header>Link-1</header>

<a>Link-1.1</a>

<a>Link-1.2</a>

<a>Link-1.n</a>

</section>

<section>

<header>Link-2</header>

<a>Link-2.1</a>

<a>Link-2.2</a>

<a>Link-2.n</a>

</section>

<a>Link-3</a>

</nav>

 

Great thanks!

 

 

Hi Иван,

Sorry for the delay in replying.

The answer is Yes. For both questions.

Yes, you can use nav>a structure instead of ul>li.

Yes, you can use <section> and <header> elements in <nav>.

So your example is valid.

  —Mike

<!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div class = "wrap">	<script type="text/javascript">	var blocks = [0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,1,1,1,1,1,1,1,0,0,0,1,1,0,1,1,1,0,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,0,1,1,0,1,0,0,0,0,0,1,0,1,0,0,0,1,1,0,1,1,0,0,0];	for(p in blocks) {		if (blocks[p]==1) {			document.write('<div class = "white-block"></div>')		} else {			document.write('<div class = "black-block"></div>')		}	}	</script>></div>

body {	background: black;}.wrap {	width: 110px;	height: 80px;}.black-block {	background: black;	width: 10px;	height: 10px;	float: left;}.white-block {	background: white;	width: 10px;	height: 10px;	float: left;}

Разберетесь как все это дело запустить?

https://jsfiddle.net/x8u9g0ow/

После 15 минут смотрения на этот код получилось 115. Ошибка была в первом цикле.

Я старался 

не знаю

Где именно загвоздка? С какого места начинается "не знаю что происходит"?

 

да, правильно 

result *= num означает  result = result * num 

 

подскажите небольшие задачки на подобии 

 

var i = 10,    x = 10,    y = 0,    cnt = 0;while(i--) {  x--;  cnt = i+x; }if (!x) y = 1;if(y) var z = 5;for(;z-- cnt+=++x;

Чему равна cnt? (Ответ без запуска кода).

Ой. Вот вложенными <nav> точно злоупотреблять не стоит, бедные слепые юзеры, когда их читалка заладит «Навигация. Навигация. Конец навигации. Навигация...» испугаются, что у них браузер зациклился). Внешний <nav> как раз семантически оправдан, чтобы им было легче перейти к навигации в любой момент (а до того пропустить ее), но еще внутри их множить - только плодить путаницу. Div-ы и то лучше.

А если использовать только nav>section?

<nav>  <section>    <a>Link 1</a>      <a>...</a>      <a>...</a>      <a>...</a>  </section></nav>/*Или так:*/<nav><section><header>Link 1</header><a>...</a><a>...</a><a>...</a></section></nav>/*?*/

Прошу прощения, если глупые предположения...

Не знаю предлагали или нет (не читал все сообщения, много их), но мне кажется что стоит добавить какой-то логотипчик для узнаваемости (кроме цветовой гаммы и надписи сверху). Если есть потребность в дизайнере — могу попробовать (бесплатно).

И где тут вставить div?

<nav>    <section>    <a href = "#">Link 1</a>        <nav>            <a href = "#">Link 1.1</a>            <a href = "#">Link 1.2</a>            <a href = "#">Link 1.3</a>        </nav>    </section>    <section>    <a href = "#">Link 2</a>        <nav>            <a href = "#">Link 2.1</a>            <a href = "#">Link 2.2</a>            <a href = "#">Link 2.3</a>        </nav>    </section>    <a href = "3">Link 3</a></nav>

Вот так набросал: https://jsfiddle.net/1fobL6sd/1/

Думаю, это есть правильный вариант с точки зрения семантики: использовать для панели навигации nav>a вместо ul>li. Конечно. Можно и списки использовать. Но для чего тогда вся эта волокита с <footer>, <header> и прочими семантическими тегами, если можно использовать "стандартный" <div class =''...">? Можно и <b>  сделать блоком и использовать в качестве контейнера. Один только вопрос — зачем?

А как быть со многоуровневым меню c nav > a? Помнится, ссылку в ссылку вкладывать нельзя, да и nav в nav тоже как-то неправильно.

Мне кажется, если заранее известно о том, что вложенности не будет, можно отделаться nav>a (для меньшего загромождения), а если с вложенностью, использовать списки. Никто же не запрещает использовать и первый вариант и второй (если это логично). Я не прав?

Полагаю, такое делается регулярными выражениями:

/^(https?:\/\/)?([\w\.]+)\.([a-z]{2,6}\.?)(\/[\w\.]*)*\/?$/ig