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


Вопрос

Автор D_mix, 28 марта 2014 22:40

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

#1 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 28 Март 2014 - 22:40

Здравствуйте! Как слить шаблон в один фон(шапку, центр. часть, подвал)?

#2 Сake

Сake

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

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

Отправлено 29 Март 2014 - 01:37

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

#3 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 12:57

Вот что я имел ввиду  35792-osc-b.jpg 1 фон на всю страницу

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 29 Март 2014 - 15:50

Просмотр сообщенияD_mix (29 Март 2014 - 12:57) писал:

Вот что я имел ввиду  Прикрепленный файл 35792-osc-b.jpg 1 фон на всю страницу

Здравствуйте, дизайн вашего сайта создан из 3 частей (Шапка, Тело, Подвал). Если вы объедините все три разных фона в один, ваш сайт будет отображаться не корректно. Вы можете предоставить подходящий для вас фон, состоящий из одной части, мы поможем вам его установить.

#5 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 16:10

Я почти разобрался но с подвалом проблемка
1.Как поставить все на место и выровнять по центру
2.Выровнять по центру
Безымянный.jpg
SL-243352

#6 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 16:24

Просмотр сообщенияD_mix (29 Март 2014 - 16:10) писал:

Я почти разобрался но с подвалом проблемка
1.Как поставить все на место и выровнять по центру
2.Выровнять по центру
Прикрепленный файл Безымянный.jpg
SL-243352

На аккаунте 243352 такого дизайна и подвала нет. о каком аккаунте идет речь?

#7 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 16:38

у меня два сайта на аккаунте. Вот тогда так  http://o20443.storeland.ru

#8 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 16:51

Просмотр сообщенияD_mix (29 Март 2014 - 16:38) писал:

у меня два сайта на аккаунте. Вот тогда так  http://o20443.storeland.ru

В main.css добавьте строчки:
.footer ul {   
position: relative;   
float: left;   left: 50%;   
border: 1px dashed #a00;   
list-style: none;   
margin: 0;
 padding: 0; 
}  
.footer ul li {   
position: relative;   
float: left;   
right: 50%;   
border: 2px solid #0a0;   
padding: 10px; 
}  
.footer {   
overflow: hidden; 
}
.footermenu {
width: 100%;
}
.footermenu section {
width: 300p;
margin: 0 auto;
}

Далее в шаблоне HTML найдите код:
<section>
			<!-- Если в тарифном плане подключен модуль новостей -->
			<div class="menu_main">
			  <h4><a href="/news?sid=1" title="Новости" style="text-decoration: none">Новости</a></h4>
			  <ul>
				<!-- Все новости -->
				{% IFNOT news_list_all_empty %}
				  {% FOR news_list_all %}
					<li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Все новости -->
				<!-- Новости магазина -->
				{% IFNOT news_list_shop_empty %}
				  {% FOR news_list_shop %}
					<li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Новости магазина -->
			  </ul>
			</div>
		  </section>
		  <section>
			<div class="menu_main">
			  <h4><a href="/news?sid=2" title="Все статьи" style="text-decoration: none">Статьи</a></h4>
			  <ul>
				<!-- Статьи -->
				{% IFNOT news_list_articles_empty %}
				  {% FOR news_list_articles %}
					<li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Статьи -->
			  </ul>
			</div>
		  </section>
		  <section>
			<div class="menu_main">
			  <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
			  <ul>
				<!-- Материалы СМИ -->
				{% IFNOT news_list_mass_media_empty %}
				  {% FOR news_list_mass_media %}
					<li><a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Материалы СМИ -->
			  </ul>
			</div>
		  </section>
		  <section class="vcard">
			<h4>Информация о компании</h4>
			<p>Название компании ООО<br />
			Зарегистрирована в России<br />
			Регистрационный номер: 05968981.<br />
			НДС: 00120898409</p>
		  </section>

