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


Видео На Фон


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

#41 Tyumenn

Tyumenn

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

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

Отправлено 15 Январь 2016 - 10:30

Просмотр сообщенияRedHead (15 Январь 2016 - 09:25) писал:

Здравствуйте! У Вас это прописано в шаблоне html. Найдите строки:
<h1 style="text-align: center;"><span style="color:#000080;"><span style="font-size:36px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;"><strong>Магнитный декор - меняйте по настроению</strong></span></span></span></h1>
{%ENDIF%}
<p style="text-align: center;"><span style="color:#000080;"><span style="font-size:24px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">Покрытие скроет дефекты холодильника</span></span></span></p>			
<p style="text-align: center;"><span style="color:#000080;"><span style="font-size:24px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">Подберем изображение под ваш интерьер</span></span></span></p>

В них необходимо заменить цвет текста, и поменять шрифт, например, так:

<h1 style="text-align: center;"><span style="color:yellow;"><span style="font-size:36px;"><span style="font-family:Times New Roman;"><strong>Магнитный декор - меняйте по настроению</strong></span></span></span></h1>
{%ENDIF%}
<p style="text-align: center;"><span style="color:#fff;"><span style="font-size:24px;"><span style="font-family:Arial;">Покрытие скроет дефекты холодильника</span></span></span></p>			
<p style="text-align: center;"><span style="color:#fff;"><span style="font-size:24px;"><span style="font-family:Cambria;">Подберем изображение под ваш интерьер</span></span></span></p>

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

#42 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 15 Январь 2016 - 12:27

Просмотр сообщенияTyumenn (15 Январь 2016 - 10:30) писал:

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

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

#43 Tyumenn

Tyumenn

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

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

Отправлено 15 Январь 2016 - 14:19

Просмотр сообщенияRedHead (15 Январь 2016 - 12:27) писал:

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

Прикрепил.

Прикрепленные файлы



#44 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Январь 2016 - 18:13

Просмотр сообщенияTyumenn (15 Январь 2016 - 14:19) писал:

Прикрепил.

Вам необходимо загрузить файл из архива с именем FuturaExtended по кнопке "Добавить файлы" в редакторе шаблонов.
Затем зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	<!-- Стили магазина -->

Замените на:
	<style type="text/css">
	@font-face {
	  font-family: 'FuturaExtended';
	  src: url('/design/FuturaExtended.ttf');
	  font-weight: normal;
	  font-style: normal;
	}
	</style>
   
	<!-- Стили магазина -->

Затем у тех строк, где необходимо изменить стиль шрифта измените font-family на:
font-family:FuturaExtended;


#45 Tyumenn

Tyumenn

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

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

Отправлено 15 Январь 2016 - 18:56

Просмотр сообщенияFirefly (15 Январь 2016 - 18:13) писал:

Вам необходимо загрузить файл из архива с именем FuturaExtended по кнопке "Добавить файлы" в редакторе шаблонов.
Затем зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Стили магазина -->

Замените на:
<style type="text/css">
@font-face {
	 font-family: 'FuturaExtended';
	 src: url('/design/FuturaExtended.ttf');
	 font-weight: normal;
	 font-style: normal;
}
</style>

<!-- Стили магазина -->

Затем у тех строк, где необходимо изменить стиль шрифта измените font-family на:
font-family:FuturaExtended;

Спасибо, как сделать так, чтобы заголовок и подзаголовок  были в центре экрана всегда и сделать возможность писать его во всю ширину экрана, чтобы текст не переносился?

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

  • ккк.jpg


#46 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 15 Январь 2016 - 19:53

Просмотр сообщенияTyumenn (15 Январь 2016 - 18:56) писал:

Спасибо, как сделать так, чтобы заголовок и подзаголовок  были в центре экрана всегда и сделать возможность писать его во всю ширину экрана, чтобы текст не переносился?

В шаблоне html замените строку
<div style="width: 800px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
на
<div style="width: 100%;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">

