Вопросы по CSS

# Andrei4ik93 (12.02.2016 / 15:01)
Помогите сделать два стиля для почты.
По типу вк.
Мои сообщения слева,собеседника справа.
И чтоб на углу были ну такие плющки,типо уголков(
Ну как будто было видно кто говорит.
И чтоб эти блоки б

# fanatos (12.02.2016 / 15:05)
так же как и работает в джоне list1 и list2 , циклом,свой и собеседника, просто дивы лист1 и лист2 сделать слева и справа

# Andrei4ik93 (12.02.2016 / 15:06)
Помог от души доооооооооо))
Я и мам знаю,у меня просто не полусается как то сделвть резиновыми и уголки к ним прилепить,мне только чистый цсс нужен не более

# fanatos (12.02.2016 / 15:08)
ну я тебе примерно показал как все это дело работает ) не могу я написать раз и готово

# Andrei4ik93 (12.02.2016 / 15:01)
Помогите сделать два стиля для почты.
По типу вк.
Мои сообщения слева,собеседника справа.
И чтоб на углу были ну такие плющки,типо уголков(
Ну как будто было видно кто говорит.
И чтоб эти блоки б

Andrei4ik93, Вот так получится,а ник и т.д можно в functions::user менять ,но лучше создать копию Так же и запрашивать на выводе свой

я думаю он хочет такого типа оформление

# ramzes (12.02.2016 / 18:25)
я думаю он хочет такого типа оформление

Andrei4ik93, для примера, уголок исходящего сообщения:

.p-out:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 8px solid #EFF4F9;
    margin-top: -15px;
    float: right;
}

.p-out {
    margin-left: 25%;
    margin-right: 6px;
}

# ramzes (12.02.2016 / 19:34)
Andrei4ik93, для примера, уголок исходящего сообщения:
.p-out:after {
content: '';
width: 0;
height: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transpare