Перейти к содержимому


Вопрос Про Блоги


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 86

#1 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 03 Апрель 2013 - 15:20

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

А именно при входе в Блог, нужно чтобы появилась такая картинка (см. приложение)., то есть не одним текстом, а отдельными блоками! /Как этого можно достичь?

И вторая картинка, это пример того, что сейчас имеется у меня на сайте.

Прикрепленные изображения

  • вопрос про блоги 1.jpg
  • вопрос про блоги.jpg


#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Апрель 2013 - 01:00

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

#3 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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>
. . .


и у Вас получится примерно так

#4 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 24 Июнь 2013 - 16:05

Вопрос, у нас на сайте размещен блок - ЗАКАЗ НА ОПТ.

Хотелось бы реализовать следующее, при клике на кнопку клиент попадал в окно , которое заранее разбито на равные прямоугольные анонсы (см. картинку).

Прикрепленные изображения

  • 1.gif
  • 2.gif


#5 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Июнь 2013 - 01:34

Цитата

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

Пожалуйста, сообщите у вас создана уже такая страница? Вы можете создать страницу в разделе Сайт -> Страницы, и привести его к необходимому виду как сообщается по инструкции выше. Далее вы можете в разделе Сайт -> Меню добавить новый пункт меню ведущий на вашу созданную страницу.

#6 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</tbody>
</table>

далее в первую ячейку Вам нужно поставить картинку (это Вы можете сделать НЕ в режиме источник. Просто нажимаете на первую ячейку и вставьте ссылку на изображение. Размер изображения настройте там примерно в 70х70.
теперь снова нажимайте источник и между
<td>&nbsp;</td>
нужно вставить содержимое короткого сообщения. должно получиться так:
<td><p><strong><em>Здесь у Вас будет написан отзыв</em></strong></p>
<p>подробнее</p></td>

теперь находите ниже
<tr>
<td colspan="2">&nbsp;</td>
</tr>
и вместо &nbsp; нужно вставить текст, который будет появляться при нажатии на короткое сообщение. Таким образом можете сейчас заменить тот блок на
<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, ссылку на изображение и текст)
Пример отображения показан на скриншоте. Визуально естественно можете поменять, например, поставить рамочки

Прикрепленные изображения

  • ScreenShot 307.png
  • ScreenShot 308.png


#7 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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> &raquo; <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> &raquo; <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> &raquo; <a href="{NEWS_SECTION_URL}">{NEWS_SECTION_NAME}</a> &raquo; <span class="fnt11b">{NEWS_TITLE}</span>
  </div>
</div>
<!-- Спидбар сайта-Конец -->
замените на
<!-- Спидбар сайта -->
<div class="padd">
  <div class="speedbar fnt11n txtalgnlft">
	<a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <a href="{NEWS_SECTION_URL}">{% IF NEWS_SECTION_NAME=Новости магазина %}Предложения и акции{%ELSE%}{NEWS_SECTION_NAME}{% ENDIF %}</a> &raquo; <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 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 27 Июнь 2013 - 15:12

Все изменения сделал. Что необходимо сделать вторым моментом?

#9 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 27 Июнь 2013 - 17:54

Ок, всё отлично. А где теперь находится сам блок Акции и Предложения. Необходимо написать Акции и Предложения заглавными буквами!

#11 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 28 Июнь 2013 - 07:32

Спасибо, всё получилось

#13 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 28 Июнь 2013 - 07:38

Помогите, пожалуйста,  с двумя вопросами (см. картинку)

1. Это переместить корзину
2. переместить панель товаров чуть выше , под поисковую панель.

Прикрепленные изображения

  • вопрос.jpg


#14 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 28 Июнь 2013 - 11:23

Просмотр сообщенияDr.Nemo (28 Июнь 2013 - 07:38) писал:

Помогите, пожалуйста,  с двумя вопросами (см. картинку)

1. Это переместить корзину
2. переместить панель товаров чуть выше , под поисковую панель.
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 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 02 Июль 2013 - 12:28

1) и еще вопрос, хотелось бы поднять корзину наверх, как изображено на картинке, предварительно сместив блоки ГЛАВНАЯ ДОСТАВКА ЗАКАЗЫ НА ОПТ СОТРУДНИЧЕСТВО В РЕГИОНАХ немного левее.

2) саму корзину сделать вместо серого цвета, на #FF4500
Источник:http://www.klubok.net/reviews160.html

Прикрепленные изображения

  • вопрос 2.jpg


#16 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 02 Июль 2013 - 17:49

Просмотр сообщенияDr.Nemo (02 Июль 2013 - 12:28) писал:

1) и еще вопрос, хотелось бы поднять корзину наверх, как изображено на картинке, предварительно сместив блоки ГЛАВНАЯ ДОСТАВКА ЗАКАЗЫ НА ОПТ СОТРУДНИЧЕСТВО В РЕГИОНАХ немного левее.

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 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 03 Июль 2013 - 09:40

Ок. Всё сделал, но все блоки поехали. Нужна срочная помощь!

#18 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 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%;
}


#19 Dr.Nemo

Dr.Nemo

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 440 сообщений

Отправлено 05 Июль 2013 - 14:01

Есть проблема в изменении шрифта. В приложении картинка , каким образом должны выглядеть шрифты. Как их можно заменить на нашем сайте?

Прикрепленные изображения

  • вопрос 3.jpg


#20 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 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 анонимных