3
Изменить Пиктограммы На Главной
Автор dom-sad-nn, 31 марта 2016 22:12
Сообщений в теме: 10
#1
Отправлено 31 Март 2016 - 22:12
Добрый день!
Пожалуйста подскажите где эти пиктограммы находятся? Среди картинок не нашел их.
Хочу заменить на другие.
Пожалуйста подскажите где эти пиктограммы находятся? Среди картинок не нашел их.
Хочу заменить на другие.
#2
Отправлено 01 Апрель 2016 - 01:19
В данном блоке расположены шрифтовые иконки, чтобы вставить изображения вместо них в шаблоне HTML найдите:
замените на:
и вместо слова ссылка вставьте необходимые значения.
<div class="col-sm-4 col-xs-12 policy"> <div class="ca-content"> <em class="fa fa-truck"> </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"> </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"> </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>
и вместо слова ссылка вставьте необходимые значения.
#4
Отправлено 01 Апрель 2016 - 18:36
dom-sad-nn (01 Апрель 2016 - 18:28) писал:
Оно почему-то растягивает мои пиктограммы. Хотя закачана пиктограмма размером 90х99 пикс.
Произведи изменения указанные в сообщении 2, а после напишите нам, чтобы мы могли подкорректировать отображение иконок.
#5
Отправлено 03 Апрель 2016 - 01:04
Тогда можно просто вместо стрелки в середине поместить знак доллара или какую-нибудь подходящую пиктограмму про деньги?
Чтобы не городить огород.
Чтобы не городить огород.
#6
Отправлено 03 Апрель 2016 - 09:23
dom-sad-nn (03 Апрель 2016 - 01:04) писал:
Тогда можно просто вместо стрелки в середине поместить знак доллара или какую-нибудь подходящую пиктограмму про деньги?
Чтобы не городить огород.
Чтобы не городить огород.
Здравствуйте. В самый конец шаблона main.css вставьте строки:
.fa-mail-reply:before, .fa-reply:before { content: "\f155"; }
Другие иконки, вы можете посмотреть на сайте http://html5book.ru/...-awesome/#part8 Если Вы выберите другую иконку, просто замените ее код f155 на нужный.
#7
Отправлено 03 Апрель 2016 - 23:18
Спасибо! Всё получилось.
добавил в подвал пиктограмму и ссылку одноклассников.
В HTML добавил
В самый конец main.css добавил
Всё верно? Без косяков будет работать?
добавил в подвал пиктограмму и ссылку одноклассников.
В HTML добавил
Цитата
<li><a href="https://ok.ru/" title="ok.ru" class="fa fa-odnoklassniki" target="_self"> </a></li>
В самый конец main.css добавил
Цитата
.fa-odnoklassniki:before, .fa-reply:before {
content: "\f263";
}
content: "\f263";
}
Всё верно? Без косяков будет работать?
#9
Отправлено 14 Сентябрь 2016 - 14:30
Добрый день сделала все как во втором сообщении, вместо слова ссылка, вставила коды, взятые из http://html5book.ru/...-awesome/#part8
И ту что-то пошло ни так потому что пропали пиктограммы вообще
Подскажите, как можно реализовать задуманное ?
Аккаунт SL-392237
И ту что-то пошло ни так потому что пропали пиктограммы вообще
Подскажите, как можно реализовать задуманное ?
Аккаунт SL-392237
#10
Отправлено 14 Сентябрь 2016 - 14:50
lelenushka (14 Сентябрь 2016 - 14:30) писал:
Добрый день сделала все как во втором сообщении, вместо слова ссылка, вставила коды, взятые из http://html5book.ru/...-awesome/#part8
И ту что-то пошло ни так потому что пропали пиктограммы вообще
Подскажите, как можно реализовать задуманное ?
Аккаунт SL-392237
И ту что-то пошло ни так потому что пропали пиктограммы вообще
Подскажите, как можно реализовать задуманное ?
Аккаунт SL-392237
Добрый день, по примеру из второго сообщения необходимо вставлять ссылку на изображение, пример ссылки:
<img src="https://st.storeland.ru/11/1964/180/test.jpg" alt="" />
Соответственно заменяем слово ссылка, на необходимую ссылку вашего изображения.
Если вы хотите использовать иконки шрифта, рекомендуем вам воспользоваться инструкцией находящейся по вашей ссылке.
#11
Отправлено 14 Сентябрь 2016 - 16:04
Ra1zon (14 Сентябрь 2016 - 14:50) писал:
Добрый день, по примеру из второго сообщения необходимо вставлять ссылку на изображение, пример ссылки:
Соответственно заменяем слово ссылка, на необходимую ссылку вашего изображения.
Если вы хотите использовать иконки шрифта, рекомендуем вам воспользоваться инструкцией находящейся по вашей ссылке.
<img src="https://st.storeland.ru/11/1964/180/test.jpg" alt="" />
Соответственно заменяем слово ссылка, на необходимую ссылку вашего изображения.
Если вы хотите использовать иконки шрифта, рекомендуем вам воспользоваться инструкцией находящейся по вашей ссылке.
Спасибочки Вам большое по позже буду пробовать
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных