Jump to content

Drew96

Newbie
  • Posts

    5
  • Joined

  • Last visited

Everything posted by Drew96

  1. 1. Код скрипта надо подключать в самом конце тега <boby>, перед его закрытием. Иначе он просто не увидит ваших изображений. <html> <head> </head> <body> <img src="http://savepic.ru/11286158.png"> <img src="http://savepic.ru/11330177.png"> <script> //Сюда пишем код скрипта </script> </body> </html> 2. Ошибка не в Math.random(), a в цикле. Вы случайно вставили не знак «меньше» (<), а его HTML-код «&lt»; Правильный цикл выглядит так: for (i; i < max; i +=1) { //какой-то код } 3. Не используйте в качестве переменной слово «top». Оно зарезервировано (тут можно почитать). Лучше напишите что-нибудь вроде «topPos» или что-нибудь другое. Для единообразия то же самое можно сделать и с переменной «left».
  2. Здравствуйте, я начинающий верстальщик. Хочу развиваться как специалист в данном направлении и во front-end'е в целом. Ищу стажировку или постоянную работу за небольшую плату. Готов: Своевременно и аккуратно выполнять поставленные задачи Сперва искать решения проблем самостоятельно, а не докучать вопросами работодателя (наставника) Работать над любыми, в том числе и рутинными задачами Качественно выполнять свою работу Впитывать новые знания Имею навыки: HTML. Умею делать валидную и семантически правильную верстку. CSS. Имею хорошие знания CSS-свойств, блочной и каскадной модели, позиционирования. Знаю техники адаптивной верстки. SVG. Имею небольшой опыт работы с SVG. С SVG-свойствами, изменением SVG из CSS. Adobe Photoshop. Имею необходимые для верстальщика знания photoshop. Умею работать со слоями, экспортом и нарезкой графики, текстом и размерами элементов. JS/JQuery. Знаю JS на начальном уровне. Ознакомлен с материалом сайта learn.javascript.ru Могу заставить работать кнопки, делать анимации, работать с DOM и AJAX. GIT. Умею работать с системой контроля версий. Делать коммиты и работать с branch'ами. Знаком с GitHub. Linux. Владею основами работы в консоли, и даже смогу написать bash-скрипт. Также имеются небольшие знания бекэнда: PHP и MySQL. На данный момент прошел обучение на базовом курсе HTML Academy. Пример выполненной работы: Главная, Каталог. Готов работать удаленно. Если же вы из Минска, то я готов на работу в офисе. Надеюсь на сотрудничество. Спасибо, что потратили свое время на прочтение.
  3. Дело в том, что прозрачность там не просто так. В макете есть слайдер, при переключении которого меняется фон макета. Так что сделать нужный цвет тоже не очень получается. Для каждого слайда надо будет этот цвет иконок менять. А в чем проблема с моим вариантом с тенью на псевдоэлементе, не можете подсказать? Может его можно переделать для работы под firefox?
  4. Получается, что при вставке SVG в CSS как background-image изменять свойства самого SVG невозможно? Мне необходимо менять цвет иконки при наведении. В вашем примере это возможно сделать только переопределяя background-image в .icon:hover?
  5. Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда я сделал тень, добавив блочный псевдоэлемент к ссылкам. Уже к этому элементу я добавлял тень и абсолютно позиционировал его относительно родительского элемента иконки. http://codepen.io/Drew96/pen/xOrpkp Получилось нормально, но в firefox этот вариант работает плохо. Ссылка работает только при нажатии где-то внизу иконки или на самой границе. Поэтому и появился вопрос, как правильно реализовать такую тень, или как заставить firefox обрабатывать ссылки нормально? Заранее спасибо.
×
×
  • 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