далее в шаблоне main.css замените блок кода:
#header #support {
	 position: relative;
	 float: left;
	 top: 350px;
	 margin-right: 11px;
	 z-index: 30;
	 width: 300px;
	 margin-left: 80px;
	 margin-top: 20px;
	 font-size: 50px;
	 padding-bottom: 50px;
}
на
#header #support {
	 position: relative;
	 float: left;
	 top: 150px;
	 z-index: 30;
	 padding-bottom: 50px;
}

Текст будет располагаться на максимальную ширину экрана, если длина строки окажется больше - произойдет перенос.

1.jpg

#47 Tyumenn

Tyumenn

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

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

Отправлено 15 Январь 2016 - 22:05

Просмотр сообщенияRedHead (15 Январь 2016 - 19:53) писал:

В шаблоне html замените строку
<div style="width: 800px;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">
на
<div style="width: 100%;" title="Звоните, мы проконсультируем вас по любым вопросам" id="support" class="c_contacts">

далее в шаблоне main.css замените блок кода:
#header #support {
	 position: relative;
	 float: left;
	 top: 350px;
	 margin-right: 11px;
	 z-index: 30;
	 width: 300px;
	 margin-left: 80px;
	 margin-top: 20px;
	 font-size: 50px;
	 padding-bottom: 50px;
}
на
#header #support {
	 position: relative;
	 float: left;
	 top: 150px;
	 z-index: 30;
	 padding-bottom: 50px;
}

Текст будет располагаться на максимальную ширину экрана, если длина строки окажется больше - произойдет перенос.

Прикрепленный файл 1.jpg

Спасибо, как сдвинуть разделы левее?

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

  • 2345.jpg


#48 Vaccina

Vaccina

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

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

Отправлено 16 Январь 2016 - 02:19

В main.css найдите:
#header .links ul li {
	margin: 0px;
	padding: 0px;
	list-style: outside none none;
	float: left;
}

замените на:
#header .links ul li {
	margin: 0px;
	padding: 0px;
	list-style: outside none none;
	display: inline-block;
}

далее найдите:
#header .links {
	padding-right: 10px;
	float: left;
	margin-left: 30px;
	clear: both;
}

замените на:
#header .links {
	float: none;
	clear: both;
	margin: 0 auto;
	text-align: center;
}


#49 Tyumenn

Tyumenn

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

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

Отправлено 16 Январь 2016 - 09:47

Просмотр сообщенияVaccina (16 Январь 2016 - 02:19) писал:

В main.css найдите:
#header .links ul li {
margin: 0px;
padding: 0px;
list-style: outside none none;
float: left;
}

замените на:
#header .links ul li {
margin: 0px;
padding: 0px;
list-style: outside none none;
display: inline-block;
}

далее найдите:
#header .links {
padding-right: 10px;
float: left;
margin-left: 30px;
clear: both;
}

замените на:
#header .links {
float: none;
clear: both;
margin: 0 auto;
text-align: center;
}

Спасибо, появился белый фон вверху, как его убрать?

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

  • ууу.jpg


#50 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Январь 2016 - 10:00

Просмотр сообщенияTyumenn (16 Январь 2016 - 09:47) писал:

Спасибо, появился белый фон вверху, как его убрать?

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.inner {
	margin: 0 auto;
	width: 1200px;
	padding: 0;
	clear: both;
	background-color: #ffffff;
	box-sizing: border-box;
}

И замените его вот этим вот кодом:

.inner {
	margin: 0 auto;
	width: 1200px;
	padding: 0;
	clear: both;
	box-sizing: border-box;
}


#51 Tyumenn

Tyumenn

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

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

Отправлено 16 Январь 2016 - 10:05

Просмотр сообщенияRayLi (16 Январь 2016 - 10:00) писал:

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.inner {
	margin: 0 auto;
	width: 1200px;
	padding: 0;
	clear: both;
	background-color: #ffffff;
	box-sizing: border-box;
}