и замените его на:
<div class="footermenu">
<section>
			<!-- Если в тарифном плане подключен модуль новостей -->
			<div class="menu_main">
			  <h4><a href="/news?sid=1" title="Новости" style="text-decoration: none">Новости</a></h4>
			  <ul>
				<!-- Все новости -->
				{% IFNOT news_list_all_empty %}
				  {% FOR news_list_all %}
					<li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Все новости -->
				<!-- Новости магазина -->
				{% IFNOT news_list_shop_empty %}
				  {% FOR news_list_shop %}
					<li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Новости магазина -->
			  </ul>
			</div>
		  </section>
		  <section>
			<div class="menu_main">
			  <h4><a href="/news?sid=2" title="Все статьи" style="text-decoration: none">Статьи</a></h4>
			  <ul>
				<!-- Статьи -->
				{% IFNOT news_list_articles_empty %}
				  {% FOR news_list_articles %}
					<li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Статьи -->
			  </ul>
			</div>
		  </section>
		  <section>
			<div class="menu_main">
			  <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
			  <ul>
				<!-- Материалы СМИ -->
				{% IFNOT news_list_mass_media_empty %}
				  {% FOR news_list_mass_media %}
					<li><a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Материалы СМИ -->
			  </ul>
			</div>
		  </section>
		  <section class="vcard">
			<h4>Информация о компании</h4>
			<p>Название компании ООО<br />
			Зарегистрирована в России<br />
			Регистрационный номер: 05968981.<br />
			НДС: 00120898409</p>
		  </section>
</div>

#9 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 16:59

Вот,что получилось!
Безымянный.jpg

#10 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 17:06

Просмотр сообщенияD_mix (29 Март 2014 - 16:59) писал:

Вот,что получилось!
Прикрепленный файл Безымянный.jpg

Уберите строчки из кода:
border: 1px dashed #a00;  

и
border: 2px solid #0a0;

Просмотр сообщенияD_mix (29 Март 2014 - 16:59) писал:

Вот,что получилось!
Прикрепленный файл Безымянный.jpg

и вот это:
.footermenu section {
width: 300p;
margin: 0 auto;
}

замените на:
.footermenu section {
width: 300px;
margin: 0 auto;
}

Забыл там букву одну

#11 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 17:12

Просмотр сообщенияD_mix (29 Март 2014 - 16:10) писал:

Я почти разобрался но с подвалом проблемка
1.Как поставить все на место и выровнять по центру
2.Выровнять по центру
Прикрепленный файл Безымянный.jpg
SL-243352

А что с первым пунктом делать?

#12 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 17:16

Просмотр сообщенияD_mix (29 Март 2014 - 17:12) писал:

А что с первым пунктом делать?

Выше я дописал как по центру поставить первый блок

#13 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 17:29

Вы немного не поняли меня! Нужно как на скрине, а у меня все в кучу получилось после добавления фона
Безымянны4й.jpg

И еще вопросик как поставить вот это меню Прикрепленный файл  nozml_menu.html   679байт   95 Количество загрузок:  Прикрепленный файл  style.css   998байт   328 Количество загрузок:
Безымянный.png

#14 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 17:55

Код в подвале заменили.

Поставить в смысле заменить верхнее или просто добавить на сайт.

#15 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 17:59

Заменить,но не верхнее, а меню каталога как на скрине

#16 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 18:12

Просмотр сообщенияD_mix (29 Март 2014 - 17:59) писал:

Заменить,но не верхнее, а меню каталога как на скрине

Делаем бэкап. Открываем style.css, ищем:
.nav > li {
float: left;
}

и заменяем на:

.nav > li {
float: left;
list-style: none;
display: inline;
margin: 0 5px;
}

Далее ищем:
.nav > li > .parent {
background-image: url("http://****net/downArrow.png");
background-repeat: no-repeat;
background-position: right;
}

и заменяем на:
.nav > li > .parent {
color: #b5b4b4;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
text-decoration: none;
border-bottom: 5px solid #b5b4b4;
cursor: pointer;
padding: 0 0 1px 0;
}

Далее вставляем следующий код:
.nav > li > .parent:hover {
border-bottom:5px solid #008fd5;
color:#008fd5;
text-decoration:none;
}

li.open {
border-bottom: 5px solid #b5b4b4;
color: #008fd5;
text-transform:uppercase;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

#17 D_mix

D_mix

    Продвинутый пользователь

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

Отправлено 29 Март 2014 - 18:26

Спасибо получилось!Вот только как черноту убрать и выровнять новость,статьи и т.д.?

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

  • Безымянный.jpg

#18 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 19:00

Просмотр сообщенияD_mix (29 Март 2014 - 18:26) писал:

Спасибо получилось!Вот только как черноту убрать и выровнять новость,статьи и т.д.?

В файле style.css найдите строчку:
html {
-webkit-font-smoothing: antialiased;
background: #0f0f0f;
}

и уберите background: #0f0f0f;
Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Вечность
  5. → Изменение общей стилистики
  6. Privacy Policy