Новости Joomla

Что нового в joomla 5.1?

Что нового в joomla 5.1?

16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Страница результатов Умного Поиска позволяет нам отображать некоторые поля (изображение, категорию, дату и т. д.), но не пользовательские поля. Поскольку поля Joomla предоставляют очень гибкий способ добавления дополнительных свойств к нашему контенту, их отображение в результатах поиска может сделать результаты более значимыми.

Вышел JoomShopping 5.4.0

Один из популярных компонентов интернет-магазина для Joomla за недавнее время получил 3 релиза: 5.3.4, 5.3.5, 5.4.0.

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

mr.s0uc3

  • Захожу иногда
  • 226
  • 16 / 0
Как реализовать свой tooltip или оформить всплывающее окно?
« : 06.09.2010, 22:53:12 »
Доброго времени суток! Подскажите как сделать всплывающее окно при наведении курсора на аватар пользователя!?
Пример тут http://demo.joomlaxtc.com/blogmonster/  модуль Our Community
Подскажите это хак или существуют настройки в модулях и компоненте!?
Заранее всем спасибо!
« Последнее редактирование: 16.03.2011, 00:15:42 от kharol »
Записан
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #1 : 06.09.2010, 23:11:07 »
Да конечно, это подрисованный под себя tooltip, но очень и очень неудачный. Мой Вам совет - не клюйте на необычность всплывающей подсказки, она того не стоит и кроме головных болей впоследствии ничего хорошего не принесет.
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

mr.s0uc3

  • Захожу иногда
  • 226
  • 16 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #2 : 07.09.2010, 08:37:12 »
Спасибо большое за помощь!  ;)
Записан
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #3 : 09.09.2010, 10:03:13 »
Иногда очень полезно раскрасить tooltip под гамму своего шаблона.
Хотя темный цвет используемый по умолчанию, подходит большинству шаблонов, но поиграться попробуйте
Откройте файл ваш_сайт/components/com_community/assets/script-1.2.js
В строке:
Код
name: 'dark' // Inherit the rest of the attributes from the preset dark style
можете задать другие параметры настройки всплывающей подсказки, выбрав из возможных:
cream
light
dark
red
green
blue
Если потребуется более точная подгонка, то выбрав наиболее подходящий стиль, из стандартных и указав его в этой строке (например цвет blue, для шаблонов в сине-голубых тонах):
Код
name: 'blue' // Inherit the rest of the attributes from the preset dark style
переходим к строкам раскраски стилей:
Для blue, эти строки начинаются с позиции 2761, я приведу уже готовый пример для своего сине-голубого шаблона:
Код
blue:{
border:{
width:3,
radius:0,
color:'#113C66'           // меняем цвет бордюра подсказки
},
title:{
background:'#3D6D96', // задаем цвет фона для заголовка
color:'#FFFFFF'           // задаем цвет шрифта в заголовке
},
background:'#FFFFFF',      // задаем цвет фона для всей области tooltip
color:'#606060',               // задаем цвет шрифта для текста подсказки
classes:{tooltip:'qtip-blue'}
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

mr.s0uc3

  • Захожу иногда
  • 226
  • 16 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #4 : 09.09.2010, 19:54:18 »
Вооо СпасиБО!  :D
Записан
*

cassel

  • Захожу иногда
  • 60
  • 1 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #5 : 29.09.2010, 00:03:50 »
Вот у меня появился такой вопрос. Долго мучаюсь, всё перепробовал, но что-то никак не получается видоизменить (поменять цвет) вплывающих окошек.
На картинке видно что именно хотел бы изменить, т.е. из серенького, хотелось бы сделать что-то повеселее.

Думаю многим было бы интересно разбавить красками свой сайт))

Спасибо заранее за ответы)
Записан
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #6 : 29.09.2010, 01:08:05 »
Изменить вид всплывающих окон можно, отредактировав файл стиля и перекрасив изображения, используемые для формирования окон:
components/com_community/assets/window.css
и components/com_community/assets/window/файлы_.png и _.gif
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

cassel

  • Захожу иногда
  • 60
  • 1 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #7 : 29.09.2010, 19:38:33 »
Цитата: kharol от 29.09.2010, 01:08:05
Изменить вид всплывающих окон можно, отредактировав файл стиля и перекрасив изображения, используемые для формирования окон:
components/com_community/assets/window.css
и components/com_community/assets/window/файлы_.png и _.gif

