۩ Быстрый старт в MODx.

https://modx.ru/katalog-sajtov-na-modx/info/557 Используя инструкции Ефимова Виктора - efimov.ws

А также на сайтах - http://e-kao.ru/modx-install-1 и уроки MODX EVO. Я предлагаю быстрый старт в MODx , то есть мой готовый сайт, вы нужно его переделать на свой лад, с вашим именем. Сделаный для себя, но если вы заинтересовались моим быстрым стартом (для зарегистрированных пользователей) на сервереhttp://sweb.ru/ , что вам нужно, копируйте и размещайте у себя.

Я работаю и описываю установку динамического сайта на сервере http://sweb.ru/. Этот сервер поддерживает программу MODx , и там, в папке «установка программ», есть такая программа. Уже в распакованном виде.

в папку /ваша папка/public_html/ закачаются в распакованные папки:

assets, install, manager и файлы, README-ru.txt, ht.access, index-ajax.php, index.php, sample-robots.txt.

Вам нужно только закачать в нужное место уже распакованную папку с шаблоном и создать необходимые чанки, снипеты шаблоны.

Первое что нужно сделать, это скачать этот шаблон и распаковать его в компьютере. В четвёртом уроке Ефимова Виктора всё хорошо описано.

Потом при помощи Nvu или FileZilla. закачать в нужное место на хостинге. Создав демен или поддомен, устанавливается папка по названию вашего домена. В этой папке есть программа MODx . там вы должны удалить папку install с установочной программой. Открываем файловый менеджер. Ищем папку с именем домена, куда закачена программа MODx и открываем её. Далее открываем папку public_html , assets , templates, потом создаём новую пустую папку, называем её - site, в которую закачиваем при помощи Nvu или FileZilla , этот распакованный шаблон.

Если всё сделано правильно, то теперь заходим в "конструктор сайта" http://ВАШ сайт/manager/, с вашим паролем, в управление элементами, создаем там три новых шаблона с исправленными путями к файлам. Называйте их как хотите.

Вы можете посмотреть инструкции здесь - http://article.klandaic.com/index.php?id=32 Некоторые темы только для зарегистрированных пользователей. На Сайте блогов я при помощи HTML редактора Nvu придумал ещё один персональный сайт в MODx.

___________________________________________________________

Первый код шаблона: index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">

<head profile="http://gmpg.org/xfn/11">

<title>PlusBusiness</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="imagetoolbar" content="no" />

<base href="[(site_url)]" />

<link rel="stylesheet" href="/assets/templates/site/styles/layout.css" type="text/css" />

<script type="text/javascript" src="/assets/templates/site/scripts/jquery-1.4.1.min.js"></script>

<script type="text/javascript" src="/assets/templates/site/scripts/jquery.jcarousel.pack.js">

</script>

<script type="text/javascript" src="/assets/templates/site/scripts/jquery.jcarousel.setup.js">

</script>

</head>

<body id="top">

<div class="wrapper col1">

<div id="header">

<div id="logo">

<h1><a href="#">+Business</a></h1>

<p>Free Open Source CSS Website Template</p>

</div>

<div id="topnav">

<ul>

<li class="active"><a href="/assets/templates/site/index.html">Home</a></li>

<li><a href="/assets/templates/site/style-demo.html">Style Demo</a></li>

<li><a href="/assets/templates/site/full-width.html">Full Width</a></li>

<li><a href="#">DropDown</a>

<ul>

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">Link 3</a></li>

</ul>

</li>

<li class="last"><a href="#">A Long Link Text</a></li>

</ul>

</div>

<br class="clear" />

</div>

<div class="wrapper col2">

<div id="featured_slide">

<div id="featured_content">

<ul>

<li><img src="/assets/templates/site/images/demo/1.gif" alt="" />

<div class="floater">

<h2>About This Template !</h2>

<p>This is a W3C standards compliant Open Source free CSS template from <a href="http://www.os-templates.com/" title="Open Source Templates">OS Templates</a>. This template is distributed under a <a target="_blank" rel="nofollow" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer. For more free css templates visit <a href="http://www.os-templates.com/">Open Source Templates</a>.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</div>

</li>

<li><img src="/assets/templates/site/images/demo/2.gif" alt="" />

<div class="floater">

<h2>Cursus penati saccum ut curabitur nulla.</h2>

<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum…</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</div>

</li>

<li><img src="/assets/templates/site/images/demo/3.gif" alt="" />

<div class="floater">

<h2>Cursus penati saccum ut curabitur nulla.</h2>

