Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Помогите Убрать Лишнее Пространство В Шаблоне

Автор artimf, 03 авг. 2013 12:36

Сияние

Авторизуйтесь для ответа в теме

Сообщений в теме: 15

#1 artimf

Пользователь

Пользователи
17 сообщений

Отправлено 03 Август 2013 - 12:36

Хочу перенести место где выводятся заголовки страниц в основной блок контента. При этом подтянуть контент ближе к шапке.
На картинке я указал как это должно получиться

http://artimf.storeland.ru/

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

Наверх

#2 miyako

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

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

Отправлено 03 Август 2013 - 12:46

artimf (03 Август 2013 - 12:36) писал:

1) Найдите код в шаблоне Страница -

{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}

и удалите его.
Далее там же найдите код:

<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->

и после него вставьте код:

{% IF PAGE_NAME %}
  <div class="page-headline">
	<h1>{PAGE_NAME}</h1>
  </div>
{% ENDIF %}

Наверх

#3 artimf

Пользователь

Пользователи
17 сообщений

Отправлено 03 Август 2013 - 13:29

Сделал как Вы сказали.
Не совсем получилось. (рис.Безымянный2.png)

На некоторых страницах вообще нет изменений.(рис.Безымянный3.png)

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

Наверх

#4 miyako

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

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

Отправлено 03 Август 2013 - 13:36

artimf (03 Август 2013 - 13:29) писал:

Потому что нужно менять уже в шаблоне персонально для страницы. Например страница "Связь с администрацией"
Сайт - Редактор шаблонов - шаблон Связь с администрацией.
Найдите код -

<div class="page-headline">
  <h1>Связь с администрацией</h1>
</div>
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">Связь с администрацией</span>
	</p>
  </div>
  <!-- end Строка пути -->

замените на -

<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">Связь с администрацией</span>
	</p>
  </div>
  <!-- end Строка пути -->
<div class="page-headline">
  <h1>Связь с администрацией</h1>
</div>

То есть нужно код заголовка и код Пути поменять местами

Наверх

#5 artimf

Пользователь

Пользователи
17 сообщений

Отправлено 03 Август 2013 - 14:16

Понятно, спасибо.

Осталась вторая часть вопроса, не получается убрать пустой промежуток, между шапкой и контентом.

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

Наверх

#6 support 2.0

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

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

Отправлено 03 Август 2013 - 17:36

artimf (03 Август 2013 - 14:16) писал:

в шаблоне страница найдите

<div class="pad-box">

замените на

<div class="pad-box" {% IF index_page %}style="padding-top:60px;{% ENDIF %}>

в main.css найдите

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg2.jpg) no-repeat 0px 80px;
padding-top: 10px;
}

замените на

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg2.jpg) no-repeat 0px 80px;
padding-top: 10px;
margin-top: -50px;
}

теперь там же найдите

#header {
padding-top: 27px;/*artimf 22 07 13*/
}

замените на

#header {
padding-top: 27px;/*artimf 22 07 13*/
z-index: 9;
}

далее в шаблоне HTML после <body> вставьте

{% IF index_page %}<style>
.page-headline {margin-top: -30px;}
</style>
{% ENDIF %}

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

Наверх

#7 artimf

Пользователь

Пользователи
17 сообщений

Отправлено 03 Август 2013 - 20:57

Большое спасибо!! Удачи!

Наверх

#8 dobro

Пользователь

Пользователи
27 сообщений

Отправлено 26 Сентябрь 2013 - 14:12

делаю всё как вы объясняли человеку не могу найти #header
нужно убрать расстояния между картинками это 1 и 2
и 3 что хотелось бы сделать,как вытянуть картинку?она на половину обрезана получилось

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

Наверх

#9 support 2.0

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

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

Отправлено 26 Сентябрь 2013 - 15:10

dobro (26 Сентябрь 2013 - 14:12) писал:

в файле main.css найдите

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 80px;
padding-top: 10px;
margin-top: 0px;
}

замените на

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

далее измените

.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 20px;
height:2em;overflow:hidden;
}

на

.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
padding-left: 20px;
height:2em;overflow:hidden;
padding-top: 20px;
}

