Jump to content

margo

Newbie
  • Posts

    24
  • Joined

  • Last visited

margo's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. margo

    Ui slider jquery

    Добрый день. Помогите пожалуйста реализовать следующую задачу: ползунок выбора диапазона (смотреть во вложении ), у меня на странице их 9 штук и у каждого разные граничные значения. Искала в инете и нашла подходящий пример http://www.xiper.net/collect/js-plug...ui-slider.html с описанием, но адаптировать под свой не получается. У меня только полоса выводится, а самих ползунков почемуто нет, хотя путь в цсс поменяла к своей картинке. Вот мой код: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="js/jquery.ui-slider.js"></script> <div class="white_div"> РЕЙТИНГ НА САЙТЕ, % ОТ <input type="text" id="rating1" size="2" value="0" > ДО <input type="text" id="rating2" size="2" value="100" > <div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="slider"></div> </div> <script type="text/javascript"> jQuery("#slider").slider({ min: 0, max: 100, values: [0,100], range: true, }); </script> /*Ui-slider*/ /* Ширина слайдера */#slider { width: 112px; } /* Контейнер слайдера */.ui-slider { position: relative; } /* Ползунок */.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 7px; /* Задаем нужную ширину */ height: 19px; /* и высоту */ background: url(../images/ispolniteli_compare/pol.png) no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */ cursor: pointer} .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden; } /* горизонтальный слайдер (сама полоса по которой бегает ползунок) */.ui-slider-horizontal { height: 2px; /* задаем высоту согласно дизайна */} /* позиционируем ползунки */.ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -6px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* оформление полосы по которой ходит ползунок */.ui-widget-content { border: 1px solid #ffa15c; background: #fff; margin:0 auto;} /* оформление активного участка (между двумя ползунками) */.ui-widget-header { border: 1px solid #ffa15c; background: #ff8933; } Помогите пожалуйста разобраться с этим примером. Ненашла где тут вложение делать, чтоб показать свой пример. Результат работы моего скрипта можно глянуть тут: http://hrmhelper.com/layout/ispolniteli_compare.html (в левом столбце там где рейтинг на сайте там полоса по которой должны бегать ползунки есть, а самих ползунков нет, побокам должны быть два ползунка, как в примере ). Заранее спасибо.
  2. margo

    Simplacms

    Спасибо большое за конкретные замечания, мне как раз и нужно понимать над чем работать и что вообще нужно искоренять. Пример меню с ul-li уже нашла, буду переделывать. А есть какие-то правила оптимизации под разные расширения? Мне дали макет шириной 1500 пикселей я и сверстала на 1500, но мне тоже было странным что такой широкий и со скролингом неудобно. Можете пример подсказать где посмотреть по поводу оптимизации.
  3. margo

    Simplacms

    Никогда не делала сайты с системой управления, только верстала дизайны и то легкие для сайтов визиток. При приеме на работу дали тестовое задание сверстать одну страницу, сверстала (вот на нее ссылка www.salonvital.com.ua/detki/index.html ) а мне сказали что много лишних тегов и что я не понимаю как работают сайты и поэтому неправильно верстаю. Сказали чтобы понять свои ошибки мне нужно сверстать эту страницу на цмс Simplacms. Подскажите пожалуйста с чего начинать что за чем делать, может у когото есть руководство по созданию сайта-визитки на Simplacms?
  4. Я могу предложить свою кандидатуру. Вот одна из моих работ www.la-vitre.ru . О себе раскажу при личной переписке. Пишите kovtun-84@mail.ru
  5. Я могу сделать недорого. Давайте обсудим пишите kovtun-84@mail.ru
  6. Продам недорого сайт для юриста или адвоката , дизаин можно посмотреть тут http://www.siteforyou.kiev.ua/index2.html , если кого заинтересует, то фото естественно поменяем (просто заказчик кинул для которого делался дизаин). Сайт уже сверстан осталось наполнение добавить так что ждать не прийдется. Пишите kovtun-84@mail.ru или ICQ 281803832
  7. Ребята, спасибо за критику, я не боюсь смотреть правде в глаза (это я насчет ужасной верстки и ужасного дизайна) . Я считаю, что если каждую тему будут так засорять всякими насмешливыми стихотворениями, Ваш форум не будет интересен людям, которые пришли к Вам на форум с целью почерпнуть информацию по сайтостроению и программированию. Таким образом Вы сами будете собирать вокруг своего ресурса аудиторию людей в какой-то степени не серьезных.
  8. А что в разделе для начинающих есть резюме тех кто ищет работу или там публикуются вакансии?
  9. Да, но и неукаждого заказчика вообще есть деньги, чтоб оплатить услуги опытного программиста, вот таких я и буду пока искать. И вообще, ребята, я ведь не просто от нечего делать пытаюсь найти клиента кто бы хоть что-то заплатил (называется подайте кто сколько может), а просто жить на что-то надо, а если бы у меня была возможность просто изучать и никуда не спешить, так я бы так и сделала. А поповоду денег дизайнеру, я и хочу найти человека по своему уровню, может прийдется сделать пару сайтов бесплатно, а потом постепенно глядиш и раскрутимся.
  10. Знания знаниями а вот именно что ОПЫТ ПРАКТИЧЕСКИЙ нужен. Я не фантазирую о серьезном зароботке, хотя очень нуждаюсь в деньгах, но на данном этапе у меня цель получить как можно больше знаний и опыта. Я готова делать пока и бесплатно лиш бы это был реальный заказ , а не просто я сама себе придумаю сделать какой-то сайт, потомучто удовлетворить клиента и понять что он хочет это тоже опыт.
  11. На фрилансе и нашла первый заказ, там есть задания разного уровня сложности. Я не просила оценивать мой уровень и давать оценку сайту. Читайте внимательно тему... Вот скажите, Вы наверное только родились и сразу стали ГЕНЕЕМ или нет МОНСТРОМ в области программирования? А мне не повезло, прийдется учить все с нуля.
  12. Я буду брать пока то что точно сделаю (сайт визитка), а параллельно я изучаю PHP и MySql, и всю эту кухню по разработке сайтов.
  13. Пока ориентир на легкие сайты ( в основном визитки), так как я только начинающий мастер. Какой уровень ожидаю от напарника? главное чтобы это понравилось заказчику, а мне чтоб удобно было резать дизаин (я думаю такие моменты можно будет согласовывать, например, если сайт должен быть ризиновым, то в дизайне это должно быть придусмотрено). Примеры работ: у меня пока был один заказ, который я сделала бесплатно (для тренировки) макет они мне давали, вот адрес www.pay-rise.ru А сейчас мне нужен дизаин для моего сайта ( www.vashsite.sk6.ru ), а то он совсем не годится для рекламы своих услуг, уже есть одна работа ее нужно разместить в портфолио, но на таком сайте никто и незахочет смотреть портфолио.
  14. Ищу дизайнера сайтов в напарники (можно начинающего). Вы будете делать дизаин, а я верстать и программировать. Пишите: kovtun-84@mail.ru
  15. Добрый день. У меня есть готовый дизаин (вроде простой), но нужно сделать его резиновым. Знаю только способ когда однородная текстура замащивают картинкой (repeat), а в моем случае неоднородная. Посмотреть страницу можно здесь www.design.zs9.ru/svadba.html . Не обращайте плиз внимание на рекламку (это прелести бесплатного хостинга). Я сделала главную таблицу резиновой (указала размеры в процентах), черный квадрат-это ячейка таблицы тоже в процентах тянется. Недорозумение выходит с горизонтальной картинкой , она должна четко стыковаться с черным квадратом и рамкой таблицы. На том компе на котором делала добилась желаемого с помощью стилей, но если менять разрешение экрана или смотреть на большем мониторе, то получается пространство слева, справа и снизу. Что можно сделать в этом случае? Можно ли заставить картинку увеличиваться ? И еще один вопрос по тойже горизонтальной картинке. В эксплорере чтобы картинка стыковалась с рамкой таблицы по нижней границе я использовала свойство margin-bottom <img src="Picture\Portfolio_svadba_mini.jpg" style="margin-bottom:-10px" > но в опере картинка съехала вниз на 10 пикселей. Если указать margin-bottom:0px , то в опере все хорошо, а в эксплорере образуется пространство. Каким свойством ее привязать к низу чтоб в обеих браузерах было одинаково?
×
×
  • 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