<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum…</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</div>

</li>

</ul>

</div>

<a href="javascript:void(0);" id="featured-item-prev"><img src="/assets/templates/site/images/prev.png" alt="" /></a> <a href="javascript:void(0);" id="featured-item-next"><img src="/assets/templates/site/images/next.png" alt="" /></a> </div>

</div>

<div class="wrapper col3">

<div id="container">

<div class="homepage">

<ul>

<li>

<h2><img src="/assets/templates/site/images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>

<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</li>

<li>

<h2><img src="/assets/templates/site/images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>

<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</li>

<li class="last">

<h2><img src="/assets/templates/site/images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>

<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</li>

</ul>

<br class="clear" />

</div>

<div class="wrapper col4">

<div id="footer">

<div class="box1">

<h2>A Little Company Information !</h2>

<img class="imgl" src="/assets/templates/site/images/demo/imgl.gif" alt="" />

<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>

<p>Portortornec condimenterdum eget consectetuer condis.</p>

</div>

<div class="box contactdetails">

<h2>Our Contact Details !</h2>

<ul>

<li>Company Name</li>

<li>Street Name & Number</li>

<li>Town</li>

<li>Postcode/Zip</li>

<li>Tel: xxxxx xxxxxxxxxx</li>

<li>Fax: xxxxx xxxxxxxxxx</li>

<li>Email: info@domain.com</li>

<li class="last">LinkedIn: <a href="#">Company Profile</a></li>

</ul>

</div>

<div class="box flickrbox">

<h2>Latest Flickr Images !</h2>

<div class="wrap">

<div class="fix"></div>

<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="fix"></div>

</div>

<br class="clear" />

</div>

<div class="wrapper col5">

<div id="copyright">

<p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Open Source Templates">OS Templates</a></p>

<br class="clear" />

</div>

</body>

</html>

_______________________________________________________

Второй код шаблона: full-width.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">

<head profile="http://gmpg.org/xfn/11">

<title>PlusBusiness | Full Width</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="imagetoolbar" content="no" />

<base href="[(site_url)]" />

<link rel="stylesheet" href="/assets/templates/site/styles/layout.css" type="text/css" />

</head>

<body id="top">

<div class="wrapper col1">

<div id="header">

<div id="logo">

<h1><a href="#">+Business</a></h1>

<p>Free Open Source CSS Website Template</p>

</div>

<div id="topnav">

<ul>

<li><a href="/assets/templates/site/index.html">Home</a></li>

<li><a href="/assets/templates/site/style-demo.html">Style Demo</a></li>

<li class="active"><a href="/assets/templates/site/full-width.html">Full Width</a></li>

<li><a href="#">DropDown</a>

<ul>

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">Link 3</a></li>

</ul>

</li>

<li class="last"><a href="#">A Long Link Text</a></li>

</ul>

</div>

<br class="clear" />

</div>

<div class="wrapper col2">

<div id="breadcrumb">

<ul>

<li class="first">You Are Here</li>

<li>»</li>

<li><a href="#">Home</a></li>

<li>»</li>

<li><a href="#">Grand Parent</a></li>

<li>»</li>

<li><a href="#">Parent</a></li>

<li>»</li>

<li class="current"><a href="#">Child</a></li>

</ul>

</div>

<div class="wrapper col3">

<div id="container">

<h1>Headline 1 Colour and Size</h1>

<h2>Headline 2 Colour and Size</h2>

<h3>Headline 3 Colour and Size</h3>

<h4>Headline 4 Colour and Size</h4>

<h5>Headline 5 Colour and Size</h5>

<h6>Headline 6 Colour and Size</h6>

<p>Uttellus pretium intesque volutpat malesuada curabitur convallisis non dui elit fring. Tortorconvallis felis pellus curabitur in lorem tur in et nisse curabitudin. Mollisfelit portis a nibh lacinia temper tincidunt tincidunt sagittis males sed. Sedplatea sed ut faucibus maurien sed vestas elis aliquam ulla nam. Aeneanelit fauctortor et sed netuer malesuada id consequat cras vitae non.</p>

<ul>

<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>

<li>Etiam vel sapien et est adipiscing commodo.</li>

<li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>

<li>Donec et dui dolor, in lacinia leo.</li>

<li>Mauris posuere tellus ac purus adipiscing dapibus.</li>

</ul>

