Jump to content

GeSTaM

User
  • Posts

    58
  • Joined

  • Last visited

Everything posted by GeSTaM

  1. Нужно убрать поля выделенные крассным:
  2. Что бы не создавать новую тему спрошу здесь: "Как посмотреть отображение в IE7-9 под mac os x"?)
  3. Доброе время суток. Начал я писать мобильную версию сайта (первый раз этим занялся), выбрал для написания jQueryMobile, и все оказалось очень удобно и просто. Но вот есть у меня 1 вопрос: Допустим на iOS открыв сайт в сафари нажимаю "отправить Домой". Как сделать что бы открывая через получившуюся закладку не было строки адреса и управления от браузера? И тот же вопрос по android и windows mobile. UPD: Нашел решение для iOS. Нужно добавить мету <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> Добавление иконки: <link rel="apple-touch-icon" href="iphone-icon.png"/>
  4. GeSTaM

    Bootstrap

    Доброе время суток %username%! Последние месяцев 7 я занимаюсь версткой соц сети, использую много различных framework'ов (например LESS+Twitter Bootstrap), и появилось у меня такое желание к выходу новой версии написать свой bootstrap... Но я впервые верстаю сайты портального типа, раньше все как то под ключ, и хотел бы спросить не знаете ли Вы, где можно почитать какие-ни-будь статьи как правильно написать bootstrap, с чего начать и как все продумать, не чего не упустить???
  5. Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?
  6. Все проблема решилась. Оказалось решение есть ниже в комментариях (не стал читать их сразу так как в английском не очень ) Если кому надо будет решение такое: $("#example-one li a").click(function() { $(this).parent().siblings().removeClass("current_page_item"); $(this).parent().addClass("current_page_item"); $magicLine .width($(".current_page_item").width()) .css("left", $(".current_page_item a").position().left) .data("origLeft", $magicLine.position().left) .data("origWidth", $magicLine.width()); }); > Вот рабочий вариант сделал <
  7. Есть jQuery плагин MagicLine (Demo - тут). Плагин хороший но есть в нем 1 проблема current_page_item должен быть изначально, хотя эту проблему решить легко для стартовой страницы, но вот дальше у меня начинается такое: сайт мой работает без перезагрузки страницы и ползунок бегать бегает класс current_page_item присваивается к новой <li>, НО ползунок все равно бегает на место старого current_page_item. Кто может помогите please сделать так что бы все работало адекватно (для 1 варианта плагина с бегущей полоской Example One ) без перезагрузки страницы...
  8. GeSTaM

    Сжать JS

    Спасибо, все заработало =) Просто не разу еще не передавал параметры, все как то только .show да .hide =)
  9. GeSTaM

    Сжать JS

    В общем суть такая: JS пока знаю не очень хорошо так как мало чего приходилось на нем делать. И вот написал я код, он работает, но уж очень меня смущает что много чего дублируется, можете пожалуйста если возможно сделать код менее длинным, что бы на вашем примере я начал улучшать свою логику в JS =) /* Фильтр по типу*/ function showAllSearch(){ $('.search-bar li').removeClass('active'); $('.search-all').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter'); } function showPeopleSearch(){ $('.search-bar li').removeClass('active'); $('.search-people').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showPeople'); } function showGroupSearch(){ $('.search-bar li').removeClass('active'); $('.search-groups').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showGroup'); } function showBlogsSearch(){ $('.search-bar li').removeClass('active'); $('.search-blogs').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showBlogs'); } function showAudioSearch(){ $('.search-bar li').removeClass('active'); $('.search-audio').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showAudio'); } function showVideoSearch(){ $('.search-bar li').removeClass('active'); $('.search-video').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showVideo'); } function showNewsSearch(){ $('.search-bar li').removeClass('active'); $('.search-news').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showNews'); } function showEventSearch(){ $('.search-bar li').removeClass('active'); $('.search-event').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showEvent'); } function showPageSearch(){ $('.search-bar li').removeClass('active'); $('.search-page').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showPage'); } function showAppsSearch(){ $('.search-bar li').removeClass('active'); $('.search-apps').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showApps'); } function showThemeSearch(){ $('.search-bar li').removeClass('active'); $('.search-theme').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showTheme'); } /* /Фильтр по типу */ Это та часть которой я не доволен. В принципе это примерно такой же поиск как в контакте. При нажатие на 1 из пунктов вызывается функция (например: <li class="search-people"><a href="#/search/users" onclick="showPeopleSearch();">Люди</a></li> ), в которой из всех <li> убирается класс active и добавляется в <li> на которую мы кликнули, а также меняется класс у соседнего дива что бы отобразить в нем нужную форму.
  10. GeSTaM

    Less

    переменные (к примеру создал @color1; и используешь его ко всем ссылкам с действием, захотел поменять цвет этих ссылок меняешь не все 200 вариантов а 1 переменную) также вложенность очень удобно и меньше кода получается
  11. GeSTaM

    Less

    Все норм =) Пару дней разбирался проблемы и не было оказывается, просто какие то плагины FF мешали, а делаю изначально все под ним =)
  12. GeSTaM

    Less

    очень странно, сейчас долго матерился когда заметил что только в FF не работает... google, safari и тд все норм...
  13. GeSTaM

    Less

    1 вариант: Less #karma{ span{display: none;} &:hover span{display: block;} } CSS #karma span{display: none;} #karma:hover span{display: block;} 2 Вариант Less #karma{ span{display: none;} &:hover { span{display: block;} } } CSS #karma span{display: none;} #karma:hover span{display: block;} То есть и так и так итог 1, который если писать css работает, а с less нет =(
  14. GeSTaM

    Less

    Вот это http://lesscss.org/ Да код вы написали правильно, но так он тоже не работает... Уже перепробовал много вариантов и что то ни как...
  15. GeSTaM

    Less

    Через css работает все. Но у меня less, пишу вот так: #karma{ .pluse{display: none;} &:hover .pluse{display: block;} } html такой: <div id="karma"> <span class="pluse">+</span> </div> и не работает...
  16. GeSTaM

    Less

    не, такой вариант не работает...
  17. GeSTaM

    Less

    Столкнулся с такой проблемой есть div в нем лежит span с display: none; когда div становится :hover - span становится display: block; В css все просто: div:hover > span {display: block !important;} но к сожалению в LESS символ > используется с другой целью. Кто ни будь знает решение проблемы? Как на less сделать что бы при наведение на 1 объект другой менял свои свойства?
  18. Random без PHP или JS? o_0 Я что то пропустил? Вышел HTML6? Решение должно работать на HTML и не глючить в IE6 я правильно понял?
  19. Сделай картинку в фотошопе с отступом справа сколько надо и просто right =)
  20. Да, сделай то, что тебе ребята выше написали и обязательно объедини все эти правила в одно общее свойство background. Сделал то, что ребята посоветовали, а вот объединить это в общее св-во background не получилось, видимо моих поверхностных знаний не хватает для этого. Не подскажете, как это чудо объединить все? P.S. Пока результат такой же печальный. background: url("images/index_07.jpg") repeat scroll left top #999999;
  21. и опять не угадали! есть блок со вкладками где то мало контента, где то много и пока перейдешь по всем 5-6 вкладкам начинает напрягать что сайт постоянно дергается! p.s. на счет того что сайт не будет по центру: лучше 1 раз -10px чем постоянно +10 -10 +10 -10! p.s.s. Возможно вас (ответивших в этой теме) не напрягает данная проблема, но я не просил навязывать мне свое мнение и отговаривать меня! Я задал 1 просто вопрос какие решения данной проблемы вы знаете и считаете лучшими...
  22. если бы так и было вопроса не было бы... но мы не в 80х живем и динамичный контент сейчас по всюду, по этому и спрашиваю, что проблема есть!
  23. Постоянно сталкивался с 1 проблемой и все не могу найти хорошего решения. Есть основной блок который фиксирует сайт по центру при помощи margin: 0px auto; но возникает проблема что когда контента мало сайт на 1 позиции как только контента больше высоты окна появляется скролл и соответственно сайт дергается в лево. Обычно избавлялся от этого при помощи body {overflow-y: scroll;}. Но хотелось бы узнать как это сделать при помощи js что бы не добавлять скролинг. Я так понимаю поверх всего нужен еще 1 div который будет прижат к левому краю но его ширина будет размером с окно -20px на скролинг. Или есть еще другие варианты? Подскажите плиз решение проблемы.
  24. GeSTaM

    JQuery + IE8

    ВСЕ ТЕМУ МОЖНО ЗАКРЫТЬ!!! Решение: file - jquery-1.5.1.js line - 2065 Changing - elem[ name ] = value to - try{elem[ name ] = value} catch(err){};
×
×
  • 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