Jump to content

Кнопки перехода и слайд-шоу.

Featured Replies

1 час назад, Arseniy_Los сказал:

Здравствуйте! Помогите пожалуйста убрать слайды (под цифрой 2) и настраивать кнопки (под цифрой 1).793508457_.thumb.JPG.1fad9458883ea45af6e3fd490953104a.JPG

Примерно так:

Кнопки:

 

Спойлер

image.thumb.png.f1f8aa6929aa112f5dcb14d84310fa39.png

 

Слайдер:

 

Спойлер

 

image.thumb.png.9f646da36ff81726a4fde714e2912b86.png

image.thumb.png.20bb770399fc3ad11cfbef275196649c.png

 

 

А там слайды и надписи все в одной вкладке в контенте
 

Спойлер

image.thumb.png.6366ddf33ca3024a9bd80fa8042443d6.png

 

Edited by Maiden8

  • Author

Спасибо. А теперь такой вопрос. Можно сделать переливашку-градиент? То есть градиент переливается. Примерно как тут - https://youtu.be/ZSwi6VuxCrw. Если можно, то скиньте пожалуйста код :)

Цвета - 270deg, #37c72e, #cdb723, #e60be2, #0cabba, #0c0459, #fff400, #37c72e

1 час назад, Arseniy_Los сказал:

Спасибо. А теперь такой вопрос. Можно сделать переливашку-градиент? То есть градиент переливается. Примерно как тут - https://youtu.be/ZSwi6VuxCrw. Если можно, то скиньте пожалуйста код :)

Цвета - 270deg, #37c72e, #cdb723, #e60be2, #0cabba, #0c0459, #fff400, #37c72e

Заходишь Группы выбираешь нужную, там есть строка Форматирование, туда:

<span style="font-weight: bold; background-image: url(https://99px.ru/sstorage/86/2016/02/image_862002161322064519462.gif); background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">

или
 

<span style="font-weight: bold; background-image: url(https://99px.ru/sstorage/86/2016/02/image_86170216183422536211.gif); background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">

 

ну и в второе окошко </span>

 

Спойлер

image.thumb.png.d4a472060da626fa0b81fe774fbcb061.png

 

 

По аналогии меняй цвет и гифы фоновые.

Edited by Maiden8

  • Author
9 минут назад, Maiden8 сказал:

Заходишь Группы выбираешь нужную, там есть строка Форматирование, туда:


<span style="font-weight: bold; background-image: url(https://99px.ru/sstorage/86/2016/02/image_862002161322064519462.gif); background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">

или
 


<span style="font-weight: bold; background-image: url(https://99px.ru/sstorage/86/2016/02/image_86170216183422536211.gif); background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">

 

ну и в второе окошко </span>

 

  Скрыть контент

image.thumb.png.d4a472060da626fa0b81fe774fbcb061.png

 

 

По аналогии меняй цвет и гифы фоновые.

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

13 минут назад, Arseniy_Los сказал:

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

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #0270DE),
	color-stop(1, #38C72E),
	color-stop(1, #CDB623),
	color-stop(1, #E60BE2),
	color-stop(1, #0CABBA),
	color-stop(1, #0C0459),
	color-stop(1, #FFF200),
	color-stop(1, #38C72E)
);
background-image: -o-linear-gradient(bottom, #0270DE 0%, #38C72E 100%, #CDB623 100%, #E60BE2 100%, #0CABBA 100%, #0C0459 100%, #FFF200 100%, #38C72E 100%);
background-image: -moz-linear-gradient(bottom, #0270DE 0%, #38C72E 100%, #CDB623 100%, #E60BE2 100%, #0CABBA 100%, #0C0459 100%, #FFF200 100%, #38C72E 100%);
background-image: -webkit-linear-gradient(bottom, #0270DE 0%, #38C72E 100%, #CDB623 100%, #E60BE2 100%, #0CABBA 100%, #0C0459 100%, #FFF200 100%, #38C72E 100%);
background-image: -ms-linear-gradient(bottom, #0270DE 0%, #38C72E 100%, #CDB623 100%, #E60BE2 100%, #0CABBA 100%, #0C0459 100%, #FFF200 100%, #38C72E 100%);
background-image: linear-gradient(to bottom, #0270DE 0%, #38C72E 100%, #CDB623 100%, #E60BE2 100%, #0CABBA 100%, #0C0459 100%, #FFF200 100%, #38C72E 100%);

 

<span style='font-weight: bold; background: linear-gradient(#0270DE, #38C72E, #CDB623, #E60BE2, #0CABBA, #0C0459, #FFF200, #38C72E); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'>

или

<span style='font-weight: bold; background: radial-gradient(#0270DE, #38C72E, #CDB623, #E60BE2, #0CABBA, #0C0459, #FFF200, #38C72E); -webkit-background-clip: text; -webkit-text-fill-color: transparent;'>

 

Edited by Maiden8

Я сначала видео то не увидел.
Посмотрел. Там как в моем варианте:
 

<span style="font-weight: bold; background-image: url(https://99px.ru/sstorage/86/2016/02/image_862002161322064519462.gif); background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">

Это гифка под буквами, ищи такой гиф и втыкай вместо этого. И все.

  1. Откуда инфа что там цвет?
  2. Ты так уверен, почему?
  3. Попробуй сам, и так и сяк, нельзя все время ждать что все сделают за тебя.
     

Edited by Maiden8

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.