Jump to content

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

Featured Replies

Posted
comment_162575

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

comment_162576
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
comment_162584

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

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

comment_162585

Я такого не умею, а вот SlawkA тот еще кодер, может и сделает 😁

Edited by Maiden8

comment_162588
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
comment_162589
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

 

 

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

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

comment_162590
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%);

 

comment_162591
<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

comment_162595

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

<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;">

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

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

Edited by Maiden8

  • Author
comment_162598

Зайдя в код элемента я не нашёл там гифки, а только цвета. 

Я бы попробовал сам, но в IPS некоторые моменты неизвестны мне.

comment_162599

Там через Custom.css но как не пойму, не получается.

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.