Новости Joomla

Компонент View logs v.2.1.0 получил совместимость с Joomla 6

Журнал NorrNext. 20 лет Joomla™. Продолжение

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™. Новые интервью 🎈🆕

Продолжаю публиковать новые интервью с волонтёрами и видными персонами из мира Joomla.
Это — огромная и кропотливая работа. Всё для вас, друзья.

Доступны к чтению новые интервью со следующими Joomla активистами (на английском языке):

✔️ Akarawuth Tamrareang (Таиланд) 🇹🇭
✔️ Alison Meeks (Канада) 🇨🇦
✔️ David Aswani (Кения)🇰🇪
✔️ Jeison Ferreira (Бразилия) 🇧🇷
✔️ Marc-Antoine Thevenet (Франция) 🇫🇷
✔️ Richard Gosler (Соединённое Королевство) 🇬🇧
✔️ Roland Dalmulder (Нидерланды) 🇳🇱
✔️ Sakis Terzis (Греция) 🇬🇷
✔️ Sandra Decoux (Франция) 🇫🇷
✔️ Sonny Le (Вьетнам) 🇻🇳
✔️ Svetoslav Slavkov (Болгария) 🇧🇬
✔️ Viviana Menzel (Германия) 🇩🇪

‼️ Новые интервью будут добавляться в этот первый выпуск до декабря. 20-го числа, поэтому периодически проверяйте обновления💡

👉 Читать далее

JL Sitemap v2.1.0 – обновление компонента для карт сайта

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1872 Просмотров
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Кнопка «Наверх»: как создать с CSS и jQuery
« : 05.11.2020, 17:20:49 »
В шаблона Protostar уже была создана ссылка «Наверх»
Код
<a href="#top" id="back-top">
					Наверх				</a>

Также потребуется поставить плагин  NS Font Awesome

или прописать:
Код
<link  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">


Для удаления из ссылки надписи «Наверх»
Код
 $("#back-top").text('')

jQuery
[свернуть]

CSS
[свернуть]
- в CSS добавлен "text-decoration: none;" в hover и focus и "background-color" заменен на background  *ОХ-Х-Х*

Изменил в CSS
Код
#back-top:hover, #back-top:focus {
  cursor: pointer;
  background: #333;
  text-decoration: none;
}
#back-top:active {
  background: #555;
}

ЗЫ.: остальное содрано на просторах рунета

Демо
« Последнее редактирование: 06.11.2020, 12:33:18 от leo78 »
Записан
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Re: Кнопка «Наверх»: как создать с CSS и jQuery
« Ответ #1 : 06.11.2020, 11:35:37 »
Есть решение - Joomla 3 IcoMoon - иконок  :D
Код
#back-top::after {
  content: "\e005";
  font-family: IcoMoon;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

Код
#back-top {
display:inline-block;
background:#08c;
width:50px;
height:50px;
text-align:center;
border-radius:4px;
position:fixed;
bottom:30px;
right:30px;
transition:background-color .3s, opacity .5s, visibility .5s;
opacity:0;
visibility:hidden;
z-index:1000;
}

#back-top::after {
content:"\e005";
font-family:IcoMoon;
font-weight:400;
font-style:normal;
font-size:2em;
line-height:50px;
color:#fff;
}

#back-top:hover,#back-top:focus {
text-decoration:none;
}

#back-top:active {
background:#333;
}

#back-top.show {
opacity:1;
visibility:visible;
}
- встроенное решение, которое освобождает вас от использования NS Font Awesome  *ОХ-Х-Х*
« Последнее редактирование: 11.06.2021, 13:20:04 от leo78 »
Записан
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Кнопка «Наверх»: как создать с CSS и jQuery
« Ответ #2 : 06.11.2020, 11:42:21 »
Да этих кнопок как собак нерезанных
Почти в каждом шаблоне есть.
А стилизовать под себя дело 5 минут
Записан
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Re: Кнопка «Наверх»: как создать с CSS и jQuery
« Ответ #3 : 06.11.2020, 11:50:02 »
Зачем делать велосипед, я тоже так думал, поставь модуль или другой шаблон  *ОХ-Х-Х*
А можно доработать шаблон и не создавать двух ссылок «Наверх»  *DRINK*
Это для тех, кто привык преодолевать  ;D 
Тем более в шаблоне все есть, только нужно поправить  :D
Ещё плюс в моей теме, ставя чужой плагин, модуль, компонент, шаблон, вы только плодите ошибки на своем сайте. ::)
« Последнее редактирование: 06.11.2020, 12:03:00 от leo78 »
Записан
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Re: Кнопка «Наверх»: как создать с CSS и jQuery
« Ответ #4 : 25.06.2021, 13:01:58 »
Чуть доработал  ;D
Спойлер
[свернуть]
« Последнее редактирование: 25.06.2021, 13:59:14 от leo78 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как создать плагин c кодом JQuery?

Автор leo78

 Ответов: 0
Просмотров: 935 		Последний ответ 19.05.2021, 12:00:10
от leo78
Кнопка для сброса сессии

Автор interregional

 Ответов: 9
Просмотров: 1616 		Последний ответ 26.03.2018, 13:44:29
от robert
Конфликт с jQuery

Автор modest

 Ответов: 20
Просмотров: 2956 		Последний ответ 19.12.2017, 08:06:54
от BVV
Пропала кнопка Обзор файлов в модуле Nexevo Contact

Автор natalyaegorova

 Ответов: 0
Просмотров: 1379 		Последний ответ 28.06.2017, 10:31:59
от natalyaegorova
Module mod_roksprocket кнопка "Read More" как перевести?

Автор foyus

 Ответов: 12
Просмотров: 11827 		Последний ответ 04.05.2016, 12:12:54
от Tavol