• Инструменты для разработчика

    • Самые удобные инструменты для разработчика, которые облегчат жизнь любого как начинающего так и продвинутого разработчика. Украшатели, уменьшители, конвертеры кодов. Доменные инструменты. Всё в одном комплекте.
  • Использование BB кодов. Тут указаны существующие BB коды на форуме.

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

Admin

Основатель проекта
Команда форума
Регистрация
12.03.2015
Сообщения
100
Репутация
35
Баллы
68
Награды
2
Возраст
36
Адрес
Namangan
Веб-сайт
icoder.uz
Лучшие ответы
1
Медали
2
  • Постер
  • Первое сообщение
Вы можете воспользоваться данной HTML/CSS/jQuery наработкой для того чтобы интересным образом разместить какие-то подробные данные о ваших сотрудниках или пользователях без использования модальных окон.
В некоторых случаях было бы неплохо как-то оригинально отобразить информацию о ваших сотрудниках или пользователях. Для этого необходимо выделить специальное пространство на странице, которое как известно ограничено. Предлагаем вам познакомиться с решением
Пожалуйста, Войдите или Зарегистрируйтесть для просмотра содержимого URL-адресов!
: описание плавно выплывает с боковой стороны без необходимости перезагрузки страницы.

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


Мы создадим секцию a #cd-team для хранения информации о работниках фирмы:
[HIDE]
Код:
Пожалуйста, Войдите или Зарегистрируйтесь для просмотра содержания кодов!
[/HIDE]
Для каждого работника был создан отдельный блок div.cd-member-bio с подробной информацией.

Стили

Блокам с информацией о работниках фирм будут присвоены свойства: position:fixed;, right: 0; и translateX, равный ширине элемента.
[HIDE]
Код:
Пожалуйста, Войдите или Зарегистрируйтесь для просмотра содержания кодов!
[/HIDE]
При клике по изображению работника, элементу div.cd-member-bio будет присвоен класс .slide-in средствами jQuery. Данный файл выставляет опцию translateX в 0. Запись -webkit-overflow-scrolling: touch; необходима для адекватной работы на тач-устройствах.

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

Follower

Пользователь
Регистрация
06.12.2015
Сообщения
6
Репутация
0
Баллы
1
Награды
1
Возраст
30
Лучшие ответы
0
  • Первое сообщение
+++++++++++++++++++++++
 

OneBreath

Пользователь
Регистрация
04.04.2016
Сообщения
1
Репутация
0
Баллы
0
Награды
0
Лучшие ответы
0
Спасибо большое
 

jest666

Пользователь
Регистрация
21.11.2016
Сообщения
3
Репутация
0
Баллы
0
Награды
0
Лучшие ответы
0
+++++++++++++++++++++++++++++++++++++++++++++++++++++
 

ᴢᴇᴘᴘᴇʟɪɴ

Пользователь
Регистрация
11.12.2015
Сообщения
101
Репутация
50
Баллы
0
Награды
0
Лучшие ответы
0
**Скрытый текст: Ответьте в теме для просмотра**
 

Sten

Пользователь
Регистрация
31.03.2015
Сообщения
9
Репутация
4
Баллы
0
Награды
0
Лучшие ответы
0
**Скрытый текст: Ответьте в теме для просмотра**
 

Legolays

Пользователь
Регистрация
29.08.2016
Сообщения
14
Репутация
2
Баллы
0
Награды
0
Лучшие ответы
0
**Скрытый текст: Ответьте в теме для просмотра**
 

qwe

Пользователь
Регистрация
21.03.2018
Сообщения
2
Репутация
0
Баллы
0
Награды
0
Лучшие ответы
0
**Скрытый текст: Ответьте в теме для просмотра**
 

Rovi

Пользователь
Регистрация
13.06.2017
Сообщения
4
Репутация
1
Баллы
0
Награды
0
Лучшие ответы
0
**Скрытый текст: Ответьте в теме для просмотра**
 

islomferg

Пользователь
Регистрация
17.10.2017
Сообщения
1
Репутация
0
Баллы
0
Награды
0
Лучшие ответы
0
+
5123415632
 

SHAZAM

Пользователь
Регистрация
05.08.2018
Сообщения
17
Репутация
4
Баллы
0
Награды
0
Лучшие ответы
0
++++++++++++++++++++++++++++++++
 

scroodgee

Модератор #1
Команда форума
Регистрация
27.09.2016
Сообщения
305
Репутация
187
Баллы
83
Награды
0
Лучшие ответы
0
Написал для того чтоб увидеть скрытые тексты
 

#Sam_

Пользователь
Регистрация
13.03.2018
Сообщения
2
Репутация
0
Баллы
0
Награды
0
Лучшие ответы
0
**Скрытый текст: Ответьте в теме для просмотра**
 
Сверху Снизу