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


Помогите Перекроить Шаблон

истро переделать дизайн шаб лон

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

#21 Ирина345

Ирина345

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

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

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

Просмотр сообщенияOlga89 (16 Сентябрь 2014 - 07:54) писал:

1. Поиск налез на информацию о сайте. Поле поиска какое-то маленькое, не такое, как должно быть в оригинале шаюлона.
2. Нужно убрать это пустое пространство в footere
3. В верхней линии страницы значек скайпа убежал выше самого скайпа. Постоянно туда сбегает. Подскажите, чем это регулируется?
найдите в hTML
 <div class="four columns">
								
								
								<div class="poick"><div class="search">
												<form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
												  <ul>
														<li class="right">
														  <input type="submit" class="btn" title="Найти" value="" />
														</li>
														<li class="left">
														  <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
														  <div id="delete"></div>  
														</li>
												  </ul>
												</form>
										</div></div> 
замените на

  
						  <div class="poick"><div class="search">
												<form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту">
												  <ul>
														<li class="right">
														  <input type="submit" class="btn" title="Найти" value="" />
														</li>
														<li class="left">
														  <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" />
														  <div id="delete"></div>  
														</li>
												  </ul>
												</form>
										</div></div> 
2. найдите в style.css
.footerBot {
display: block;
overflow: hidden;
 margin-top: 40px; 
width: 100%;
}
замените на

.footerBot {
display: block;
overflow: hidden;
/* margin-top: 40px; */
width: 100%;
}


#22 Olga89

Olga89

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

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

Отправлено 16 Сентябрь 2014 - 08:10

Просмотр сообщенияOlga89 (16 Сентябрь 2014 - 07:54) писал:


3. В верхней линии страницы значек скайпа убежал выше самого скайпа. Постоянно туда сбегает. Подскажите, чем это регулируется?
4. Как убрать логотип в этом месте со всех страниц?
5. У меня на этой странице какая-то котовасия творится. Контакты уехали вправо, а должны быть над формой связи.

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

  • сайт13.jpg
  • сайт14.jpg


#23 Ирина345

Ирина345

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

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

Отправлено 16 Сентябрь 2014 - 08:58

Просмотр сообщенияOlga89 (16 Сентябрь 2014 - 08:10) писал:

3. найдите в main.css
.skypeImg {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 27px;
	height: 25px;
	background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -8px -369px;
}
замените на


.skypeImg {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 27px;
	height: 25px;
	background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -8px -369px;
margin-left: -26px;
}

4. в шаблоне hTML найдите
 <!-- END Выдвигающеся меню -->
	<div id="sb-site" class="wrapper" style="-webkit-transform: translate(0px);">
		<div class="middle">
			<div class="middleCenter">
				<div {% IF index_page %}style="display:none;"{% ENDIF %} class="left-sidebar">
					<div class="logo">
						<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
замените на

 <!-- END Выдвигающеся меню -->
	<div id="sb-site" class="wrapper" style="-webkit-transform: translate(0px);">
		<div class="middle">
			<div class="middleCenter">
				<div {% IF index_page %}style="display:none;"{% ENDIF %} class="left-sidebar">
					<div class="logo" style="display:none;">
						<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">

5. найдите в main.css
.contactsFeedback {
display: block;
float: left;
padding: 0px 0px 15px 3px;
width: 10%;
}
замените на

.contactsFeedback {
display: block;
float: left;
padding: 0px 0px 15px 3px;
width: 23%;
}


#24 Olga89

Olga89

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

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

Отправлено 16 Сентябрь 2014 - 10:58

Спасибо, но по 5 пункту лучше не стало. Контакты должны быть НАД формой связи, а не слева от нее.

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

  • сайт15.jpg


#25 Danil

Danil

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

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

Отправлено 16 Сентябрь 2014 - 11:14

Просмотр сообщенияOlga89 (16 Сентябрь 2014 - 10:58) писал:

Спасибо, но по 5 пункту лучше не стало. Контакты должны быть НАД формой связи, а не слева от нее.
Здравствуйте.
Зайдите в main.css и найдите код
.feedback-str-block label {
display: block;
padding: 5px 3px;
width: 100%;
}
Замените на
.feedback-str-block label {
display: block;
padding: 5px 3px;
width: 200px;
}


#26 Olga89

Olga89

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

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

Отправлено 17 Сентябрь 2014 - 04:43