Спасибо! Все получилось))
bg-sprited.png этот файл нужно видоизменять, и соответственно window.css
Записан
*

4Gen

  • Захожу иногда
  • 174
  • 7 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #8 : 12.10.2010, 14:24:19 »
Цвета в тултипах поменяли, а поменять:
1. чтобы подсказка была не справа а слева)
2. или как вообще сделать чтоб подсказка не узжала за пределы страницы, а то появляется горизонтальная полоса прокрутки((

Или еще как вариант - как сделать чтоб вот допустим подсказка широкая, и справа ей не хватает места, и она вылазит уже с левой стороны)
как то так)
Записан
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #9 : 12.10.2010, 15:35:03 »
Осваивайте Jquery. Там много чего интересного.
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #10 : 24.12.2010, 20:26:28 »
Цитата: Gazinur от 24.12.2010, 14:03:22
2) Где (в каком файле и в каких строчках) я могу изменить цвета окна всплывающих подсказок и окошка написания сообщения (стандартно чёрного цвета) в JomSocial?
Спасибо.
Читайте здесь
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

Gazinur

  • Захожу иногда
  • 60
  • 0 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #11 : 24.12.2010, 21:03:37 »
Всплывающие подсказки под шаблон сделал. Супер! Спасибо огромное! (Добавил "+" в "репу"). А про изменение цвета окошка написания сообщений "статей" нет?
Записан
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #12 : 25.12.2010, 00:36:13 »
Так, а чем отличается подход к правке окошка личного сообщения от описанных примеров?


Открываем стиль: /components/com_community/assets/window.css
1) Изменяем темный фон верхней полоски окна:
строка: 197
Код
#cWindowContentTop {
	height: 30px;
	background: #333333;
	overflow: hidden;
Фон правого уголока под кнопочкой "X" правим в строке 305:

Код
#cWindow.dialog #cwin_close_btn:visited {
	background-position: -60px -40px;
	background-color: #333333;
2)
Код
#cWindowAction {
	/* window/wait.gif (43px x 11px) */
	background: #CCC url(window/wait.gif) no-repeat -43px -11px;
	height: 30px;
	/* bottom: 0; */
	text-align: right;
	position: absolute;
	width: 100%;
	left: 0;
}
Где #CCC - фон нижней части окна
Кстати, здесь же можете заменить индикатор window/wait.gif на этот анимированный gif:


и немного подстроив параметры его отображения, исходя из его размеров
background: #CCC url(window/wait.gif) no-repeat -44px -15px;
и в блоке со строки 185:
Код
#cWindow #cwin-wait {
	width: 44px;
	height: 15px;
	background: transparent url(window/wait.gif) no-repeat;
	display: none;
3) Прозрачный ободок окна правим в фотошопе, перекрашивая файл
/components/com_community/assets/window/bg-sprited.png


[вложение удалено Администратором]
« Последнее редактирование: 25.12.2010, 01:25:45 от kharol »
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

Gazinur

  • Захожу иногда
  • 60
  • 0 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #13 : 25.12.2010, 01:03:41 »
Круто! Круто! Ещё раз огромное спасибо!
Записан
*

Gazinur

  • Захожу иногда
  • 60
  • 0 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #14 : 25.12.2010, 01:12:17 »
В Фотошопе тоже тоже все переправил. Супер.
Записан
*

Gazinur

  • Захожу иногда
  • 60
  • 0 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #15 : 25.12.2010, 01:31:39 »
Всё получилось. Теперь с шаблоном как родные... Вот, чтобы поделиться счастьем, скриншоты (хотя там шаблона практически не видно...):
http://narod.ru/disk/2107262001/Screenshot.PNG.html
http://narod.ru/disk/2107277001/Screenshot2.PNG.html
Спасибо от всей души! :-)
Записан
*

squid

  • Захожу иногда
  • 85
  • 4 / 0
  • :P
водить курсором по окну tooltip
« Ответ #16 : 09.06.2011, 22:34:49 »
Как сделать так, чтобы можно было водить курсором по окну tooltip и скрывался он, только после отвода курсора мыши именно с окна tooltip, а не с аватарки.

Хочу добавить пару ссылок в окно tooltip, но не могу так, как навести на него невозможно - сразу пропадает. :D

Знающие query помогите пожалуйста, у меня уже мозг кипит..

С меня куча плюсов :D :D
Записан
*

