Jump to content

Анатолий1944

Newbie
  • Posts

    26
  • Joined

  • Last visited

Everything posted by Анатолий1944

  1. Привет, подскажите, как сделать синие полоски, которые находятся под разделами - более длинными, как можно их регулировать относительно этого меню ? Только 1 полоску подскажите, остальные сам естественно доделаю. Код: http://codepen.io/anon/pen/OWVENL в css есть подсказки. полоски прописны в html к каждому разделу.
  2. Привет, почему-то не работает шрифт Arial, другие шрифты подключаю без проблем через font-face, Arial никак . @font-face { font-family:Arial; /* Имя шрифта */ src: url(../fonts/ARIAL.TTF); /* Путь к файлу со шрифтом */ } Качал файлы шрифта через разные сайты, не работают. В чём может быть проблема ?
  3. Привет, подскажите, шрифты Arial и helvetica neue являются платными ?
  4. Привет, подскажите как подключить шрифт "apple system " к своему сайту ? Такой же использует "Вконтакте" Или Helvetica Neue
  5. К сожалению я не могу достичь такого шрифта, если кто знает - подскажите конкретнее.
  6. Привет, подскажите какой шрифт и его настройки использует ютуб, в своём выпадающем меню, которое появляется при клике возле значка самого ютуба сверху. Не могу залить картинку, но думаю понятно и так.
  7. Привет, подскажите пожалуйста, как вставить видео себе на страницу, только чтобы окно с видео появлялось после нажатия на текст "Посмотреть видео"
  8. Всем Привет! Есть калькулятор на пк. как сделать так, чтобы он автоматически выводил результат, при указании ему количества . Т.е одной единице нужно как-то присвоить значение, и чтобы он умножал это значение на указанное количество. Может есть простое решение ? P/s - знаю только ccs+html и чуток php
  9. Я новичок, знаю только хтмл+сss. Я так понимаю нужно что-то ещё сделать, кроме как скопировать себе на страницу этот скрипт в хеад и кнопки в body ? Вот такой "результат" у меня : http://codepen.io/Anatoliy667986584/pen/NbjEPP
  10. Привет, подскажите как вставить видео с ютуба на свою страницу сайта, но чтобы оно появлялось только при нажатии на текст, например: "посмотреть видео" - чтобы при нажатии на этот текст появлялась рамка с видео.
  11. Привет, есть 4 блока навигации по сайту - КОД: http://codepen.io/Anatoliy667986584/pen/NbjEPP и есть проблемка: Когда я добавляю в это меню новый раздел, то получается этот раздел нужно добавить на каждую страницу в меню навигации - для того чтобы с каждой страници можно было переходить на этот новый раздел. А если у меня будет много страниц ? То при добавлении в меню навигации какой либо ссылки , раздела - мне потребуется переделывать это меню на всех страницах, и это напрягает. Существует ли какое более просто решение, как сделать так, чтобы при изменении меню навигации на главной странице, оно изменялось автоматически на всех страницах ?
  12. Привет! У меня осталась ещё одна проблема, не знаю как сделать чтобы выпадающий список выпадал только после нажатия на кнопку, а не сразу при наведении на неё. Тут 4 колоны разделов, которые будут практически на весь экран. Код тут:http://codepen.io/Anatoliy667986584/pen/NbjEPP , в CSS есть подсказки возле многих правил. Помогите пожалуйста, что куда мне нужно вписать ?
  13. Благодарю вас! У меня осталась ещё одна проблема, не знаю как сделать чтобы выпадающий список выпадал только после нажатия на кнопку, а не сразу при наведении на неё. Код тут: http://codepen.io/Anatoliy667986584/pen/NbjEPP , в CSS есть подсказки возле многих правил. Помогите пожалуйста, что куда мне нужно вписать ?
  14. Привет, есть блок-ссылка, подскажите как сделать чтобы при наведении на него менялся общий цвет фона этого блока код: http://codepen.io/Anatoliy667986584/pen/NbjEPP
  15. Подскажите, как сделать чтобы выпадающий список выпадал только после нажатия на подраздел, а не сразу после наведения, как в моём случае. Код : http://codepen.io/Anatoliy667986584/pen/NbjEPP
  16. Спасибо, работает. Подскажите, а как сделать чтобы выпадающий список выпадал только после нажатия на подраздел ? А не сразу после наведения, как в моём случае. Код обновил: http://codepen.io/Anatoliy667986584/pen/NbjEPP
  17. Привет =) Помогите решить задачку, Вот код: http://codepen.io/Anatoliy667986584/pen/NbjEPP как сделать чтобы в первых двух колонах, выпадающие списки выпадали в правую сторону, а не в левую, как сейчас. А у вторых двух колон пусть остаётся в левую, как сейчас. Выпадающие списки прямо на колоны чтобы падали - как сейчас. эти 4 колоны будут по центру страницы, и проблема в том, что выпадающие списки в первых двух колонах - не помещаются, в первой колоне вообще выпадает за пределы страницы. в css есть подсказки возле каждого правила. Надеюсь на помощь)
  18. Спасибо, меню поднялось. Но возник другой вопрос, можно ли им управлять ещё гибче ? Например хотелось бы его ещё немного поднять.
  19. Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )
  20. Привет! Скажите, как сделать чтобы список выпадал не резко, а плавно, в этом меню: http://codepen.io/Anatoliy667986584/pen/WojrqL Хотя бы подскажите какие свойства в какой селектор мне ставить, или если кому не сложно, добавьте нужные свойства в этот код. Я новичок, код кривоват может, но он работает.
  21. Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только html+css, желательно решение на этих языках нужно. Я новичок, подскажите пожалуйста нужный код, и куда нужно его вписать. Вот коротко код одного раздела меню: HTML: <nav id="menuVertical"> <ul> <li>Раздел меню<span id="kolichestvo">( 22 )</span> <ul> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> </ul> </li> </nav><!--menuVertical--> CSS: #menuVertical {width:100%;height:auto; padding:0px; margin-top:0px; margin:0px; } /* блок li */ #menuVertical ul{ display:block; width:350px; margin:0px; padding:0px; list-style:none; position:relative; border-radius: 5px; background:white; height:300px; } /* Управление елементами li */ #menuVertical ul li{ display:block; width:350px; height:30px; position:relative; font-size:16px; color:#6B6B6B; border-bottom:1px solid #8F8F8F; border-top:1px solid #8F8F8F; font-weight:bold; margin-top:10px; background:#FFFFFF; text-align:center; border-radius: 5px; height:35px; padding-top:5px; cursor: pointer; } /* Управление елементами li при наведении */ #menuVertical ul li:hover{ display:block; height:30px; position:relative; font-size:17px; color:white; border-bottom:1px solid #8F8F8F; border-top:1px solid #8F8F8F; padding:0px; height:35px; padding-top:5px; background: #295C79; text-align:center; } /*******Скрывает блок, который должен выпадать ********/ #menuVertical ul li ul{ position:absolute; top:-300px; right:100%;/*поменяли здесь*/ display:none; width:auto; } /*******Выпадающий блок при наведении ********/ #menuVertical ul li:hover ul{ display:block; width:500px; height:1000px; padding-top:0px; margin-right:0px; border:1px solid #F6F6F6; background-color: #F6F6F6; &::-webkit-input-placeholder, &::-moz-placeholder, &:-moz-placeholder, &:-ms-input-placeholder { color: #c0392b; } } /*******Воздействие на елементы с классом .test_2 ********/ #menuVertical ul li ul li.test_2{ white-space:nowrap; text-transform:none; padding:0px; font-size:16px; background:#FFFFFF; border-radius: 5px; font-family:sans-serif; color:#6B6B6B; margin:1px 0 1px 75px; padding-top:4px; text-align:center; } /*******Воздействие на елементы с классом .test_2 ПРИ НАВЕДЕНИИ НА НИХ ********/ #menuVertical ul li ul li.test_2:hover { white-space:nowrap; text-transform:none; font-size:16px; color:black; border-radius: 5px; margin:1px 0 1px 75px; font-family:sans-serif; text-align:center; padding-top:4px; color:white; background: #295C79; }
  22. Привет! Есть поле ввода имени: <input class="input" id="name" type="text" name="name" placeholder="Введите ваше имя"> Подскажите как сделать так, чтобы при нажатии на поле изменялся цвет текста, который заключён в placeholder="Введите ваше имя". Хочу сделать чтобы текст светлел, когда пользователь кликает на поле ввода.
×
×
  • 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