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

[dom-sad-nn]

Добрый день!

Пожалуйста подскажите где эти пиктограммы находятся? Среди картинок не нашел их.
Хочу заменить на другие.

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

• 

[Vaccina]

В данном блоке расположены шрифтовые иконки, чтобы вставить изображения вместо них в шаблоне HTML найдите:

<div class="col-sm-4 col-xs-12 policy">
				<div class="ca-content">
				  <em class="fa fa-truck">&nbsp;</em>
				  <h4 class="ca-main">Доставляем материалы</h4>
				  Мы сами доставим на объект все необходимые материалы.
				</div>
			  </div>
			  <div class="col-sm-4 col-xs-12 policy">
				<div class="ca-content">
				  <em class="fa fa-mail-reply">&nbsp;</em>
				  <h4 class="ca-main">Разумная цена</h4>
				  Соотношение цена/качество нашего предложения - лучшее в городе!
				</div>
			  </div>
			  <div class="col-sm-4 col-xs-12 policy">
				<div class="ca-content">
				  <em class="fa fa-comments">&nbsp;</em>
				  <h4 class="ca-main">Работаем без выходных 24/7</h4>
				  Вы можете обратиться к нам в любой день и быть уверены что мы готовы сотрудничать!
				</div>
			  </div>

замените на:

<div class="col-sm-4 col-xs-12 policy">
				<div class="ca-content">
				  <img src="ссылка" alt="" />
				  <h4 class="ca-main">Доставляем материалы</h4>
				  Мы сами доставим на объект все необходимые материалы.
				</div>
			  </div>
			  <div class="col-sm-4 col-xs-12 policy">
				<div class="ca-content">
				  <img src="ссылка" alt="" />
				  <h4 class="ca-main">Разумная цена</h4>
				  Соотношение цена/качество нашего предложения - лучшее в городе!
				</div>
			  </div>
			  <div class="col-sm-4 col-xs-12 policy">
				<div class="ca-content">
				  <img src="ссылка" alt="" />
				  <h4 class="ca-main">Работаем без выходных 24/7</h4>
				  Вы можете обратиться к нам в любой день и быть уверены что мы готовы сотрудничать!
				</div>
			  </div>

и вместо слова ссылка вставьте необходимые значения.

[dom-sad-nn]

Оно почему-то растягивает мои пиктограммы. Хотя закачана пиктограмма размером 90х99 пикс.

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

• 
• 

[Danil]

dom-sad-nn (01 Апрель 2016 - 18:28) писал:

Оно почему-то растягивает мои пиктограммы. Хотя закачана пиктограмма размером 90х99 пикс.

Здравствуйте.
Произведи изменения указанные в сообщении 2, а после напишите нам, чтобы мы могли подкорректировать отображение иконок.

[dom-sad-nn]

Тогда можно просто вместо стрелки в середине поместить знак доллара или какую-нибудь подходящую пиктограмму про деньги?
Чтобы не городить огород.

[RedHead]

dom-sad-nn (03 Апрель 2016 - 01:04) писал:

Тогда можно просто вместо стрелки в середине поместить знак доллара или какую-нибудь подходящую пиктограмму про деньги?
Чтобы не городить огород.

Здравствуйте. В самый конец шаблона main.css вставьте строки:

.fa-mail-reply:before, .fa-reply:before {
	content: "\f155";
}

Другие иконки, вы можете посмотреть на сайте http://html5book.ru/...-awesome/#part8 Если  Вы выберите другую иконку, просто замените ее код f155 на нужный.

[dom-sad-nn]

Спасибо! Всё получилось.

добавил в подвал пиктограмму и ссылку одноклассников.

В HTML добавил

Цитата

<li><a href="https://ok.ru/" title="ok.ru" class="fa fa-odnoklassniki" target="_self">&nbsp;</a></li>

В самый конец main.css добавил

Цитата

.fa-odnoklassniki:before, .fa-reply:before {
content: "\f263";
}

Всё верно? Без косяков будет работать?

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

• 

[Юля123]

dom-sad-nn (03 Апрель 2016 - 23:18) писал:

Спасибо! Всё получилось.

добавил в подвал пиктограмму и ссылку одноклассников.

В HTML добавил


В самый конец main.css добавил


Всё верно? Без косяков будет работать?

Здравствуйте, да, этот код корректен.

[lelenushka]

Добрый день   сделала все как во втором сообщении, вместо слова ссылка, вставила коды, взятые из http://html5book.ru/...-awesome/#part8
И ту что-то пошло ни так   потому что пропали пиктограммы вообще
Подскажите, как можно реализовать задуманное   ?
  Аккаунт SL-392237

[Razon]

lelenushka (14 Сентябрь 2016 - 14:30) писал:

Добрый день   сделала все как во втором сообщении, вместо слова ссылка, вставила коды, взятые из http://html5book.ru/...-awesome/#part8
И ту что-то пошло ни так   потому что пропали пиктограммы вообще
Подскажите, как можно реализовать задуманное   ?
  Аккаунт SL-392237

Добрый день,  по примеру из второго сообщения необходимо вставлять ссылку на изображение, пример ссылки:

<img src="https://st.storeland.ru/11/1964/180/test.jpg" alt="" />

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

[lelenushka]

Ra1zon (14 Сентябрь 2016 - 14:50) писал:

Добрый день,  по примеру из второго сообщения необходимо вставлять ссылку на изображение, пример ссылки:

<img src="https://st.storeland.ru/11/1964/180/test.jpg" alt="" />

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

Спасибочки Вам большое по позже буду пробовать