kharol

  • Moderator
  • 1721
  • 217 / 0
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #17 : 10.06.2011, 03:04:11 »
Тут очень долго подсказывать придется, так как разбираться с созданными событиями не менее долго.
Попробуйте разобраться сам в файле components/com_community/assets/script-1.2.js
для начала измените строку:
var tipHide    = {when: {event: 'mouseout'}, effect: {length: 10}}
на
var tipHide    = {when: {event: 'mouseout'}, effect: {length: 2000}}
Эффект затухания будет дольше.
Можете потренировать пользователей, успеть нажать на ссылку пока не пропадет тултип
Ну или такой вариант:
var tipHide    = {when: {event: 'mouseout'}, fixed: true }
Будут успевать передвинуть мышку? Если нет, то пусть тренируются. Расслаблять пользователей нельзя.
Ну, а если посложнее хотите, то попробуйте написать свой эффект на событие 'mouseout'
Записан
Чтобы сказать "спасибо" достаточно нажать на "+"
Чтобы сделать бухгалтерскую проводку "спасибо" реквизиты: R192102130372, ЯД:41001768818003
*

squid

  • Захожу иногда
  • 85
  • 4 / 0
  • :P
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #18 : 10.06.2011, 18:08:43 »
Цитата: kharol от 10.06.2011, 03:04:11
Тут очень долго подсказывать придется, так как разбираться с созданными событиями не менее долго.
Попробуйте разобраться сам в файле components/com_community/assets/script-1.2.js
для начала измените строку:
var tipHide    = {when: {event: 'mouseout'}, effect: {length: 10}}
на
var tipHide    = {when: {event: 'mouseout'}, effect: {length: 2000}}
Эффект затухания будет дольше.
Можете потренировать пользователей, успеть нажать на ссылку пока не пропадет тултип
Ну или такой вариант:
var tipHide    = {when: {event: 'mouseout'}, fixed: true }
Будут успевать передвинуть мышку? Если нет, то пусть тренируются. Расслаблять пользователей нельзя.
Ну, а если посложнее хотите, то попробуйте написать свой эффект на событие 'mouseout'

Блииин, Вы гений :DDD

что только я не делал с этой строкой... Все кроме fixed: true;

Решение проблемы:
заменить

var tipHide    = {when: {event: 'mouseout'}, effect: {length: 1}}

на

var tipHide    = {when: {event: 'mouseout'}, fixed: true, effect: {length: 1}}
Записан
*

321

  • Захожу иногда
  • 364
  • 3 / 8
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #19 : 26.07.2012, 14:53:25 »
Цитата: 4Gen от 12.10.2010, 14:24:19
Цвета в тултипах поменяли, а поменять:
1. чтобы подсказка была не справа а слева)
2. или как вообще сделать чтоб подсказка не узжала за пределы страницы, а то появляется горизонтальная полоса прокрутки((

Или еще как вариант - как сделать чтоб вот допустим подсказка широкая, и справа ей не хватает места, и она вылазит уже с левой стороны)
как то так)

Актуально!

Или, если кто знает, то прошу подсказать, как реализовать подсказку для модулей.
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #20 : 26.07.2012, 15:15:16 »
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #21 : 26.07.2012, 15:15:36 »
Записан
*

321

  • Захожу иногда
  • 364
  • 3 / 8
Re: Как реализовать свой tooltip или оформить всплывающее окно?
« Ответ #22 : 26.07.2012, 15:26:48 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Возраст в tooltip?

Автор slepoy

 Ответов: 30
Просмотров: 10336 		Последний ответ 01.10.2014, 09:53:57
от Сergei
Шаблон JomSocial, делаем свой или изменяем default

Автор Krasnoobsk

 Ответов: 74
Просмотров: 33357 		Последний ответ 10.06.2013, 17:38:23
от tigra-uki
JomSocial 2.4.1 как вернуть старый tooltip?

Автор jana

 Ответов: 5
Просмотров: 2289 		Последний ответ 28.12.2011, 04:00:15
от jana
Кнопки перекрывают tooltip над аватаром в инфо о профиле

Автор Wassup

 Ответов: 25
Просмотров: 4250 		Последний ответ 25.07.2011, 23:09:00
от Taatshi
Подскажите как можно реализовать вывод пользователей после поиска не вертикально в один столбик а в

Автор bigmus

 Ответов: 5
Просмотров: 1886 		Последний ответ 03.05.2011, 13:37:49
от SuperStar