Спасибо.
1. Значок скайпа наполовину съеден.
2. Можно контакты сделать как на втором фото? То есть добавить фразы "Многоканальный телефон" и "Звонок бесплатный". И номер телефона должен быть по центру относительно иконки трубки телефона. Сейчас он как бы у ее верхнего края.

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

  • сайт16.jpg
  • сайт17.jpg


#27 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Сентябрь 2014 - 04:53

1. В main.css найдите:
.skypeImg {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 27px;
	height: 25px;
	background: url('http://design.ledvs.ru/sprites.png') no-repeat scroll -8px -369px transparent;
	margin-left: -26px;
}
замените на:
.skypeImg {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 27px;
	height: 25px;
	background: url('http://design.ledvs.ru/sprites.png') no-repeat scroll -8px -369px transparent;
}

2. В main.css найдите:
.phoneImg {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 27px;
	height: 23px;
	background: url('http://design.ledvs.ru/sprites.png') no-repeat scroll -9px -404px transparent;
}
измените положение фона\background увеличив значение 404 на пару пикселей.

на счет добавочных подписей, в шаблоне HTML найдите:
<li class="phone tel1">
и
<li class="phone tel2">
после них добавьте:
<p>ваш текст</p>


#28 Olga89

Olga89

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

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

Отправлено 17 Сентябрь 2014 - 09:06

Спасибо, сделала.
Только у меня слайдер автоматически сам перестал листаться. :o

#29 MikDark

MikDark

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

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

Отправлено 17 Сентябрь 2014 - 09:32

Просмотр сообщенияOlga89 (17 Сентябрь 2014 - 09:06) писал:

Спасибо, сделала.
Только у меня слайдер автоматически сам перестал листаться. :o

Слайдер поправили

#30 Olga89

Olga89

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

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

Отправлено 17 Сентябрь 2014 - 09:38

Просмотр сообщенияOlga89 (12 Сентябрь 2014 - 07:27) писал:

9. Пункты меню должны подсвечиваться не только голубым прямоугольником но и выделяться двумя чертами белого цвета, как на фото.

Так это возможно сделать?

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

  • 12_1_~1.JPG


#31 MikDark

MikDark

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

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

Отправлено 17 Сентябрь 2014 - 09:44

Просмотр сообщенияOlga89 (17 Сентябрь 2014 - 09:38) писал:

Так это возможно сделать?

В main.css найдите:
.panel-top .head li a {
display: block;
padding: 0 10px 0 10px;
color: white;
text-transform: uppercase;
letter-spacing: 0.13em;
font-size: 105%;
line-height: 45px;
}

и замените на:

.panel-top .head li a {
display: block;
margin: 10px 10px 10px 10px;
color: white;
text-transform: uppercase;
letter-spacing: 0.13em;
font-size: 105%;
line-height: 20px;
}

Далее найдите:
.panel-top .head li a:hover {
background-color: #1abc9c;
box-shadow: none;
color: white;
text-decoration: none;
}

и замените на:
.panel-top .head li a:hover {
box-shadow: none;
color: white;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
ul.head li:hover {
background-color: #1abc9c;
}


#32 Olga89

Olga89

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

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

Отправлено 17 Сентябрь 2014 - 09:53

Спасибо. Работает. Только при загрузки страницы пункт меню "Главная" выглядит некорректно.

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

  • сайт19.jpg


#33 MikDark

MikDark

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

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

Отправлено 17 Сентябрь 2014 - 09:58

Просмотр сообщенияOlga89 (17 Сентябрь 2014 - 09:53) писал:

Спасибо. Работает. Только при загрузки страницы пункт меню "Главная" выглядит некорректно.

Найдите еще код:
.panel-top li {
position: relative;
display: inline;
float: left;
}

и замените на:

.panel-top li {
position: relative;
display: inline;
float: left;
height: 45px;
}

Но подсветку выбранной страницы, к сожалению, нормально сделать не получится. Можно только совсем удалить, в коде:
.panel-top .head li a.selected {
background-color: #1abc9c;
color: #FFF;
}

удалив background-color: #1abc9c;

#34 Olga89

Olga89

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

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

Отправлено 17 Сентябрь 2014 - 10:17

Отлично. Благодарю. :)

#35 janjak

janjak

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

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

Отправлено 17 Сентябрь 2014 - 16:44

Здравствуйте!
1) Как увеличить шрифт названия магазина и как изменить его цвет (с самим цветом пока не определились, поэтому просто покажите куда вставлять код цвета)?
2) Как вставить текст под название магазина "Магазин чая и кофе" (сам текст также в дальнейшем может изменится)

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

  • 1.png