И замените его вот этим вот кодом:

.inner {
margin: 0 auto;
width: 1200px;
padding: 0;
clear: both;
box-sizing: border-box;
}

Спасибо, где поменять шрифт в верхних разделах?

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

  • ууу.jpg


#52 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Январь 2016 - 10:18

Просмотр сообщенияTyumenn (16 Январь 2016 - 10:05) писал:

Спасибо, где поменять шрифт в верхних разделах?

Тогда сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#header .links a {
	float: left;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	font-size: 17px;
}

И замените его вот этим вот кодом:

#header .links a {
	float: left;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
}


#53 Tyumenn

Tyumenn

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

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

Отправлено 16 Январь 2016 - 12:01

Просмотр сообщенияRayLi (16 Январь 2016 - 10:18) писал:

Тогда сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 17px;
}

И замените его вот этим вот кодом:

#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 17px;
color: #fff;
}

Что то пошло не так...

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

  • ууу.jpg


#54 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Январь 2016 - 12:50

Просмотр сообщенияTyumenn (16 Январь 2016 - 12:01) писал:

Что то пошло не так...

К сожалению вы произвели изменения, которые не соответствуют вышеуказанной инструкции.
Пожалуйста, отмените ваши последние изменения и повторите их снова.

#55 Tyumenn

Tyumenn

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

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

Отправлено 16 Январь 2016 - 12:57

Просмотр сообщенияRayLi (16 Январь 2016 - 12:50) писал:

К сожалению вы произвели изменения, которые не соответствуют вышеуказанной инструкции.
Пожалуйста, отмените ваши последние изменения и повторите их снова.

Как теперь поменять шрифт здесь?

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

  • ууу.jpg


#56 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Январь 2016 - 13:12

Просмотр сообщенияTyumenn (16 Январь 2016 - 12:57) писал:

Как теперь поменять шрифт здесь?

Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#header .links a {
	float: left;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
}

И замените его вот этим вот кодом:

#header .links a {
	float: left;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
	font-family: calibri;
	font-weight: 600;
}

Где заместо в строке  font-family: calibri;  вы можете изменить формат шрифта, поменяв его название (например font-family: arial;)
А в строке  font-weight: 600;  вы сможете поменять жирность текста, путём увеличения или уменьшения значения (например font-weight: 300;)
Проверьте, пожалуйста.

#57 Tyumenn

Tyumenn

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

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

Отправлено 16 Январь 2016 - 13:39

Просмотр сообщенияRayLi (16 Январь 2016 - 13:12) писал:

Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 17px;
color: #fff;
}

И замените его вот этим вот кодом:

#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 17px;
color: #fff;
font-family: calibri;
font-weight: 600;
}

Где заместо в строке  font-family: calibri;  вы можете изменить формат шрифта, поменяв его название (например font-family: arial;)
А в строке  font-weight: 600;  вы сможете поменять жирность текста, путём увеличения или уменьшения значения (например font-weight: 300;)
Проверьте, пожалуйста.

Спасибо, как в это место поставить корзину и поменять у нее иконку?

Картинку загрузил под именем shopping.png

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

  • 222.jpg


#58 Tyumenn

Tyumenn

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

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

Отправлено 18 Январь 2016 - 15:55

Очень жду ответ

#59 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 18 Январь 2016 - 17:12

Просмотр сообщенияTyumenn (18 Январь 2016 - 15:55) писал:

Очень жду ответ

Здравствуйте.
Создали Вам бэкап и произвели изменения, проверьте, пожалуйста.

#60 Tyumenn

Tyumenn

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

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

Отправлено 18 Январь 2016 - 18:04

Просмотр сообщенияFirefly (18 Январь 2016 - 17:12) писал:

Здравствуйте.
Создали Вам бэкап и произвели изменения, проверьте, пожалуйста.

Спасибо, скажите пожалуйста как можно затемнить видео-фон, как к примеру сделано на этом сайте http://www.ovenbits.com/




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

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