Jump to content

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

Featured Replies

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

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/
Share on other sites
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 comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162576
Share on other sites

На счёт кнопок. Где тут можно редактировать надписи/ссылкиIMG_20200628_101838.thumb.jpg.5bcad1d0601097e4c021ecc910e78258.jpg?

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162578
Share on other sites

Тут:

Спойлер

 

image.thumb.png.4143b885c434701888ca4012e5b0666f.png

image.thumb.png.762e74561220ca7b6fc1dfdadd8e4234.png

image.thumb.png.623cef8ab01609cfd2bae3d33bf641c9.png

 

 

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162579
Share on other sites

Еще вопросик. А где найти custom.css? В файлах форума на хосте не нахожу.

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162582
Share on other sites

Arseniy_Los вообще то в админке. в редактировании своего стиля

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162583
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162584
Share on other sites

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

Edited by Maiden8

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162585
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 comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162588
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 comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162589
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 comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162590
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 comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162591
Share on other sites

Получилось как то так. А где анимация?IMG_20200628_175231.jpg.f1abb8968ece8b4d684b031a11a265a3.jpg

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162592
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 comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162595
Share on other sites

Там не гиф, там цвет заложен. Или мне нужно сделать гифку и наложить её?

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162596
Share on other sites
  1. Откуда инфа что там цвет?
  2. Ты так уверен, почему?
  3. Попробуй сам, и так и сяк, нельзя все время ждать что все сделают за тебя.
     

Edited by Maiden8

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162597
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162598
Share on other sites

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

Edited by Maiden8

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162599
Share on other sites

Поиском воспользоваться надо, ответы есть.
И да, привет Сень :)

Link to comment
https://ipbmafia.ru/topic/22241-knopki-perehoda-i-slajd-shou/?&do=findComment&comment=162760
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.
Note: Your post will require moderator approval before it will be visible.


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

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

  • No registered users viewing this page.