теперь найдите блок

.content_catalog {
padding-top:80px;
vertical-align:top;
}

замените на

.content_catalog {
padding-top: 40px;
vertical-align: top;
}

блок

.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
overflow:hidden;
padding-bottom: 2em;
}

замените на

.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 5px;
overflow:hidden;
padding-bottom: 2em;
min-height: 425px;
}

измените

.page-headline {height: 81px;position:relative;}

замените на

.page-headline {height: 20px;position:relative;}

далее измените

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.png) no-repeat center top;
padding: 0px;
margin: 0px auto;
height: 40px;
padding-bottom: 80px;
}

на

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.png) no-repeat center top;
padding: 0px;
margin: 0px auto;
height: 43px;
padding-bottom: 80px;
}

измените

#header {
padding-top: 0px;/*artimf 22 07 13*/
z-index: 9;
}

на

#header {
padding-top: 0px;/*artimf 22 07 13*/
z-index: 9;
color:#fff;
}

Наверх

#10 dobro

Пользователь

Пользователи
27 сообщений

Отправлено 26 Сентябрь 2013 - 15:43

support 2.0 (26 Сентябрь 2013 - 15:10) писал:

в файле main.css найдите

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 80px;
padding-top: 10px;
margin-top: 0px;
}

замените на

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

далее измените

.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 20px;
height:2em;overflow:hidden;
}

на

.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
padding-left: 20px;
height:2em;overflow:hidden;
padding-top: 20px;
}

теперь найдите блок

.content_catalog {
padding-top:80px;
vertical-align:top;
}

замените на

.content_catalog {
padding-top: 40px;
vertical-align: top;
}

блок

.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
overflow:hidden;
padding-bottom: 2em;
}

замените на

.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 5px;
overflow:hidden;
padding-bottom: 2em;
min-height: 425px;
}

измените

.page-headline {height: 81px;position:relative;}

замените на

.page-headline {height: 20px;position:relative;}

далее измените

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.png) no-repeat center top;
padding: 0px;
margin: 0px auto;
height: 40px;
padding-bottom: 80px;
}

на

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.png) no-repeat center top;
padding: 0px;
margin: 0px auto;
height: 43px;
padding-bottom: 80px;
}

измените

#header {
padding-top: 0px;/*artimf 22 07 13*/
z-index: 9;
}

на

#header {
padding-top: 0px;/*artimf 22 07 13*/
z-index: 9;
color:#fff;
}

support 2.0 (26 Сентябрь 2013 - 15:10) писал:

в файле main.css найдите

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 80px;
padding-top: 10px;
margin-top: 0px;
}

замените на

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

далее измените

.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 20px;
height:2em;overflow:hidden;
}

на

.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
padding-left: 20px;
height:2em;overflow:hidden;
padding-top: 20px;
}

теперь найдите блок

.content_catalog {
padding-top:80px;
vertical-align:top;
}

замените на

.content_catalog {
padding-top: 40px;
vertical-align: top;
}

блок

.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 68px;
overflow:hidden;
padding-bottom: 2em;
}

замените на

.content_page {
background: url({ASSETS_IMAGES_PATH}content-page-br.gif) no-repeat 710px 5px;
overflow:hidden;
padding-bottom: 2em;
min-height: 425px;
}

измените

.page-headline {height: 81px;position:relative;}

замените на

.page-headline {height: 20px;position:relative;}

далее измените

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.png) no-repeat center top;
padding: 0px;
margin: 0px auto;
height: 40px;
padding-bottom: 80px;
}

на

#footer {
background: url({ASSETS_IMAGES_PATH}footer_bg.png) no-repeat center top;
padding: 0px;
margin: 0px auto;
height: 43px;
padding-bottom: 80px;
}

измените

#header {
padding-top: 0px;/*artimf 22 07 13*/
z-index: 9;
}

на

#header {
padding-top: 0px;/*artimf 22 07 13*/
z-index: 9;
color:#fff;
}

спасибо большое,все сделал,но между подвалом и серединой пространство осталось. не нашел бло #header и просто добавил его в туда))
хотелось бы убрать все таки это пространство

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

