Перейти к содержанию

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


Рекомендуемые сообщения

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

Ссылка на комментарий
Поделиться на другие сайты

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

 

Изменено пользователем Maiden8
Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

Изменено пользователем Maiden8
Ссылка на комментарий
Поделиться на другие сайты

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

 

 

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

Изменено пользователем Maiden8
Ссылка на комментарий
Поделиться на другие сайты

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

 

Изменено пользователем Maiden8
Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

<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. Попробуй сам, и так и сяк, нельзя все время ждать что все сделают за тебя.
     
Изменено пользователем Maiden8
Ссылка на комментарий
Поделиться на другие сайты

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

Изменено пользователем Maiden8
Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...