Перейти к содержимому

nikolla

Участник
  • Публикации

    17
  • Зарегистрирован

  • Посещение

Репутация

2 Нейтральный

О nikolla

  • Звание
    Новенький

Посетители профиля

Блок посетителей профиля отключен и не будет отображаться другим пользователям

  1. nikolla

    nikolla,
    Как встроить блог из Tumblr в сайт на Adobe Muse?

    Добрый день, проблема в том , что не обновляет посты на сайте. в блоге есть изменения , а на сайте нет
  2. nikolla

    nikolla,
    создание кнопки печать документа

    Не могу понять, в версии для планшета и и смартфона пропали иконки вставленные через html код
  3. nikolla

    nikolla,
    Прописываем код адаптивности в muse

    Вот еще нашел, про head понятно, а вот что и где прописывать дальше с учетом что адаптация я делаю для лендинга Сделать верстку самому Этот способ для тех, кто не ищет легких путей и хочет разобраться во всем самостоятельно. По сути, чтобы сделать свой шаблон адаптивным, нужно использовать две вещи: Мета-тег viewport Который определяет тип устройства, с которого посетитель зашел на сайт и установит верную ширину экрана. Просто скопируйте этот код в head своего сайта. <meta name="viewport" content="width=device-width, initial-scale=1.0" /> Правило @media Благодаря которому мы можем прописать разные стили для одних и тех же блоков в своем css-файле. Выглядит это примерно так: #left{ width: 600px; float: left; margin-right: 10px; } #right{ width: 400px; float: right; } @media only screen and (max-width: 1010px){ #left, #right{ width: 98%; float: none; margin: 10px auto; } } В этом примере блок #left имеет ширину 600 пикселей и будет располагаться слева от блока #rightшириной 400 пикселей. Но если разрешение монитора меньше 1010 пикселей, мы убираем обтекание у обоих блоков и растягиваем их на 98% ширины экрана. И вот таким образом нужно прописать правила под следующие размеры экранов: 320px дляiPhone 3-5 в вертикальном положении 480px для iPhone 3-4 в горизонтальном положении 568px для iPhone 5 в горизонтальном положении 384px для смартфона в вертикальном положении 600px для смартфона в горизонтальном положении 768px для iPad в горизонтальном положении 1024px для iPad в вертикальном положении И стоит ли тогда при добавлении <meta name="viewport" content="width=device-width, initial-scale=1.0"> в head отключать версию для планшета
  4. nikolla

    nikolla,
    Прописываем код адаптивности в muse

    В поисках,как прописать адаптивность для сайта в muse . Наткнулся на стью. Вот интересующий меня отрывок. Вопрос: Может есть еще способы? Кк добиться адаптивности? Данный тег хорошо поддерживается браузерами Chrome, Opera и Firefox. В будущем планируется что этот тег будет иметь широкое применение. Если вы хотите уже сейчас пользоваться этим тегом и при этом чтобы он работал во всех браузерах — также есть для этого решение. Использование Javascript библиотеки Picturefill 2.0. После скачивания файла picturefill.js подключите его между тегами <head> </head>: 1 <script src="picturefill.js"></script>
  5. nikolla

    nikolla,
    создание кнопки печать документа

    Все верно и все получилось , только самое главное НО! в версии для планшета не хотят отобржаться иконки И не могу нигде найти, возможность корректного отображения версии для плашета на смартфоне? или будет с косяками?
  6. nikolla

    nikolla,
    создание кнопки печать документа

    Как - то не подумал. Спасибо.
  7. nikolla

    nikolla,
    создание кнопки печать документа

    ка ртинка jpg
  8. nikolla

    nikolla,
    создание кнопки печать документа

    А по поводу ссылки на скачивание, нужно чтобы сразу скачивалось. а не открывалось в новом окне , такое возможно сделать?
  9. nikolla

    nikolla,
    создание кнопки печать документа

    Три иконки печать увеличение ( как раз лайтбокс) и кнопка скачивания
  10. nikolla

    nikolla,
    создание кнопки печать документа

    В этом варианте есть проблема , я по аналогии вставил картинку в html и совместил с кнопкой состояния, чтобы от кнопки распечатать не отличался и наложил сверху лайтбокс , эффект от кнопки состояния пропал. вот дуамю. может вместо кнопки состояния воспользоваться лайтбоксом, по тому же принципу? Получилось
  11. nikolla

    nikolla,
    создание кнопки печать документа

    Пошел пробовать. спасибо.
  12. nikolla

    nikolla,
    создание кнопки печать документа

    <a href="javascript:window.print()"><img src="assets/print2.png"></a> а скачивание файла таким же способом возможно прописать?
  13. nikolla

    nikolla,
    создание кнопки печать документа

    Скажите пож. а как путь к иконке узнать если я ее в ресурсы добавил?
  14. nikolla

    nikolla,
    создание кнопки печать документа

    Все верно, только при наведении картинка должна зетемняться, как этого достичь? и код в html вставлять?
  15. nikolla

    nikolla,
    создание кнопки печать документа

    А так же иконку на скачивание изображения.
×