Jump to content

vano1208

Newbie
  • Posts

    27
  • Joined

  • Last visited

Everything posted by vano1208

  1. Здесь в фотошопе есть заливка сплошным цветом и поверх три градиента с режимом наложения overlay и разной прозрачностью.
  2. Там столько всего в меню на фоне... .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, но теперь у меня всё, что есть в блоке меню имеет этот режима наложения. Как мне его использовать только для одного слоя фона?
  3. Поменял вверх ногами, вышло. Спасибо
  4. Подскажите как сделать на фоне многослойны градиент? пытался линейный градиент прописать несколько раз через запятую — не вышло.
  5. Если интересно, вот еще: 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?
  6. Эх... где же мой базовый яваскрипт
  7. Есть селектор "+", но он действует только на соседствующие элементы. Вроде бы нельзя...
  8. Тогда уж, для полной автоматизации, на PHP определять цвет у картинки, а затем только формировать html на основе полученных данных. Лучше в переменную всё вписывать, а уже один раз дёрнуть DOM для вставки данных. Нет никакой автоматизации, количество "пикселов" просчитывалась и выставлялось вручную С php еще не разбирался. Мне для начала нужно хорошо освоить HTML, CSS да ECMAScript (+ jQuery etc)... А за совет про запись в переменную спасибо. Так оптимизированнее, да?
  9. На крайний случай. Желательно сохранить как jpg или png, сохранить на savepic.su или куда-нибудь на другой обменник и показать.
  10. Попробуйте при наведении на блок менять его высоту. .menu-item-class { height: 50px; overflow: hidden;}.menu-item-class:hover { height: 150px; }Соответственно, ваши "Категори 1" и "Категория 2" должны быть блоками с классом "menu-item-class" и в блоках уже вставлять пункты подменю.
  11. Попробуйте уменьшить глубину. Если там стоит 300 пикселей/дюйм — поставьте 150. Если 150 — попробуйте 75. Но без макета трудно сказать почему так.
  12. Хотел создать тему в форуме по сценариям, но толком не смог сформулировать даже заголовок, стало стыдно и решил написать пока здесь. Прочитал уже много теории по экме (циклы, инструкции, операторы, функции, массивы, объекты, классыи т.д.) но никак руки не доходят до клиентской части. Если быть откровеннее — загнулся на замыканиях (хотя вроде бы и понял в чем суть) и прочих вещах. Все это время для вставки в документ использовал метод write(). В интернете часто мелькало что-то вроде innerHTML... В общем формулирую вопрос: Нужно научиться вставлять генерируемый сценарием контент в указанное место, а не как это делает document.write(''а именно, он вставляет там, где написан скрипт"). Как это дело? Дело в том, что сил уже нет читать теорию. Хочется практики, и чтобы полезная была, а не "Ура, вы видите что в окне браузера появился ноль, вы не зря писали эти 150 строк кода и прочли 200 страниц книги".... Прошу прощения за многословность.
  13. <!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/
  14. Где именно загвоздка? С какого места начинается "не знаю что происходит"?
  15. подскажите небольшие задачки на подобии 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? (Ответ без запуска кода).
  16. А если использовать только 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>/*?*/Прошу прощения, если глупые предположения...
  17. Не знаю предлагали или нет (не читал все сообщения, много их), но мне кажется что стоит добавить какой-то логотипчик для узнаваемости (кроме цветовой гаммы и надписи сверху). Если есть потребность в дизайнере — могу попробовать (бесплатно).
  18. <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> сделать блоком и использовать в качестве контейнера. Один только вопрос — зачем?
  19. Мне кажется, если заранее известно о том, что вложенности не будет, можно отделаться nav>a (для меньшего загромождения), а если с вложенностью, использовать списки. Никто же не запрещает использовать и первый вариант и второй (если это логично). Я не прав?
  20. vano1208

    Ссылки

    Полагаю, такое делается регулярными выражениями: /^(https?:\/\/)?([\w\.]+)\.([a-z]{2,6}\.?)(\/[\w\.]*)*\/?$/ig
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy