Рейтинг: 5.0/3

Метки

уроки по адаптации

Опрос: Чего добавлять больше?

Чего добавлять больше?

Результаты опроса

Всего ответов: 192

Главная » 2011 » Май » 26 » Часть IV. Завершение адаптации главной страницы скачанного шаблона.

Итак, мы продолжаем нашу работу по адаптации, начатую нами в III-й части уроков.

Остановились мы на том, что вставили в шаблон "Новости сайта - Вид материалов" повторяющийся код оформления вида материалов из скачанного шаблона, давайте разбираться с этим самым кодом.

Code
<h2><a href="#">Porttitor posuere</a></h2>


Эта строка отвечает за вывод заголовка материалов новостей, в системе uCoz за название заголовка отвечает системный код $ТITLE$, а ссылка, ведущая на страницу полной версии материала, выводится кодом $ENТRY_URL$ (помните, мы сохраняли в файле "Блокнот" стандартный код шаблона "Вид материалов"? Загляните в него и посмотрите, как там оформлялся заголовок новости: <а href="$ЕNТRY_URL$">$ТITLE$)

Соответственно, переписываем эту строку таким образом:

Code
<h2><a href="$ENTRY_URL$">$TITLE$</a><?if($MODER_PANEL$)?>  $MODER_PANEL$<?endif?></h2>


Далее в шаблоне идёт блок с информацией о том, кто и когда добавил материал новости

Code
<div class="post_date">Jun 13, 2006 by Vulputate</div>


Может система uCoz нам вывести такие данные? А то!

Code

<div class="post_date">$DATE$ <?if($USERNAME$)?>от: <a href="$PROFILE_URL$">$USERNAME$</a> <?endif?></div>


Далее, всё что находится в блоке div c классом post_body

Code

<div class="post_body">

<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, <a href="index.html">nunc eget pretium</a> porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>

<blockquote>

<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p>

<p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p>

</blockquote>

<h2>Sollicitudin</h2>
   
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>

<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.</p>

</div>


это текст новости, за его вывод в системе uCoz отвечает код $MЕSSAGE$, поэтому заменяем содержимое блока div с классом post_body на следующее

Code

<div class="post_body">

<?if($MESSAGE$)?><p>$MESSAGE$</p><?endif?>
<?if($ATTACHMENTS$)?><p>Прикрепления: $ATTACHMENTS$</p><?endif?>


</div>


Следующая строка

Code
<span class="comment"><a href="#">2 Comments</a></span>


выводит в скачанном шаблоне строку с количеством комментариев, ну и в чём проблема? система uCoz и здесь предложит своё решение:

Code
<?if($COMMENTS_URL$)?><span class="comment"><a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a></span><?endif?>


Сохраняемся и смотрим результат.



В самом низу скачанного шаблона главной страницы имеется блок ссылок, Вам нужно лишь заменить ссылки и их названия на свои.
Возвращаемся в шаблон "Страницы сайта", находим кусок кода с этими ссылками:

Code

<div class="left col3">
   
  <h2>Tincidunt</h2>
  <ul>
  <li><a href="index.html">consequat molestie</a></li>
  <li><a href="index.html">sem justo</a></li>
  <li><a href="index.html">semper</a></li>
  <li><a href="index.html">magna sed purus</a></li>
  <li><a href="index.html">tincidunt</a></li>
  </ul>

  </div>

  <div class="left col3">

  <h2>Sed purus</h2>

  <ul>
  <li><a href="index.html">sem justo</a></li>
  <li><a href="index.html">magna sed purus</a></li>
  <li><a href="index.html">tincidunt</a></li>
  <li><a href="index.html">semper</a></li>
  <li><a href="index.html">consequat molestie</a></li>
  </ul>

  </div>

  <div class="right col3last">

  <h2>Praesent</h2>
   
  <ul>
  <li><a href="index.html">semper</a></li>
  <li><a href="index.html">consequat molestie</a></li>  
  <li><a href="index.html">magna sed purus</a></li>
  <li><a href="index.html">sem justo</a></li>
  <li><a href="index.html">tincidunt</a></li>
  </ul>

  </div>


И редактируем его, как нам нужно,заменяя ссылки своими. Вариантов много: можно продублировать верхнюю навигацию, можно разместить ссылки на профиль, личные сообщения, ссылку на вход/выход с сайта итд.

