Jump to content

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


Recommended Posts

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
Link to post
Share on other sites

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

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

Link to post
Share on other sites
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
Link to post
Share on other sites
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

 

 

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

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

Link to post
Share on other sites
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%);

 

Link to post
Share on other sites
<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
Link to post
Share on other sites

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

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

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

Link to post
Share on other sites
  1. Откуда инфа что там цвет?
  2. Ты так уверен, почему?
  3. Попробуй сам, и так и сяк, нельзя все время ждать что все сделают за тебя.
     
Edited by Maiden8
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...