Jump to content

Kuzyo

Newbie
  • Posts

    22
  • Joined

  • Last visited

Everything posted by Kuzyo

  1. Я только изучаю Яваскрипт, нашел небольшие задания, проблема только что не всегда можно узнать где ты делаешь ошибку. Вот скрип для игры (камень, ножницы, бумага) что я написал http://dabblet.com/gist/5244437 Помогите отыскать проблему. Большое спасибо.
  2. Kuzyo

    Z index IE 7-8

    Спасибо большое, очень помогло
  3. Kuzyo

    Z index IE 7-8

    Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо
  4. <div class="client-slider decor-shining"> <hr class="separator"> <hr> <h2>Our clients</h2> <div class="sliderGallery"> <ul class="items"> <li> <img src="image/img_client_coffee.jpg" alt="coffee"> </li> <li> <img src="image/img_client_happy.jpg" alt="happy"> </li> <li> <img src="image/img_client_burning.jpg" alt="burning"> </li> <li> <img src="image/img_client_law-agency.jpg" alt="law-agency"> </li> <li> <img src="image/img_client_marrige.jpg" alt="marriage"> </li> <li> <img src="image/img_client_pure-co.jpg" alt="pure-co"> </li> <li> <img src="image/img_client_simplex.jpg" alt="simplex"> </li> <li> <img src="image/img_client_ws.jpg" alt="ws"> </li> </ul> <div class="slider"> <!-- the handler to action the slide --> <div class="handle"></div> <!-- labels appear against the slider, as pointers to the user --> </div> </div> </div> Тут подключение, весь мой head <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>main</title> <link rel="stylesheet" type="text/css" href="css/main.css" media="all"> <script type='text/javascript' src="js/jquery-1.8.3.min.js"></script> <!—- спливаюче меню—--> <script type="text/javascript" charset="utf-8"> $(function(){ $('.services,.submenu-1,.portfolio, .threeD-objects').hover (function (){ $(this).children('ul').stop(false,true).fadeIn (100); },function (){ $(this).children('ul').stop(false,true).fadeOut (100); }); }); </script> <!—--головний слайдер—-> <script type='text/javascript' src="js/jquery.slides.min.js"></script> <script type='text/javascript'> $(function(){ $("#slides").slidesjs(); }); </script> <!—-слайдер клієнтів——> <script src="js/jquery.dimensions.js" type="text/javascript"></script> <script src="js/ui.mouse.js" type="text/javascript"></script> <script src="js/ui.slider.js" type="text/javascript"></script> <script type="text/javascript"> $(window).ready(function () { $('div.sliderGallery').each(function () { var ul = $('ul', this); var productWidth = ul.innerWidth() - $(this).outerWidth(); var slider = $('.slider', this).slider({ handle: '.handle', minValue: 0, maxValue: productWidth, slide: function (ev, ui) { ul.css('left', '-' + ui.value + 'px'); }, stop: function (ev, ui) { ul.animate({ 'left' : '-' + ui.value + 'px' }, 500, 'linear'); } }); }); }); </script> </head>
  5. Здравствуйте. Я только учусь поэтому заранее прошу извинение за возможную глупость вопроса ))) Зашел в тупик со скриптом для слайдера. Здесь инструкция http://jqueryfordesigners.com/slider-gallery/ по интеграции слайдера, все получилось так как надо(внешний вид - ползунок, стрелки и т.д), но к моему большому разочарованию ползунок двигается, перещелкивается куда надо, а картинки не двигаются. Вот скрипт который использую: (window).ready(function () { $('div.sliderGallery').each(function () { var ul = $('ul', this); var productWidth = ul.innerWidth() - $(this).outerWidth(); var slider = $('.slider', this).slider({ handle: '.handle', minValue: 0, maxValue: productWidth, slide: function (ev, ui) { ul.css('left', '-' + ui.value + 'px'); }, stop: function (ev, ui) { ul.animate({ 'left' : '-' + ui.value + 'px' }, 500, 'linear'); } }); }); }); Помогите, пожалуйста, найти проблему. Спасибо
  6. Kuzyo

    Слайдер

    тут не поспорить)))) может кто подскажет, где можно посмотреть похожие сладеры? Спасибо
  7. Kuzyo

    Слайдер

    Здравствуйте. Верстаю макет и там два слайдера, один большой на главной странице http://savepic.ru/4104812.jpg и один поменше http://savepic.ru/4120174.jpg Подскажите, пожалуйста, реально ли сделать идентичные сладеры или получится только похожые? Заранее спасибо.
  8. Kuzyo

    Simpless?

    Большое спасибо. Приложение запустилось, проблема была в версии Framework.
  9. Kuzyo

    Simpless?

    Что за ужас с этим LESS, ,не получается установить и Winless пишет "unable to find a version of the runtime to run this application .net framework initialization error"
  10. Kuzyo

    Simpless?

    Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.
  11. Большое спасибо, понятно. Все зависит от заказчика, но думаю неплохо выработать себе привычку все перепроверять по мере верстки )
  12. Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.
  13. Александр, большое спасибо.
  14. Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.
  15. Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
  16. Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
  17. Отлично, большое спасибо , в мозиле заработал мой эксперемент, а вот то что надо никак и в мозиле. вот как выглядить в редакторе http://savepic.ru/3829161.jpg
  18. для эксперимента попробовал, сделать простую страничку, все согласно http://www.youtube.com/watch?v=2Wenjn0KEKg, вот как это выглядит у меня в редакторе http://savepic.ru/3802514.jpg и так не работает, уже голову себе сламал (((
  19. Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/less-1.3.3.min.js" type="text/javascript"></script> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/fonts.css"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/radio-button.js"></script> <title>account-settings</title> </head> <body> <!—————-ЗАГАЛЬНИЙ БЛОК——————--> <div class="wrapper"> <!—————ШАПКА—————————-> <div class="wrapper__header"> <img class="header__logo" src="image/logo.png" alt="logo"> <div class="button-outline button-outline_header-startchallenge"> <button class="button-outline__button button-outline__button_header-startchallenge" value="start"> <h1>Start a challenge</h1> </button> </div> <div class="button-outline button-outline_header-invitefriends "> <button class="button-outline__button button-outline__button_header-invitefriends " value="invite-friends"> <h1>Invite friends</h1> </button> </div> </div> Следущее прописываю в .less (для примера) .rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .wrapper__header { width: 810px; height: 85px; background-color: #333; .rounded-corners }
  20. Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов. В html прописал так: <span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span> сам скрипт: <script type="text/javascript"> function changeCheck(el) /* функция смены вида и значения чекбокса el - span контейнер дял обычного чекбокса input - чекбокс */ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) {el.style.backgroundPosition="1 1"; nput.checked=false; } else { el.style.backgroundPosition="0 -22px"; input.checked=true; } return true; } function startChangeCheck(el) /* если значение установлено в on, меняем вид чекбокса на включенный*/ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) { el.style.backgroundPosition="0 -17px"; } return true; } function startCheck() { /* при загрузке страницы заменяем проверяем значение чекбокса в указанном контенере. если чекбоксов несколько, нужно будет несколько раз вызвать функциую с нужными id */ startChangeCheck(document.getElementById("check-box")); } window.onload=startCheck; </script> Получается так что при загрузке страницы, стоит рисунок когда галочка, при нажатии, можно переключить на отсутствие галочки, а вот снова включить галочку не выходит ( Помогите, пожалуйста исправить.
  21. Не помогло, все тоже самое ( И тем более сейчас пробую подключить третий шрифт и вообще он не подгружается ((((
  22. Здравствуйте. Не могу решить загадку. Для подключения шрифтов к странице использовал font-face, все согласно пуленепробиваемому способу Пола Айриша http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/#smiley, для одного шрифта все сработало, потом нужно было еще один, и тут то возникли проблемы, подключил как предыдущий, то есть так @font-face { font-family: "Lucida Grande"; src: url('fonts/LucidaGrandeBold/LucidaGrandeBold.eot'); src: local('?'), url('fonts/LucidaGrandeBold/LucidaGrandeBold.ttf') format('truetype'), url('fonts/LucidaGrandeBold/LucidaGrandeBold.svg#Lucida') format('svg'); font-style: normal; font-weight: bold; } в Хроме и в Мозиле подключило что-то странное, потом решил убрать часть кода src: url('fonts/LucidaGrandeBold/LucidaGrandeBold.eot'); src: local('?'), и все заработало, не могу понять почему так случилось, ведь в статье пишет что новыми браузерами формат .eot пропускается, а тут видимо не пропустил. Разъясните пожалуйста в чем была проблема, и почему для первого шрифта все сработало как надо, а тут не вышло. Заранее спасибо
×
×
  • 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