Code

  <div class="left col3">
   
  <h2>Профиль</h2>
  <ul>
  <?if($USER_LOGGED_IN$)?>
  <li><a href="$PERSONAL_PAGE_LINK$">Личный кабинет</a></li>
  <li><a href="index.html">Почта ($UNREAD_PM$)</a></li>
  <li><a href="#">Связь с админом</a></li>
  <li><a href="$RSS_LINK$">RSS</a></li>
  <li><a href="$LOGOUT_LINK$">Выход</a></li>
  <?else?>
  <li><a href="$REGISTER_LINK$">Регистрация</a></li>
   
  <li><a href="#">Связь с админом</a></li>
  <li><a href="$RSS_LINK$">RSS</a></li>
  <li><a href="$LOGIN_LINK$">Вход</a></li>
  <?endif?>
  </ul>

  </div>

  <div class="left col3">

  <h2>Навигация</h2>

  <ul>
<li><a href="/load/">Каталог файлов</a></li>
<li><a href="/publ/">Каталог статей</a></li>
<li><a href="/blog/">Блог</a></li>
<li><a href="/forum/">Форум</a></li>
<li><a href="/photo/">Фотоальбомы</a></li>  
  </ul>

  </div>

  <div class="right col3last">

  <h2>Друзья сайта</h2>
   
  <ul>
<li><a href="http://www.woweb.ru/" target="_blank">Все для веб-мастера</a></li>
<li><a href="http://www.wosoft.ru/" target="_blank">Программы для всех</a></li>
<li><a href="http://fun.ucoz.ru/" target="_blank">Мир развлечений</a></li>
<li><a href="http://www.wolist.ru/" target="_blank">Лучшие сайты Рунета</a></li>
<li><a href="http://eda.ucoz.ru/" target="_blank">Кулинарные рецепты</a></li>
  </ul>

  </div>




Ну вот и всё, главная страница сайта получила новый дизайн. Спасибо скачанному шаблону)

Можно посмотреть как всё это выглядит

Ссылка:
BB-код:
HTML-код:

Ещё по теме:

Всего комментариев: 16
  1.   Нет оценки: 0
    16  saw 2011-08-22, 18:23

    да,дальнейшее общение по этой теме предлагаю проводить здесь, в специально открытой теме.

  2.   Нет оценки: 0
    15  saw 2011-08-22, 18:20

    какие нужно страницы адаптировать? конкретно?

  3.   Нет оценки: 0
    14  saw 2011-08-22, 18:19

    хм)на главной сменился,уже хорошо,остальнын страницы делаются по аналогии,берите каркас с главной и редактируйте под каждую страницу.В чем проблема?где именно не получается?

  4.   Нет оценки: 0
    13  Sergey 2011-08-22, 17:55

    Здравствуйте, видно не поставить мне новый шаблон! Ума не хватает! На главной странице вид сменился а во всех остальных так и остался. А на некоторые страницы сайта и вообще теперь не зайти! sad

  5.   Нет оценки: 0
    12  Sergey 2011-08-21, 09:17

    Низкий поклон Вам, за помощь и терпение! Как всё установлю, отпишусь в комментариях.

  6.   Нет оценки: 0
    11  saw 2011-08-21, 07:13

    1. Создаёте в файловом менеджере папки с названиями images и style
    2. Закачиваете в папку images все файлы изображений из одноимённой папки вашего архива.
    В папку style загрузите два файла стилей из одноименной папки вашего архива.
    3. В архиве есть папки: "Страницы сайта,Пользователи,Обратная связь,Новости,Комментарии" внутри этих папок файлы с html-кодом страниц сайта.

    Берете код и заменяете им код соответствующей страницы в Управлении дизайном сайта.
    Например: открываем в архиве папку "Страницы сайта",видим файл с именем "Конструктор",открываем его,копируем содержимое и вставляем вместо кода шаблона "Страницы сайта" и так далее с остальными папками.

    Вкратце вроде всё,что будет непонятно - пишите

  7.   Нет оценки: 0
    10  Sergey 2011-08-21, 00:43

    Алексей, я даже не знаю как Вас благодарить!! Спасибо Вам!
    И если можно, последний вопрос о порядке установки данного шаблона.
    В какой последовательности и что куда устанавливать, чтобы я не
    напортачил чего.
    Ну, типа инструкции.
    Не серчайте на меня, не силён я вебделе!

  8.   Нет оценки: 0
    9  saw 2011-08-20, 23:36

    Да,ваш шаблон вполне можно ставить в систему, вот можете даже посмотреть на него немного вживую на моём демо-сайте aq.ucoz.ru

  9.   Нет оценки: 0
    8  Sergey 2011-08-20, 23:16

    Архив отправил. Спасибо Вам огромное за участие!

  10.   Нет оценки: 0
    7  saw 2011-08-20, 22:58

    можете мне его прислать на адрес

1-10 11-16
Имя *:
Email:
Код *: