Использование редактора презентаций

Шаблоны презентаций

Шаблон "С лого" (alias with_logo)

 

<div class="page">
   [element:pdf/logo plugin=Dompdf]
   <div class="container">
       <div class="row">
           <div class="left-col">
               [element:pdf/title plugin=Dompdf]
               [element:pdf/address plugin=Dompdf]
               [element:pdf/price plugin=Dompdf]
               [element:pdf/params_block plugin=Dompdf title="Параметры" filter="pdf"]
               [element:pdf/advertisement plugin=Dompdf title="Описание"]
               [element:pdf/map plugin=Dompdf title="Карта"]
           </div>
           <div class="right-col">
               <div class="row">[element:pdf/picture plugin=Dompdf]</div>
           </div>
       </div>
   </div>
   <div class="clear"></div>
</div>

 

------------
Шаблон not_for_advertising
------------
<div class="page">
   <div class="container">
       <div class="row">
           <div class="left-col">
           [element:pdf/title plugin=Dompdf]
           [element:pdf/address plugin=Dompdf]
           [element:pdf/price plugin=Dompdf]
           [element:pdf/params_block plugin=Dompdf title="Параметры" filter="pdf"]
           [element:pdf/advertisement plugin=Dompdf title="Описание"]
           [element:pdf/map plugin=Dompdf title="Карта"]
           </div>
           <div class="right-col">
               <div class="row">[element:pdf/picture plugin=Dompdf]</div>
           </div>
       </div>
   </div>
   <div class="clear"></div>
</div>
------------
End шаблон

Start шаблон short
------------
<div class="short-block">
  <div class="short-block-logo" style="margin-bottom: 50px">[element:pdf/short/top plugin=Dompdf]</div>
  <div class="short-title" style="margin-top: 25px;">[element:pdf/short/title plugin=Dompdf]</div>
  <div class="short-pictures" style="margin-bottom: 20px;">[element:pdf/short/pictures plugin=Dompdf]</div>
  <div class="short-criteria" style="margin-top: 20px;">[element:pdf/short/criteria plugin=Dompdf]</div>
   [element:pdf/short/text plugin=Dompdf]
  <div class="short-contractor" style="margin-top: 80px">[element:pdf/short/realtor plugin=Dompdf]</div>
</div>
------------
End шаблон


Start шаблон short_blue
------------
<div class="page-main">
   <div class="container">
       <div style="margin-bottom: 30px; height: 120px">[element:pdf/short_blue/top plugin=Dompdf]</div>

       <div class="row main-info">
           <div class="left-col">
               [element:pdf/short_blue/rentTitle plugin=Dompdf]
               [element:pdf/short_blue/area plugin=Dompdf]
               [element:pdf/short_blue/params plugin=Dompdf]
               [element:pdf/short_blue/price plugin=Dompdf]
               [element:pdf/short_blue/descriptions plugin=Dompdf]
           </div>
           <div class="right-col" style="margin-top: 5px;">
               <div class="row">
                   [element:pdf/short_blue/main_picture plugin=Dompdf]
                   [element:pdf/short_blue/main_plan plugin=Dompdf]
                   [element:pdf/short_blue/map plugin=Dompdf]
               </div>
           </div>
       </div>
       <div class="clear" style="height: 22.5px"></div>
       <div class="short_blue-contractor">
           [element:pdf/short_blue/realtor plugin=Dompdf]
       </div>
   </div>
</div>
<style>
   body {
       margin: 1.5em 1.5em 0 2.5em !important;
   }

   /* Top block */
   .location-block {
       padding: 5px 0 0 15px;
       color: #111;
   }

   .location-title {
       font-size: 13px;
   }

   .location-name {
       font-size: 14px;
       font-weight: bold
   }

   .location-before-block {
       position: absolute;
       width: 380px;
       height: 0;
       border-bottom: 110px solid #43bdea;
       border-right: 140px solid transparent;
   }

   .location-after-block {
       position: absolute;
       width: 288px;
       height: 0;
       border-bottom: 12px solid #BABABA;
       font-weight: bold;
       margin-top: 110px;
       margin-left: 232px;
       transform: skewX(50deg);
   }

   /* Area */
   .area-list {
       font-size: 14px !important;
       font-weight: bold !important;
   }

   /* Params */
   .params-list {
       font-size: 14px !important;
       font-weight: lighter !important;
       color: black !important;
       font-weight: bold;
   }

   /* Realtor */
   .background-realtor {
       margin-right: 80px;
   }

   .realtor-before-block {
       width: 320px;
       float: right;
       height: 95px;
       background-color: #43bdea;
       transform: skewX(48deg);
   }

   .realtor-after-block {
       width: 520px;
       height: 0;
       border-bottom: 95px solid #BABABA;
       border-right: 100px solid transparent;
       font-weight: bold;
       float: left;
   }

   .realtor-photo {
       float: left;
       height: 80px;
       width: 70px;
       padding: 10px 30px 10px 20px;
   }

   .realtor-photo img {
       height: 80px;
       max-width: 70px;
   }

   .realtor-info {
       margin-left: 115px;
       margin-top: 10px;
   }

   .realtor-info p {
       color: #111;
       font-size: 11px;
       font-weight: 100;
   }

   .realtor-info .title {
       color: #111;
       text-indent: 0;
       font-size: 16px;
       font-weight: bold;
   }

   /* Price */
   .price-block {
       margin: 15px 0 0 0;
       display: block;
       height: 70px;
   }

   .price-before-block {
       position: absolute;
       width: 255px;
       height: 0;
       border-bottom: 45px solid #43bdea;
       border-right: 50px solid transparent;
       font-weight: bold;
   }

   .price-after-block {
       position: absolute;
       width: 176px;
       height: 0;
       border-bottom: 12px solid #BABABA;
       font-weight: bold;
       margin-top: 45px;
       margin-left: 129px;
       transform: skewX(50deg);
   }

   .price-block .price {
       padding: 5px 0 0 15px;
       color: #111;
       font-size: 14px;
   }

   /* Others */
   h4 {
       font-weight: bold !important;
       color: #111 !important;
       font-size: 18px !important;
       margin-bottom: 10px;
   }

   .logo {
       z-index: 10;
       margin-left: 580px;
       margin-top: 0;
       margin-bottom: 0;
   }

   .item ul {
       text-indent: 0px;
       type: unset !important;
       list-style-type: none !important;
   }

   .item p {
       text-indent: 0;
       font-size: 14px !important;
       font-weight: lighter !important;