Вопрос Про Блоги
#1
Отправлено 03 Апрель 2013 - 15:20
А именно при входе в Блог, нужно чтобы появилась такая картинка (см. приложение)., то есть не одним текстом, а отдельными блоками! /Как этого можно достичь?
И вторая картинка, это пример того, что сейчас имеется у меня на сайте.
#2
Отправлено 04 Апрель 2013 - 01:00
#3
Отправлено 04 Апрель 2013 - 10:27
Dr.Nemo (03 Апрель 2013 - 15:20) писал:
А именно при входе в Блог, нужно чтобы появилась такая картинка (см. приложение)., то есть не одним текстом, а отдельными блоками! /Как этого можно достичь?
И вторая картинка, это пример того, что сейчас имеется у меня на сайте.
Вы можете сделать следующее:
на странице, где у Вас будут эти блоки с некоторой информацией, можете добавить код (сайт - страницы -> блоги)
<h6 onclick="$('#id1').toggle(); return(false);" style="cursor: pointer;"> Заголовок </h6> <div> небольшой текст (анонс) </div> <div id="id1" style="display:none;"> скрытый текст </div> <br> <br> <h6 onclick="$('#id2').toggle(); return(false);" style="cursor: pointer;"> Заголовок </h6> <div> небольшой текст (анонс) </div> <div id="id2" style="display:none;"> скрытый текст </div> <br> <br> <h6 onclick="$('#id3').toggle(); return(false);" style="cursor: pointer;"> Заголовок </h6> <div> небольшой текст (анонс) </div> <div id="id3" style="display:none;"> скрытый текст </div> <br> <br> . . .
и у Вас получится примерно так
#5
Отправлено 25 Июнь 2013 - 01:34
Цитата
Пожалуйста, сообщите у вас создана уже такая страница? Вы можете создать страницу в разделе Сайт -> Страницы, и привести его к необходимому виду как сообщается по инструкции выше. Далее вы можете в разделе Сайт -> Меню добавить новый пункт меню ведущий на вашу созданную страницу.
#6
Отправлено 25 Июнь 2013 - 16:10
Dr.Nemo (24 Июнь 2013 - 16:05) писал:
Хотелось бы реализовать следующее, при клике на кнопку клиент попадал в окно , которое заранее разбито на равные прямоугольные анонсы (см. картинку).
Вам нужно создать страницу (сайт -> страницы -> создать страницу) Там нажать в содержимом "источник" и вставить код
<style type="text/css">td { vertical-align: top; } </style>Теперь Вам нужно вставить код (через источник)
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;">далее создавайте таблицу через визуальное отображение (2 колонки, 2 строки, размер любой), в последней колонке ячейки нужно объединить. Можете заранее вставить этот код (через источник)
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> </td> </tr> </tbody> </table>
далее в первую ячейку Вам нужно поставить картинку (это Вы можете сделать НЕ в режиме источник. Просто нажимаете на первую ячейку и вставьте ссылку на изображение. Размер изображения настройте там примерно в 70х70.
теперь снова нажимайте источник и между
<td> </td>нужно вставить содержимое короткого сообщения. должно получиться так:
<td><p><strong><em>Здесь у Вас будет написан отзыв</em></strong></p> <p>подробнее</p></td>
теперь находите ниже
<tr> <td colspan="2"> </td> </tr>и вместо нужно вставить текст, который будет появляться при нажатии на короткое сообщение. Таким образом можете сейчас заменить тот блок на
<tr> <td colspan="2" style="background-color: rgb(204, 204, 204);"> <div id="faq1" style="display: none;"> <p>Аноним Анонимов</p> <p>Здесь у Вас будет написан отзыв подробнее. Текст сам может быть любой длины</p> </div> </td>и в самом конце поставьте
</div>
Весь пример кода будет выглядеть так
<style type="text/css">td { vertical-align: top; } </style> <div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"> <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td style="background-color: rgb(204, 204, 204);"><img alt="" src="http://files.storeland.net/f362/560/2-oj-podarok-795f32.jpg" style="opacity: 0.9; text-align: center; width: 70px; height: 70px;" />?</td> <td style="background-color: rgb(204, 204, 204);"> <p><strong><em>Здесь у Вас будет написан отзыв</em></strong></p> <p>подробнее</p> </td> </tr> <tr> <td colspan="2" style="background-color: rgb(204, 204, 204);"> <div id="faq1" style="display: none;"> <p>Аноним Анонимов</p> <p>Здесь у Вас будет написан отзыв подробнее. Текст сам может быть любой длины</p> </div> </td> </tr> </tbody> </table> </div>Сами ячейки можете закрасить любым фоном.
В дальнейшем, если Вам нужно будет создать еще одну табличку, то Вам будет нужно заменять faq1 на faq2 или faq3 или faq4 соответственно.
Можете всегда вставлять код
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"> <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td><img alt="" src="http://files.storeland.net/f362/560/2-oj-podarok-795f32.jpg" style="opacity: 0.9; text-align: center; width: 70px; height: 70px;" />?</td> <td> <p><strong><em>Здесь у Вас будет написан отзыв</em></strong></p> <p>подробнее</p> </td> </tr> <tr> <td colspan="2"> <div id="faq1" style="display: none;"> <p>Аноним Анонимов</p> <p>Здесь у Вас будет написан отзыв подробнее. Текст сам может быть любой длины</p> </div> </td> </tr> </tbody> </table> </div>а там уже его редактировать (заменять fag1, ссылку на изображение и текст)
Пример отображения показан на скриншоте. Визуально естественно можете поменять, например, поставить рамочки
#7
Отправлено 26 Июнь 2013 - 16:02
Dr.Nemo (24 Июнь 2013 - 16:05) писал:
Хотелось бы реализовать следующее, при клике на кнопку клиент попадал в окно , которое заранее разбито на равные прямоугольные анонсы (см. картинку).
в продолжение нашего телефонного разговора, для того, чтобы изменить Новости магазина на "Предложения и акции"
далее в шаблоне HTML найдите
<title>{PAGE_TITLE}</title>замените на
<title>{% IF PAGE_TITLE=Новости магазина %}Предложения акции{%ELSE%}{PAGE_TITLE}{% ENDIF %}</title>
теперь в шаблоне Список новостей найдите
<!-- Статический заголовок странички --> <div class="headline" style="background:none;"> <div class="h1static clear"> <h2 class="fnt18n">{NEWS_SECTION_NAME}</h2> </div> </div> <!-- Статический заголовок странички-Конец --> <!-- Спидбар сайта --> <div class="padd"> <div class="speedbar fnt11n txtalgnlft"> <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="fnt11b">{NEWS_SECTION_NAME}</span> </div> </div> <!-- Спидбар сайта-Конец --> {%IF news_list_empty %} <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;"> Пока новостей нет. </div> {%ELSE%} <!-- Вывод статей\новостей сайта -->
замените на
<!-- Статический заголовок странички --> <div class="headline" style="background:none;"> <div class="h1static clear"> <h2 class="fnt18n"> {%IF NEWS_SECTION_NAME=Новости магазина%}Предложения и акции{%ELSE%}{NEWS_SECTION_NAME}{% ENDIF %}</h2> </div> </div> <!-- Статический заголовок странички-Конец --> <!-- Спидбар сайта --> <div class="padd"> <div class="speedbar fnt11n txtalgnlft"> <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="fnt11b">{% IF NEWS_SECTION_NAME=Новости магазина %}Предложения и акции{%ELSE%}{NEWS_SECTION_NAME}{% ENDIF %}</span> </div> </div> <!-- Спидбар сайта-Конец --> {%IF news_list_empty %} <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;"> {%IF NEWS_SECTION_NAME=Новости магазина%}Предложений и акций нет ...{%ELSE%}Пока новостей нет ...{% ENDIF %} </div> {%ELSE%} <!-- Вывод статей\новостей сайта -->
теперь в шаблоне просмотр новости найдите
<!-- Спидбар сайта --> <div class="padd"> <div class="speedbar fnt11n txtalgnlft"> <a href="http://{NET_DOMAIN}/">Главная</a> » <a href="{NEWS_SECTION_URL}">{NEWS_SECTION_NAME}</a> » <span class="fnt11b">{NEWS_TITLE}</span> </div> </div> <!-- Спидбар сайта-Конец -->замените на
<!-- Спидбар сайта --> <div class="padd"> <div class="speedbar fnt11n txtalgnlft"> <a href="http://{NET_DOMAIN}/">Главная</a> » <a href="{NEWS_SECTION_URL}">{% IF NEWS_SECTION_NAME=Новости магазина %}Предложения и акции{%ELSE%}{NEWS_SECTION_NAME}{% ENDIF %}</a> » <span class="fnt11b">{NEWS_TITLE}</span> </div> </div> <!-- Спидбар сайта-Конец -->
и также найдите ниже
{% IF NEWS_SECTION_ID=1 %}К другим новостям магазина{% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям{% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ{% ELSE %}К другим новостям{% ENDIF %} </a>замените на
{% IF NEWS_SECTION_ID=1 %}{% IF NEWS_SECTION_NAME=Новости магазина %}К другим предложениям и акциям магазина{% ENDIF %}{% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям{% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ{% ELSE %}К другим новостям{% ENDIF %}</a>
#8
Отправлено 27 Июнь 2013 - 15:12
#9
Отправлено 27 Июнь 2013 - 17:18
Dr.Nemo (27 Июнь 2013 - 15:12) писал:
найдите в шаблоне HTML блок
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <div class="blocktitle bluesmall"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul id="nav">{%IF catalog_full.LEVEL=1%}<li class="catalog_parent_name catalog_id{catalog_full.ID}"><span style="color:#FF0000; font-size: 16px;"></span> </li>{% ENDIF %}{% ENDIF %} <li class=" level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} "> <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <script> $('.catalog_parent_name').each(function() { $(this).children('span').text($(this).closest('li').children('a').text()); }); </script> </div> </div> </div> </div> <!-- Panel-Site-END -->
и замените его на
<!-- Panel-Site --> <div id="panelsite"> <div class="leftcol"></div> <div class="centercol"> <div class="menuheader"> <div class="blocktitle bluesmall"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul id="nav">{%IF catalog_full.LEVEL=1%}<li class="catalog_parent_name catalog_id{catalog_full.ID}"><span style="color:#FF0000; font-size: 16px;"></span> </li>{% ENDIF %}{% ENDIF %} <li class=" level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} "> <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} <li><a href="{NEWS_SHOP_URL}"><span>Предложения и акции</span></a></li> </ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <script> $('.catalog_parent_name').each(function() { $(this).children('span').text($(this).closest('li').children('a').text()); }); </script> </div> </div> </div> </div> <!-- Panel-Site-END -->
также найдите строчку
<a href="{NEWS_SHOP_URL}">Новости магазина</a>замените ее на
<a href="{NEWS_SHOP_URL}">Предложения и акции</a>
чуть ниже найдите
<a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a>замените на
<a href="{news_list_all.URL}" title="Перейти к предложению: {news_list_all.TITLE}">{news_list_all.TITLE}</a>
#10
Отправлено 27 Июнь 2013 - 17:54
#11
Отправлено 27 Июнь 2013 - 17:59
Dr.Nemo (27 Июнь 2013 - 17:54) писал:
измените в HTML
<li><a href="{NEWS_SHOP_URL}"><span>Предложения и акции</span></a></li>на
<li><a href="{NEWS_SHOP_URL}"><span>ПРЕДЛОЖЕНИЯ И АКЦИИ</span></a></li>
#12
Отправлено 28 Июнь 2013 - 07:32
#14
Отправлено 28 Июнь 2013 - 11:23
Dr.Nemo (28 Июнь 2013 - 07:38) писал:
1. Это переместить корзину
2. переместить панель товаров чуть выше , под поисковую панель.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
/*Верхняя панель сайта*/ .cartInfo{width: 188px;position:relative;float:right;}Заменить:
/*Верхняя панель сайта*/ .cartInfo{ width: 188px; position:relative; float:right;top: -168px; height: 58px; margin-bottom: -58px; }
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#header { width:100%; height: 120px; clear:both; }Заменить:
#header { width:100%; height: 210px; clear:both; }
#15
Отправлено 02 Июль 2013 - 12:28
2) саму корзину сделать вместо серого цвета, на #FF4500
Источник:http://www.klubok.net/reviews160.html
#16
Отправлено 02 Июль 2013 - 17:49
Dr.Nemo (02 Июль 2013 - 12:28) писал:
2) саму корзину сделать вместо серого цвета, на #FF4500
Источник:http://www.klubok.net/reviews160.html
Для перемещения блоков.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
/*Верхняя панель сайта*/ .cartInfo{ width: 188px; position:relative; float:right;top: -168px; height: 58px; margin-bottom: -58px; }Заменить:
/*Верхняя панель сайта*/ .cartInfo{ width: 188px; position:relative; float:right; top: -210px; height: 58px; margin-bottom: -90px; left: -122px; }Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.menuheader {height: 24px;margin: 7px 0 0;overflow: hidden;padding-top: 10px;width: 100%; }Заменить:
.menuheader {height: 24px;margin: 7px 0 0;overflow: hidden;padding-top: 10px;width: 75%; }
Изменить цвета ярлыка корзины можно только в графическом редакторе. Это изображение buscet.jpg
#17
Отправлено 03 Июль 2013 - 09:40
#18
Отправлено 03 Июль 2013 - 10:20
Dr.Nemo (03 Июль 2013 - 09:40) писал:
В файле "main.css".
Код:
.menuheader {height: 24px;margin: 7px 0 0;overflow: hidden;padding-top: 10px;width: 75%;}Заменить:
.menuheader {height: 24px;margin: 7px 0 0;overflow: hidden;padding-top: 10px;width: 100%;}
Добавить в конец файла код:
#header .menuheader { width: 75%; }
#20
Отправлено 05 Июль 2013 - 14:40
Dr.Nemo (05 Июль 2013 - 14:01) писал:
Можно например написать верхнее меню шрифтом: Comic Sans MS
И добавить в конец файла "main.css".
Код:
.menuheader ul li a { font-family: 'Comic Sans MS', cursive; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных