Jump to content

kattiperk

User
  • Posts

    363
  • Joined

  • Last visited

  • Days Won

    8

Everything posted by kattiperk

  1. да то я пыталась объяснить, что делала )
  2. Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось
  3. Кажется, кто-то ленивый и не захотел нормально отвечать, но зато настолько безмозглый, что написал много букв о том, как правильно гуглить.
  4. @keyfranes rotate { From {transform: Rotate(0 deg);} To {transform: Rotate(180 deg);} } Animation rotate {} Далее описание время, функцию анимации, цикличность, начало и конец анимации.
  5. А теперь скобку способом :before и пост продолжится)
  6. у тега h1 по умолчанию margin стоит. уберите
  7. rus, ответь в скайпе kidrock хочу, чтоб полностью взял проект. у меня с modx мало опыта, поэтому нужен помощник. могу сделать качественно через гугл начала править, чтобы посмотреть, что у меня не получится.
  8. <div class="header-bg"> <div class="img-container"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> <div class="telephone-container"> <p class="telephone-item"> (916)070-71-72 </p> <p class="telephone-item"> (916)07-222-66 </p> </div> </div></div>.img-container { min-width: 1250px; margin: 0 auto;}.telephone-container { position: absolute; top: 15px; right: 65px;}Внимательно точно так же скопируй)
  9. Вёрстку могу сделать я. Делаю изменения на сервере сейчас, так как желания скачивать сайт, править у себя, заливать туда - желания нет. 2 недели - много, потому что MODX у меня тоже первый )
  10. Ну? Никто не хочет? От проекта ещё не отказывалась.
  11. Здравствуйте. Предлагаю работу. Есть сайт http://lazergroup.ru/, который решил обновить свой дизайн. Есть два варианта исполнения: 1. Сверстать/переверстать макет и нятянуть его на CMS с сохранением всех индексаций и чего-то из комментариев заказчика "Мои требования в том чтобы были сохранены все урлы, там стоит костыль, что бы они были без "/", там где у нас появляются промежуточные страницы типа "производство" - страница должна присутствовать в хл крошках, но в урле не должна участвовать." 2. Я сделаю вёрстку, а кто-то меня натянет. Точнее, код Оплата - деньгами + печеньками. Сумма проекта - 10 000 рублей. Там договоримся, кому деньги, кому печеньки.
  12. Картинку <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> нужно обернуть в контейнер с шириной в 1250px и position: relative; Потом для telephone-container прописать то, что написала выше
  13. Для header-bg задаёте position: relative, которое не даст контейнеру с абсолютным позиционированием выйти за границы контейнера, так как header-bg - родитель для telephone-container
  14. Под андроид 240 пкс) Есть Foo Table И много чего интересного про таблицы. Ещё есть средствами CSS, но это пошло
  15. raptor-dm , зря вы через сайт работаете. Там сайт не на стороне фрилансера в 99% случаев.
  16. kattiperk

    Viewport

    1 - Если подумать логически, то в этом есть смысл: мобильный браузер видит страницу и предполагает, что она создана для десктопной версии браузера, что верно для подавляющего числа сайтов. Исходя из этого, этот браузер задает странице ширину 980px (Safari iPhone) и пытается оптимально уместить ее на экране смартфона, отобразив в максимально уменьшенном масштабе. Обычно ширина сайтов примерно такой и является, поэтому открыв среднестатистическую веб-страницу на мобильном устройстве, она растянется на всю свою ширину, но меньше в 2-3 раза своего оригинального размера. Взято отсюда.
  17. <div class="header-bg"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> <div class="telephone-container"> <p class="telephone-item"> (916)070-71-72 </p> <p class="telephone-item"> (916)070-71-72 </p> </div></div>.telephone-container { position: absolute; top: 0; right: 0;}.telephone-container:before { content: ''; position: absoulte; top: 0; left: -*на сколько пикселей влево от текста* display: block; width: *ширина скобки*; height: *высота скобки*;}Для текста эффекты сами напишите: тень, шрифт Тут ещё list-style: none; задайте
  18. Мне помгло <meta name="viewport" content="width=device-width, initial-scale=0.1, maximum-scale=1, target-densityDpi=device-dpi" /> для контейнера overflow: hidden;
  19. У Нарек как надо, только ширину/высоту и цвет поменять
  20. http://codepen.io/kattiperk/pen/zGroaX
  21. Можно эту http://tympanus.net/Tutorials/ResponsiveImageGallery/ Скачать
  22. Ссылку дайте не битую
  23. А, так вот чё. overflow: hidden присвоили для глобальной обёртки Всё работает, полоски на мобильных нет
×
×
  • 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