CP.Content.Zakladki: различия между версиями

Версия 13:02, 9 августа 2013

Алгоритм самостоятельного создания закладок на странице

Содержание

1 Создаем страницы
2 Html-редактирование одной страницы
3 Html-редактирование каждой страницы-вкладки
4 Сохраняем изменения, размещаем страницу, содержащую вкладки в меню

Создаем страницы

1. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)

2. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/?page=str1 , http://ААААА.ВВ/?page=str2 , http://ААААА.ВВ/?page=str3 , где ААААА.ВВ - Ваш сайт)

Html-редактирование одной страницы

3. Перейти в редактирование ред.блока на странице autoslovar. Добавить маркированный список на страницу, где пунктами данного списка будут названия нужных Вам вкладок (названия, которые будут отображаться на сайте, например "Вкладка1", "Вкладка2" и "Вкладка3"). Сохранить изменения.

4. Перейти в html-редактирование ред.блока на странице autoslovar. Вместо <ul> прописываем первой строкой <ul class="devsite_subtabs clearfix"> .

5. Продолжаем html-редактирование ред.блока на странице autoslovar. Вместо <li>Вкладка1</li> прописываем <li><a href="?page=str1">Вкладка1</a></li> и так для каждой вкладки, т.е. в нашем примере вместо <li>Вкладка2</li> прописываем <li><a href="?page=str2">Вкладка2</a></li> и вместо <li>Вкладка3</li> прописываем <li><a href="?page=str3">Вкладка3</a></li>

Итого получаем:

<li><a href="?page=str1">Вкладка1</a></li>

<li><a href="?page=str2">Вкладка2</a></li>

<li><a href="?page=str3">Вкладка3</a></li>

</ul>

6. Сохранить изменения.

Html-редактирование каждой страницы-вкладки

7. Перейти в html-редактирование ред.блока на странице (например) str1. Полностью копируем текст со страницы autoslovar в html-редактировании (см. выше).

8. Вместо <li><a href="?page=str1">Вкладка1</a></li> прописываем <li class="active"><a href="?page=str1">Вкладка1</a></li>. Остальные строки оставляем без изменения.

9. Аналогично п.8 меняем код в html-редактировании в ред.блоках на страницах остальных вкладок

Итого получаем для страницы str1:

<li class="active"><a href="?page=str1">Вкладка1</a></li>

<li><a href="?page=str2">Вкладка2</a></li>

<li><a href="?page=str3">Вкладка3</a></li>

</ul>

Итого получаем для страницы str2:

<li><a href="?page=str1">Вкладка1</a></li>

<li class="active"><a href="?page=str2">Вкладка2</a></li>

<li><a href="?page=str3">Вкладка3</a></li>

</ul>

Итого получаем для страницы str3:

<li><a href="?page=str1">Вкладка1</a></li>

<li><a href="?page=str2">Вкладка2</a></li>

<li class="active"><a href="?page=str3">Вкладка3</a></li>

</ul>

Сохраняем изменения, размещаем страницу, содержащую вкладки в меню

10. Не забываем сохранять изменения. Просмотреть результаты работы можно по ссылке http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт.

11. Когда изменения будут закончены, размещаете страницу в меню.

@@ Строка 3: / Строка 3: @@
 == '''Создаем страницы''' ==
-. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=virtual&pageName=autoslovar , где ААААА.ВВ - Ваш сайт)
+. Создать новую страницу в контрольной панели (раздел "Внешний вид и контент", вкладка "Страницы", ссылка "Создать новую страницу"). Для примера пусть название страницы будет autoslovar (http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт)
-. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/?page=virtual&pageName=str1 , http://ААААА.ВВ/?page=virtual&pageName=str2 , http://ААААА.ВВ/?page=virtual&pageName=str3 , где ААААА.ВВ - Ваш сайт)
+. Аналогично п.1 создать новые страницы для необходимых вкладок. Для примера str1, str2, и str3 (http://ААААА.ВВ/?page=str1 , http://ААААА.ВВ/?page=str2 , http://ААААА.ВВ/?page=str3 , где ААААА.ВВ - Ваш сайт)
 == '''Html-редактирование одной страницы''' ==
@@ Строка 13: / Строка 13: @@
 . Перейти в html-редактирование ред.блока на странице autoslovar. Вместо &lt;ul&gt; прописываем первой строкой &lt;ul class="devsite_subtabs clearfix"&gt; .
-. Продолжаем html-редактирование ред.блока на странице autoslovar. Вместо &lt;li&gt;Вкладка1&lt;/li&gt; прописываем &lt;li&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt; и так для каждой вкладки, т.е. в нашем примере вместо &lt;li&gt;Вкладка2&lt;/li&gt; прописываем &lt;li&gt;&lt;a href="?page=virtual&pageName=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt; и вместо &lt;li&gt;Вкладка3&lt;/li&gt; прописываем &lt;li&gt;&lt;a href="?page=virtual&pageName=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
+. Продолжаем html-редактирование ред.блока на странице autoslovar. Вместо &lt;li&gt;Вкладка1&lt;/li&gt; прописываем &lt;li&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt; и так для каждой вкладки, т.е. в нашем примере вместо &lt;li&gt;Вкладка2&lt;/li&gt; прописываем &lt;li&gt;&lt;a href="?page=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt; и вместо &lt;li&gt;Вкладка3&lt;/li&gt; прописываем &lt;li&gt;&lt;a href="?page=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
 '''Итого получаем:'''
@@ Строка 19: / Строка 19: @@
 &lt;ul class="devsite_subtabs clearfix"&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
@@ Строка 33: / Строка 33: @@
 . Перейти в html-редактирование ред.блока на странице (например) str1. Полностью копируем текст со страницы autoslovar в html-редактировании (см. выше).
-. Вместо &lt;li&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt; прописываем &lt;li class="active"&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;. Остальные строки оставляем без изменения.
+. Вместо &lt;li&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt; прописываем &lt;li class="active"&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;. Остальные строки оставляем без изменения.
 . Аналогично п.8 меняем код в html-редактировании в ред.блоках на страницах остальных вкладок
@@ Строка 41: / Строка 41: @@
 &lt;ul class="devsite_subtabs clearfix"&gt;
-&lt;li class="active"&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
+&lt;li class="active"&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
@@ Строка 53: / Строка 53: @@
 &lt;ul class="devsite_subtabs clearfix"&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
-&lt;li class="active"&gt;&lt;a href="?page=virtual&pageName=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
+&lt;li class="active"&gt;&lt;a href="?page=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
@@ Строка 65: / Строка 65: @@
 &lt;ul class="devsite_subtabs clearfix"&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str1"&gt;Вкладка1&lt;/a&gt;&lt;/li&gt;
-&lt;li&gt;&lt;a href="?page=virtual&pageName=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;&lt;a href="?page=str2"&gt;Вкладка2&lt;/a&gt;&lt;/li&gt;
-&lt;li class="active"&gt;&lt;a href="?page=virtual&pageName=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
+&lt;li class="active"&gt;&lt;a href="?page=str3"&gt;Вкладка3&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
@@ Строка 75: / Строка 75: @@
 == '''Сохраняем изменения, размещаем страницу, содержащую вкладки в меню''' ==
-. Не забываем сохранять изменения. Просмотреть результаты работы можно по ссылке http://ААААА.ВВ/?page=virtual&pageName=autoslovar , где ААААА.ВВ - Ваш сайт.
+. Не забываем сохранять изменения. Просмотреть результаты работы можно по ссылке http://ААААА.ВВ/?page=autoslovar , где ААААА.ВВ - Ваш сайт.
 . Когда изменения будут закончены, размещаете страницу в меню.