Kuzyo
Newbie-
Posts
22 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Kuzyo
-
Я только изучаю Яваскрипт, нашел небольшие задания, проблема только что не всегда можно узнать где ты делаешь ошибку. Вот скрип для игры (камень, ножницы, бумага) что я написал http://dabblet.com/gist/5244437 Помогите отыскать проблему. Большое спасибо.
-
Спасибо большое, очень помогло
-
Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо
-
<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>
-
Здравствуйте. Я только учусь поэтому заранее прошу извинение за возможную глупость вопроса ))) Зашел в тупик со скриптом для слайдера. Здесь инструкция 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'); } }); }); }); Помогите, пожалуйста, найти проблему. Спасибо
-
тут не поспорить)))) может кто подскажет, где можно посмотреть похожие сладеры? Спасибо
-
Здравствуйте. Верстаю макет и там два слайдера, один большой на главной странице http://savepic.ru/4104812.jpg и один поменше http://savepic.ru/4120174.jpg Подскажите, пожалуйста, реально ли сделать идентичные сладеры или получится только похожые? Заранее спасибо.
-
Большое спасибо. Приложение запустилось, проблема была в версии Framework.
-
Что за ужас с этим LESS, ,не получается установить и Winless пишет "unable to find a version of the runtime to run this application .net framework initialization error"
-
Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.
-
Большое спасибо, понятно. Все зависит от заказчика, но думаю неплохо выработать себе привычку все перепроверять по мере верстки )
-
Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.
-
Александр, большое спасибо.
-
Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.
-
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
-
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
-
Отлично, большое спасибо , в мозиле заработал мой эксперемент, а вот то что надо никак и в мозиле. вот как выглядить в редакторе http://savepic.ru/3829161.jpg
-
для эксперимента попробовал, сделать простую страничку, все согласно http://www.youtube.com/watch?v=2Wenjn0KEKg, вот как это выглядит у меня в редакторе http://savepic.ru/3802514.jpg и так не работает, уже голову себе сламал (((
-
Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .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 }
-
Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью 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> Получается так что при загрузке страницы, стоит рисунок когда галочка, при нажатии, можно переключить на отсутствие галочки, а вот снова включить галочку не выходит ( Помогите, пожалуйста исправить.
-
Не помогло, все тоже самое ( И тем более сейчас пробую подключить третий шрифт и вообще он не подгружается ((((
-
Здравствуйте. Не могу решить загадку. Для подключения шрифтов к странице использовал 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 пропускается, а тут видимо не пропустил. Разъясните пожалуйста в чем была проблема, и почему для первого шрифта все сработало как надо, а тут не вышло. Заранее спасибо