Наверх

#11 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 26 Сентябрь 2013 - 15:48

В файле main.css найдите блок

#wrapper {
background-color: #232329;
padding-bottom: 10px;
}

и замените его на

#wrapper {
background-color: #232329;
}

Наверх

#12 dobro

Пользователь

Пользователи
27 сообщений

Отправлено 26 Сентябрь 2013 - 15:52

Stasya (26 Сентябрь 2013 - 15:48) писал:

В файле main.css найдите блок

#wrapper {
background-color: #232329;
padding-bottom: 10px;
}

и замените его на

#wrapper {
background-color: #232329;
}

спасибо огромное милейший.помог.
еще вопрос как сделать атк чтоб при прокрутке товаров картинка по середине повторялась?

Наверх

#13 support 2.0

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

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

Отправлено 26 Сентябрь 2013 - 16:04

dobro (26 Сентябрь 2013 - 15:52) писал:

измените блок

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

на

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) repeat-y 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

далее для того, чтобы у Вас цвет фона совпадал с фоном изображения, найдите

#wrapper {
background-color: #232329;
}

замените на

#wrapper {
background: #050708;
}

Наверх

#14 support 2.0

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

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

Отправлено 26 Сентябрь 2013 - 16:25

dobro (26 Сентябрь 2013 - 15:52) писал:

также замените блок

body {
  background-color: #212121;
  min-width: 960px;
}

на

body {
  background-color: #050708;
  min-width: 960px;
}

Наверх

#15 dobro

Пользователь

Пользователи
27 сообщений

Отправлено 26 Сентябрь 2013 - 16:32

dobro (26 Сентябрь 2013 - 16:32) писал:

спасибо бошльшое.очень признателен))
после того как я это делаю у меня пропадает верхняя часть((

#wrapper {
background: #050708;
}
когда меняю вот этот блок пропадает верхняя часть)

support 2.0 (26 Сентябрь 2013 - 16:04) писал:

измените блок

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) no-repeat 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

на

#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.png) repeat-y 0px 14px;
padding-top: 10px;
margin-top: 0px;
min-height: 450px;
}

далее для того, чтобы у Вас цвет фона совпадал с фоном изображения, найдите

#wrapper {
background-color: #232329;
}

замените на

#wrapper {
background: #050708;
}

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

Наверх

#16 support 2.0

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

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

Отправлено 26 Сентябрь 2013 - 16:41

dobro (26 Сентябрь 2013 - 16:32) писал:

Вы можете сейчас убрать

background: #050708;

из блока

#wrapper {
background: #050708;
}

т.к. фон у Вас все равно останется.

Наверх

Обратно в Изменение общей стилистики

Темы с аналогичным тегами Сияние

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сияние → Изменение общей стилистики → Срочно Срочно! Помогите! Автор Гость_karapuzz_* , 30 июля 2015 Сияние, Редактирование шаб	Популярная тема 16 Ответов 4 433 Просмотров	Ирина345 11 авг. 2015
Повышение продаж, продвижение → Общие вопросы → Шаблон Мокко Поменять Цвет Кнопки "добавить Товар" Автор Гость_nikon_* , 14 апр. 2015 мокко, стиль, дизайн, как, тема и 1 еще...	1 Ответ 1 352 Просмотров	Vaccina 15 апр. 2015
Повышение продаж, продвижение → SMO → Виджет Вк Автор Гость_Ruslan25_* , 12 апр. 2015 виджет вк, сияние	Популярная тема 13 Ответов 2 464 Просмотров	Ruslan25 21 апр. 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сияние → Обратный Звонок Для Шаблона Сияние Автор Гость_MikDark_* , 14 дек. 2014 Сияние, звонок, callback 1 2 3	Популярная тема 40 Ответов 13 071 Просмотров	Юля123 23 дек. 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сияние → Оформление заказа → Сияние Быстрый Заказ В Каталоге Товаров Автор Гость_Koderhan_* , 24 сент. 2013 заказ, fancybox, сияние 1 2 3 6 →	Популярная тема 114 Ответов 19 034 Просмотров	Лада 06 янв. 2018