#36 Danil

Danil

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

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

Отправлено 17 Сентябрь 2014 - 16:53

Просмотр сообщенияjanjak (17 Сентябрь 2014 - 16:44) писал:

Здравствуйте!
1) Как увеличить шрифт названия магазина и как изменить его цвет (с самим цветом пока не определились, поэтому просто покажите куда вставлять код цвета)?
2) Как вставить текст под название магазина "Магазин чая и кофе" (сам текст также в дальнейшем может изменится)
Здравствуйте.
1) В main.css найдите код
.logo .store_name {
display: inline-block;
width: 100%;
color: #34495E;
text-align: center;
}
Замените на
.logo .store_name {
display: inline-block;
width: 100%;
color: #34495E;
text-align: center;
font-size: 15px;
}
Замените значение font-size: 15px;(размер шрифта) и color: #34495E;(цвет)
2) В шаблоне html найдите код
<div class="logo">
						<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
							<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
							<link itemprop="logo" href="{ASSETS_IMAGES_PATH}logo.png" />
							<span class="store_name">{SETTINGS_STORE_NAME}</span>
						</a>
					</div>
И замените на
<div class="logo">
						<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
							<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
							<link itemprop="logo" href="{ASSETS_IMAGES_PATH}logo.png" />
							<span class="store_name">{SETTINGS_STORE_NAME}</span>
  </a>
 <span class="textpodlogo">Сюда пишем текст</span>
					</div>


#37 janjak

janjak

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

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

Отправлено 17 Сентябрь 2014 - 17:11

Просмотр сообщенияDanil (17 Сентябрь 2014 - 16:53) писал:

И замените на
<div class="logo">
					 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
						 <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
						 <link itemprop="logo" href="{ASSETS_IMAGES_PATH}logo.png" />
						 <span class="store_name">{SETTINGS_STORE_NAME}</span>
</a>
<span class="textpodlogo">Сюда пишем текст</span>
				 </div>

Спасибо! А как переместить текст чуть ниже и по центру? и как менять его размер шрифта и цвет?

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

  • 1.png


#38 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 17 Сентябрь 2014 - 17:16

Просмотр сообщенияjanjak (17 Сентябрь 2014 - 17:11) писал:

Спасибо! А как переместить текст чуть ниже и по центру? и как менять его размер шрифта и цвет?
Здравствуйте.
В шаблоне HTML
<span class="textpodlogo">Магазин чая и кофе</span>
измените на
<span class="textpodlogo" style="text-align: center;margin-top: 9px; display: block;">Магазин чая и кофе</span>


#39 janjak

janjak

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

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

Отправлено 17 Сентябрь 2014 - 18:10

Спасибо!
Подскажите, что не так:
1) в админ панели я увеличил шрифт фразы, но на сайте изменений не происходит, кэш почистил..?
2) в админке шрифт тот же, что и основной текст, на сайте отображается более крупным

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

  • 1.png


#40 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 17 Сентябрь 2014 - 18:22

Просмотр сообщенияjanjak (17 Сентябрь 2014 - 18:10) писал:

Спасибо!
Подскажите, что не так:
1) в админ панели я увеличил шрифт фразы, но на сайте изменений не происходит, кэш почистил..?
2) в админке шрифт тот же, что и основной текст, на сайте отображается более крупным
Здравствуйте.
1)
у вас доставка рекадактируется Сайт--Страницы, у вас по 1 пункту установлено 2 размера шрифта
<span style="font-size:16px;"><span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size:24px;"><strong>Доставка в другие регионы.</strong></span><br />
2)
Если для вас большой уменьшите значение в
<span style="font-family: tahoma, geneva, sans-serif; font-size: 16px; line-height: 18.2000007629395px;">2) Переводом на расчетный счет организации.</span><br />
и
<span style="font-family: tahoma, geneva, sans-serif; font-size: 16px; line-height: 18.2000007629395px;">1) Переводом на банковскую карту Сбербанка</span><span style="font-family: tahoma, geneva, sans-serif; font-size: 16px; line-height: 18.2000007629395px;">.</span><br style="font-family: tahoma, geneva, sans-serif; font-size: 16px; line-height: 18.2000007629395px;" />
уменьшите значение font-size: 16px





Темы с аналогичным тегами истро, переделать, дизайн, шаб, лон

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

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