Уважаемые кто может - создайте шаблоны Ditto по HTM

9 Posts

ZIMA Reply #1, 15 years, 7 months ago

Здравствуйте!
Помогите разобраться.
Вот скрин: страницы партфолио, это часть блока

HTML код, отвечающий за вывод этого блока и еще таких же двух (я не стал показывать картинку полностью)

------------------------------------------------------------------------------------------------------------------------------
<div class="wrapper">
<div class="container">
<div class="whitebox">

<div class="portfolio">
<div class="fl_left">
<h2>Metridiculis conseque quis</h2>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met.</p>
<ul>
<li>Lorem ipsum dolor</li>
<li>Vivamus rutrum arcu</li>
<li>Pellentesque habitant</li>
</ul>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean quis nam nis dui.</p>
<p class="readmore"><a href="#">View More Information »</a></p>
<p> </p>
<p> </p>
<p><strong>IMPORTANT

The image to the right must be 470px wide as default</strong></p>
</div>
<div class="fl_right"><img src="images/demo/470x470.gif" alt="" /></div>
<div class="clear"></div>
</div>

<div class="portfolio">
<div class="fl_left">
<h2>Metridiculis conseque quis</h2>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met.</p>
<ul>
<li>Lorem ipsum dolor</li>
<li>Vivamus rutrum arcu</li>
<li>Pellentesque habitant</li>
</ul>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean quis nam nis dui.</p>
<p class="readmore"><a href="#">View More Information »</a></p>
</div>
<div class="fl_right"><img src="images/demo/470x470.gif" alt="" /></div>
<div class="clear"></div>
</div>

<div class="portfolio">
<div class="fl_left">
<h2>Metridiculis conseque quis</h2>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met.</p>
<ul>
<li>Lorem ipsum dolor</li>
<li>Vivamus rutrum arcu</li>
<li>Pellentesque habitant</li>
</ul>
<p>Orciinterdum condimenterdum nullamcorper elit nam curabitur laoreet met praesenean et iaculum. Metridiculis conseque quis iaculum aenean nunc aenean quis nam nis dui.</p>
<p class="readmore"><a href="#">View More Information »</a></p>
</div>
<div class="fl_right"><img src="images/demo/470x470.gif" alt="" /></div>
<div class="clear"></div>
</div>

<div class="clear"></div>
</div>
</div>
</div>
------------------------------------------------------------------------------------------------------------------------------

Не как не могу понять как испльзовать

Параметры Ditto
Плэйсхолдеры Ditto

Уважаемые кто может создайте шаблоны Ditto по HTML коду отвечающий за вывод этого блока
Я хочу создать на этой страницы краткое описание новости и ссылку на полную новость и изображение
Сколько нужно создать чанков и какие шаблоны там нужно разместить?
Помогите кто умеет.

Заранее блогадарен!!!

358 Posts

labasus Reply #2, 15 years, 7 months ago

Не понятно почему именно Ditto...
По-моему ваш код можно целиком поместить в шаблон.

P.S. ...для 1 страницы не нужен CMS.

1,103 Posts

antey Reply #3, 15 years, 7 months ago

Как-то так
Для ditto - tpl:

<div class="portfolio">
        <div class="fl_left">
          <h2>[+longtitle+]</h2>
         [+content+]
          <p class="readmore"><a href="[~[+id+]~]">Подробнее »</a></p>
          <p> </p>
          <p> </p>
          <p><strong>IMPORTANT<br />
            The image to the right must be 470px wide as default</strong></p>
        </div>
        <div class="fl_right"><img src="[+image+]" alt="" /></div>
        <div class="clear"></div>
</div>

Создать надо TV image с типом Image и подключить к вашему шаблону.