<p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum nulla orna nisl velit elit ac aliquat non tincidunt. Namjusto cras urna urnaretra lor urna neque sed quis orci nulla. Laoremut vitae doloreet condimentumst phasellentes dolor ut a ipsum id consectetus. Inpede cumst vitae ris tellentesque fring intesquet nibh fames nulla curabitudin.</p>

<ol>

<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>

<li>Etiam vel sapien et est adipiscing commodo.</li>

<li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>

<li>Donec et dui dolor, in lacinia leo.</li>

<li>Mauris posuere tellus ac purus adipiscing dapibus.</li>

</ol>

</div>

<div class="wrapper col4">

<div id="footer">

<div class="box1">

<h2>A Little Company Information !</h2>

<img class="imgl" src="/assets/templates/site/images/demo/imgl.gif" alt="" />

<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>

<p>Portortornec condimenterdum eget consectetuer condis.</p>

</div>

<div class="box contactdetails">

<h2>Our Contact Details !</h2>

<ul>

<li>Company Name</li>

<li>Street Name & Number</li>

<li>Town</li>

<li>Postcode/Zip</li>

<li>Tel: xxxxx xxxxxxxxxx</li>

<li>Fax: xxxxx xxxxxxxxxx</li>

<li>Email: info@domain.com</li>

<li class="last">LinkedIn: <a href="#">Company Profile</a></li>

</ul>

</div>

<div class="box flickrbox">

<h2>Latest Flickr Images !</h2>

<div class="wrap">

<div class="fix"></div>

<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="fix"></div>

</div>

<br class="clear" />

</div>

<div class="wrapper col5">

<div id="copyright">

<p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Open Source Templates">OS Templates</a></p>

<br class="clear" />

</div>

</body>

</html>

_____________________________________________________________

Третий код шаблона: style-demo.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">

<head profile="http://gmpg.org/xfn/11">

<title>PlusBusiness | Style Demo</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="imagetoolbar" content="no" />

<base href="[(site_url)]" />

<link rel="stylesheet" href="/assets/templates/site/styles/layout.css" type="text/css" />

</head>

<body id="top">

<div class="wrapper col1">

<div id="header">

<div id="logo">

<h1><a href="#">+Business</a></h1>

<p>Free Open Source CSS Website Template</p>

</div>

<div id="topnav">

<ul>

<li><a href="/assets/templates/site/index.html">Home</a></li>

<li class="active"><a href="/assets/templates/site/style-demo.html">Style Demo</a></li>

<li><a href="/assets/templates/site/full-width.html">Full Width</a></li>

<li><a href="#">DropDown</a>

<ul>

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">Link 3</a></li>

</ul>

</li>

<li class="last"><a href="#">A Long Link Text</a></li>

</ul>

</div>

<br class="clear" />

</div>

<div class="wrapper col2">

<div id="breadcrumb">

<ul>

<li class="first">You Are Here</li>

<li>»</li>

<li><a href="#">Home</a></li>

<li>»</li>

<li><a href="#">Grand Parent</a></li>

<li>»</li>

<li><a href="#">Parent</a></li>

<li>»</li>

<li class="current"><a href="#">Child</a></li>

</ul>

</div>

<div class="wrapper col3">

<div id="container">

<div id="content">

<h1><h1> to <h6> - Headline Colour and Size Are All The Same</h1>

<img class="imgr" src="/assets/templates/site/images/demo/imgr.gif" alt="" />

<p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>

<p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>

<img class="imgl" src="/assets/templates/site/images/demo/imgl.gif" alt="" />

<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris <a href="#"><strong>elis vest liberos nis diculis</strong></a> feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus.</p>

<p>Urnaretiumorci orci <strong>fauctor leo justo nulla cras ridiculum</strong> eu id vitae. Etnon et dolor auctor eu loreet fring temper pend pede integestibus.</p>

<p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>

<h2>Table(s)</h2>

<table summary="Summary Here" cellpadding="0" cellspacing="0">

<thead>

<tr>

<th>Header 1</th>

<th>Header 2</th>

<th>Header 3</th>

<th>Header 4</th>

</tr>

</thead>

<tbody>

<tr class="light">

<td>Value 1</td>

<td>Value 2</td>

<td>Value 3</td>

<td>Value 4</td>

</tr>

<tr class="dark">

<td>Value 5</td>

<td>Value 6</td>

<td>Value 7</td>

<td>Value 8</td>

</tr>

<tr class="light">

<td>Value 9</td>

<td>Value 10</td>

<td>Value 11</td>

<td>Value 12</td>

</tr>

<tr class="dark">

<td>Value 13</td>

