Свой фон под Заголовок

scss2.jpg

Свой фон под Заголовок

scss2.jpg

Как сделать так, чтобы надевший Вам заголовок сменил свой облик? Например, с уставшего сплашного фона, на картинку. Снова потребуется расширенный режим SCSS. Его необходимо включить в положение «ON».

 

1. Проходим в Стиль

app.yappix.link_2016-10-20_18-18-38.png

 

2. Прокручиваем вниз, включаем режим.

app.yappix.link_2016-10-20_18-19-32.png

 

3. Например, мы хотим что-то подобное:

Screen Shot 2016-09-23 at 16.37.50Screen Shot 2016-09-23 at 16.35.58Screen Shot 2016-09-23 at 16.36.47Screen Shot 2016-09-23 at 16.37.00

 

4. Приступаем:

  • Создаем картинку с размерами 640x128px.
  • Загружаем на хостинг, или делаем так, чтобы к картинке был доступ из интернета,
  • добавляем ссылку в специальное выражение CSS:

ion-header-bar.bar-custom.bar.bar-header.disable-user-behavior { background-image: url(http://link-to-image); background-color: transparent; background-size: 100% 100%; }
(Переименуйте “http://link-to-image” на свою ссылку)

 

5. Вот ряд готовых картинок. Используйте «правую кнопку миши», чтобы скопировать полную ссылку на эти изображения.

bg-leather-br

bg-leather-gr

bg-retro2

bg-retro1

bg-wood-b

0 Comments
Leave a comment

Вам понравились наши работы?

В таком случае просим Вас заполнить специальную форму, и система сама дозвониться до Вас через специальный скрипт. Если у Вас есть какие-то пожелания или наметки, то можете писать на sales@yappix.ru

X