Помогите сверстать

Тема в разделе "Верстка", создана пользователем SocMaster, 24 мар 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. SocMaster

    SocMaster aka Hakerok

    Регистр.:
    26 июл 2011
    Сообщения:
    213
    Симпатии:
    47
    Перейти по ссылке помогите сверстать "плашку" заднюю что на фоне сообщения. что то никак не выходит :facepalm:
     
  2. qpPeW

    qpPeW Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    79
    Симпатии:
    31
    Делате border для div, а потом для того же div используете :before в котором добавляете картинку той "плашки" и все пучком )
     
  3. hitakiri

    hitakiri Создатель

    Регистр.:
    26 апр 2012
    Сообщения:
    16
    Симпатии:
    6
    Перейти по ссылке найдете подробное описание.
    Если вкратце,qpPeW написал верно, нужен псевдоэлемент before:
    HTML:
    :before{
    bottom:-5px;
    left:10px;
    width:20px;
    height:10px;
    -webkit-transform:rotate(-30deg) skewX(-45deg);
    -moz-transform:rotate(-30deg) skewX(-45deg);
    -o-transform:rotate(-30deg) skewX(-45deg);
    -ms-transform:rotate(-30deg) skewX(-45deg);
    background:#efefef;
    z-index:-1;
    }
    Далее играйтесь с градусами и расположением.
     
    SocMaster нравится это.