Реклама


Онлайн редактор HTML/CSS/JS кода- (КЛИК). Подробно - (Тут) | Онлайн COLOR PICKER - (КЛИК).
Инструменты для программиста - (КЛИК). | Pastebin - (КЛИК). | Лента - (КЛИК). | BB-коды - (КЛИК).
iCoder.Uz  iCoder.Uz

Общая репутация темы

+6
Страница 2 из 2 ПерваяПервая 12
Показано с 11 по 13 из 13

Тема: Блок для пользовательской биографии

  1. ID сообщения 3509 #1
    Основатель проекта
    Оффлайн

    Блок для пользовательской биографии

    Вы можете воспользоваться данной HTML/CSS/jQuery наработкой для того чтобы интересным образом разместить какие-то подробные данные о ваших сотрудниках или пользователях без использования модальных окон.
    В некоторых случаях было бы неплохо как-то оригинально отобразить информацию о ваших сотрудниках или пользователях. Для этого необходимо выделить специальное пространство на странице, которое как известно ограничено. Предлагаем вам познакомиться с решением
    Пожалуйста, войдите или пройдите Регистрацию чтобы увидеть содержимое "URL" BBкода...
    : описание плавно выплывает с боковой стороны без необходимости перезагрузки страницы.

    Создание структуре


    Мы создадим секцию a #cd-team для хранения информации о работниках фирмы:
    Пожалуйста, войдите или пройдите Регистрацию чтобы увидеть содержимое "HIDE" BBкода...

    Для каждого работника был создан отдельный блок div.cd-member-bio с подробной информацией.

    Стили

    Блокам с информацией о работниках фирм будут присвоены свойства: position:fixed;, right: 0; и translateX, равный ширине элемента.
    Пожалуйста, войдите или пройдите Регистрацию чтобы увидеть содержимое "HIDE" BBкода...

    При клике по изображению работника, элементу div.cd-member-bio будет присвоен класс .slide-in средствами jQuery. Данный файл выставляет опцию translateX в 0. Запись -webkit-overflow-scrolling: touch; необходима для адекватной работы на тач-устройствах.

    Свойство overflow-x: hidden; необходимо для IE, точнее для пресечения отображения горизонтальной полосы прокрутки. Так же задаём overflow: hidden; при отображении панели биографии.
    Поблагодарили:


  2. ID сообщения 18540 #11
    Новичок
    Оффлайн

    ++++++++++++++++++++++++++++++++

  3. ID сообщения 18544 #12
    Профи
    Оффлайн

    Написал для того чтоб увидеть скрытые тексты

  4. ID сообщения 19236 #13
    Новичок
    Оффлайн

    **Скрытый текст: Ответьте в теме для просмотра**

Метки этой темы

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •  
12+