<td>Value 14</td>

<td>Value 15</td>

<td>Value 16</td>

</tr>

</tbody>

</table>

<div id="comments">

<h2>Comments</h2>

<ul class="commentlist">

<li class="comment_odd">

<div class="author"><img class="avatar" src="/assets/templates/site/images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>

<div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>

<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>

</li>

<li class="comment_even">

<div class="author"><img class="avatar" src="/assets/templates/site/images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>

<div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>

<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>

</li>

<li class="comment_odd">

<div class="author"><img class="avatar" src="/assets/templates/site/images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>

<div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>

<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>

</li>

</ul>

</div>

<h2>Write A Comment</h2>

<div id="respond">

<form action="#" method="post">

<p>

<input type="text" name="name" id="name" value="" size="22" />

<label for="name"><small>Name (required)</small></label>

</p>

<p>

<input type="text" name="email" id="email" value="" size="22" />

<label for="email"><small>Mail (required)</small></label>

</p>

<p>

<textarea name="comment" id="comment" cols="100%" rows="10"></textarea>

<label for="comment" style="display:none;"><small>Comment (required)</small></label>

</p>

<p>

<input name="submit" type="submit" id="submit" value="Submit Form" />

 

<input name="reset" type="reset" id="reset" tabindex="5" value="Reset Form" />

</p>

</form>

</div>

<div id="column">

<div class="subnav">

<h2>Secondary Navigation</h2>

<ul>

<li><a href="#">Open Source Templates</a></li>

<li><a href="#">Free CSS Templates</a>

<ul>

<li><a href="#">Free XHTML Templates</a></li>

<li><a href="#">Free Website Templates</a></li>

</ul>

</li>

<li><a href="#">Open Source Layouts</a>

<ul>

<li><a href="#">Open Source Software</a></li>

<li><a href="#">Open Source Webdesign</a>

<ul>

<li><a href="#">Open Source Downloads</a></li>

<li><a href="#">Open Source Website</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Open Source Themes</a></li>

</ul>

</div>

<div class="holder">

<h2 class="title"><img src="/assets/templates/site/images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>

<p>Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</div>

<div class="holder">

<div class="imgholder"><img src="/assets/templates/site/images/demo/290x100.gif" alt="" /></div>

<p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</div>

<div class="holder">

<h2>Lorem ipsum dolor</h2>

<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.</p>

<ul>

<li><a href="#">Lorem ipsum dolor sit</a></li>

<li>Etiam vel sapien et</li>

<li><a href="#">Etiam vel sapien et</a></li>

</ul>

<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.</p>

<p class="readmore"><a href="#">Continue Reading »</a></p>

</div>

<br class="clear" />

</div>

<div class="wrapper col4">

<div id="footer">

<div class="box1">

<h2>A Little Company Information !</h2>

<img class="imgl" src="/assets/templates/site/images/demo/imgl.gif" alt="" />

<p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>

<p>Portortornec condimenterdum eget consectetuer condis.</p>

</div>

<div class="box contactdetails">

<h2>Our Contact Details !</h2>

<ul>

<li>Company Name</li>

<li>Street Name & Number</li>

<li>Town</li>

<li>Postcode/Zip</li>

<li>Tel: xxxxx xxxxxxxxxx</li>

<li>Fax: xxxxx xxxxxxxxxx</li>

<li>Email: info@domain.com</li>

<li class="last">LinkedIn: <a href="#">Company Profile</a></li>

</ul>

</div>

<div class="box flickrbox">

<h2>Latest Flickr Images !</h2>

<div class="wrap">

<div class="fix"></div>

<div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img src="/assets/templates/site/images/demo/80x80.gif" alt="" /></a></div>

<div class="fix"></div>

</div>

<br class="clear" />

</div>

<div class="wrapper col5">

<div id="copyright">

<p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Open Source Templates">OS Templates</a></p>

<br class="clear" />

</div>

</body>

</html>

_________________________________________________

Потом создаем три дочерних ресурса, нажав на иконку. В выпадающем окне нажимаем на дочерний ресурс. Появляется новая форма ресурса, пишем название ресурса и сохраняем. Ниже в выпадающем окне выбираем шаблон для каждого ресурса.

Должно получиться так. А у меня ВОТ ТАК.

Если у вас не хватает терпения, и вы разбираетесь в HTML коде, вы уже сейчас можете редактировать на свой манер.

Далее... - https://sites.google.com/site/instruktash/gotovyj-sajt-v-modx

Вернуться к инструктажам.