[Anastasia]

Для ТЕКСТА

Если вы можете предложить более красивые варианты и у вас хороший дизайнерский вкус можете изменять настройки в шаблонах в темах по своему усмотрению. Идеи и инициатива приветствуется.

Заголовок с нижнем сплошным подчеркиванием (редактор может его убирать, менять цвет, менять размер самого заголовка)

Заголовок

<h2 style="border-bottom: 2px solid #0578b7; color: #0578b7;">Заголовок</h2>

---

Блок для текста с левой зеленой полосой (редактор может менять толщину, стиль и цвет границы, а также ширину блока, отступы )

Текст

Текст

Текст

Текст

<div style="width: 600px; padding: 10px 0 10px 10px;  margin: 30px auto 0 auto; border-left: 6px solid  #0578b7;"></div>

---

Простой зеленый блок (редактор может менять цвет фона этого блока, выравнивание содержимого)

Примечание:

• Проектируйте так, чтобы она сочеталась с основными столярными предметами, для создания непрерывности, единого вида.

Текст

<div style="background: #f7f9eb; border-radius: 10px; padding: 10px  0px; margin: 10px;"><p style="padding-left:  10px;">Во многих кухнях открыт доступ в другую комнату, но они разделяются половиной стены. В этом помещении хорошо продуманные ремесленные предметы, шкафы и столешницы, продлевают наружную стенку. </p></div>

---

Блок с зеленой полосой и серым фоном

Текст

<div style="width: 600px; padding: 28px 28px 27px 31px; margin: 30px  auto 0 auto; border-left: 6px solid #a0ce4e !important;  background-color: #f6f6f6; border: 1px solid  #f6f6f6;">Текст</div>

---

Красный квадрат, подходит для тем с перечислениями

1

Заголовок

<table  cellpadding="0" cellspacing="0" border="0"><tr> <td  style="border: 0px; background: #d24d33; text-align: center;  vertical-align: middle; line-height: 25px; font-size: 25px; color:  #ffffff; padding: 5px; width: 30px;">1</td> <td  style="border: 0px; padding: 0px 0px 0px 10px; font-size: 20px;  vertical-align: middle; text-align:  left;">Текст</td></tr></table>

---

Список (редактор может делать также окружности, просто замените square на circle)

• Текст

<ul><li style="list-style: square;">Текст</li></ul>

---

Также можно делать список с маркерами в виде круга

• Текст

<ul><li>Текст</li></ul>

---

Список со стрелками, цвета можно менять вот ссылка - http://www.forum-grad.ru/images/arrows-for-lists/

• Ажурная тканевая салфетка

<ul> <li style="list-style-image:  url('http://www.forum-grad.ru/images/arrows-for-lists/blue-arrow.png');">Ажурная тканевая салфетка</li></ul>

[Anastasia]

Для ФОТО

Эффект полароида без подписи для фотографии в конце поста в последнем фото необходимо указывать <бр клир="алл" />

Ссылка на тему-пример

<div align="center"><img style="border: 0px; box-shadow: 0px  0px 10px rgba(0, 0, 0, 0.25); padding: 10px;" src="http://gallery.forum-grad.ru/files/8/0/7/9/0/bridal-flower-floral-crown-18.jpg" alt="Невеста в поле с лошадью" /></div>

---

Самая простая рамка для фото, ее необходимо вставить в тег img

Ссылка на тему

style="border: 1px solid #cccccc; padding: 5px;"

<img style="border: 1px solid #cccccc; padding: 5px;" src="http://gallery.forum-grad.ru/files/8/3/1/1/3/cocktail-making-hens-party.jpg" width="800" alt="Яркий и вкусный коктейль" />

---

Маленькая таблица для фотки с подписью

Цветочный венок в волосах

<table style="width: 200px;">
  <tr>
    <td  style="padding: 10px;  border: 1px solid #000;"><a  href="http://gallery.forum-grad.ru/files/8/0/7/9/0/bridal-flower-floral-crown-04.jpg"  target="_blank"><img  src="http://gallery.forum-grad.ru/files/8/0/7/9/0/bridal-flower-floral-crown-04.jpg"  width="250" height="250" border="0" alt="Свадебный венок для невесты"  /></a></td>
  </tr>
  <tr>
    <td style="text-align: center; padding: 10px;">Цветочный венок в волосах</td>
  </tr>
</table>

---

Серый блок для подписи фотографии

Ссылка не тему-пример

Подпись

<div style="width: 600px; background-color: #e2e2e2; font-style:  oblique; text-align: center; padding: 10px 0 10px 0; margin: 5px auto 0  auto;">Подпись</div>

---

Тень для фото без рамки с круглыми уголками (редактор может менять значения, но rgba(0, 0, 0, 0.50) не ставьте больше 1.0, нам достаточно 0.30 - 0.50 ) в конце поста в последнем фото необходимо указывать <бр клир="алл" />

Ссылка на тему-пример

<div align="center"><img style="border: 0px; box-shadow: 0px 0px 15px  rgba(0, 0, 0, 0.50); padding: 0px; border-radius: 4px 4px 4px 4px;" src="http://gallery.forum-grad.ru/files/8/5/6/8/5/ring-and-flowers-55.jpg" alt="Кольцо на цветке" width="800" /></div><br clear="all" />

---

Эффект полароида с подписью для фотографии

Ссылка на тему-пример

Песчаный пляж и море

<table style="background-color: #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); margin: 0px auto;">
    <tr>
      <td style="padding: 10px; border: 0px;"><img src="http://gallery.forum-grad.ru/files/4/6/3/5/8/the-dusit-thani-maldives-12.jpg" width="800" border="0" alt="Пляж на Мальдивах" /> </td>
    </tr>
    <tr>
      <td style="text-align: center; padding: 10px; border: 0px;">Песчаный пляж и море</td>
    </tr>
</table>