Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Замена картинок углов рамки на спрайт
« : 20.06.2013, 13:36:25 »
Замена картинок углов рамки на спрайт
Возникла проблема, по их отображению, во первых у меня код:
Код
#wm .amoney_tr {
	background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent;
    height: 10px;
    overflow: hidden;
    padding-right: 13px;
}
#wm .amoney_tl {
	background: url('../images/jc_rb_tl.gif') no-repeat scroll 0% 0% transparent;
    padding-left: 13px;
}
#wm .amoney_br {
	background: url('../images/jc_rb_br.gif') no-repeat scroll 100% 100% transparent;
    height: 13px;
    padding-right: 13px;
}
#wm .amoney_bl {
	background: url('../images/jc_rb_bl.gif') no-repeat scroll 0% 100% transparent;
    padding-left: 13px;
}
Четыре угла

Код
.sprite {
	background: url('../images/donate_am.png') no-repeat -297px -202px;
	width: 13px;
	height: 13px;
}
.sprite {
	background: url('../images/donate_am.png') no-repeat -297px -216px;
	width: 13px;
	height: 13px;
}
.sprite {
	background: url('imgs/donate_am.png') no-repeat -283px -202px;
	width: 13px;
	height: 13px;
}
.sprite {
	background: url('imgs/donate_am.png') no-repeat -283px -216px;
	width: 13px;
	height: 13px;
}

Можно конечно сделать и в процентах, только всё равно отображает картинку Неправильно
Код
.sprite {
	background: url('imgs/donate_am.png') no-repeat 56.713% 43.287%;
	width: 13px;
	height: 13px;
}

В принципе пытался так вставить
Код
#wm .amoney_tr {
background: url('imgs/donate_am.png') no-repeat 59.519% 40.481%;
    height: 10px;
    overflow: hidden;
    padding-right: 13px;
}

Как правильней?


 *DRINK*
« Последнее редактирование: 21.06.2013, 17:33:37 от leo78 »
Записан
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Re: Замена картинок углов рамки на спрайт
« Ответ #1 : 27.06.2013, 06:30:40 »
Попробуйте элементу углы которого надо закруглить прописать - border-radius: 6px 6px 6px 6px;
С выходом цсс3 не вижу причин делать это действие картинками.
Записан
Я знаю только то, что ничего не знаю
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Замена картинок углов рамки на спрайт
« Ответ #2 : 27.06.2013, 11:55:23 »
leo78, а что у вас за два разных кода в первом части и во второй?
по крайней мере, во второй части бред полный))) один и тот же .sprite четыре раза)))) там будет выполняться последний стиль, а те три, что выше в коде, будут перекрыты!
т.е. вы хотите вместо четырех картинки грузить одну? это конечно полезно, но вы эту картинку грузите в четыре разных HTML блока, которые созданы только лишь для уголков?)))
ей-богу, делайте как выше сказали, через бордер-радиус! картинки грузить вообще не надо, сам код HTML легче будет гораздо, эти 4 блока можно выкинуть! можно и тени и что хошь, просто забейте на ие6-7 и будет вам счастье.
интересно, а для модулей тоже рамки рисуются таким же макаром? нуну
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Замена картинок углов рамки на спрайт
« Ответ #3 : 16.07.2013, 15:46:51 »
Цитата: NortonFox от 27.06.2013, 06:30:40
Попробуйте элементу углы которого надо закруглить прописать - border-radius: 6px 6px 6px 6px;
С выходом цсс3 не вижу причин делать это действие картинками.
Справедливости ради стоит напомнить про вендорные префексы, сокращённую запись и фиксы. Как-то так будет:
Код: css
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
Записан
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Re: Замена картинок углов рамки на спрайт
« Ответ #4 : 16.07.2013, 18:04:11 »
Цитата: Shustry от 16.07.2013, 15:46:51
Справедливости ради стоит напомнить про вендорные префексы, сокращённую запись и фиксы. Как-то так будет:

Я даже и забыл про это, использую Less, как то раз создал файл в котором прописал нужные мне волшебные слова и @import "Имя этого файла"; к основному.
Вырезка из волшебных слов:
Код
.border-radius (@border-radius){
     border-radius: @border-radius;
    -moz-border-radius: @border-radius;
    -webkit-border-radius: @border-radius;
}
Ну и в основном less`е пишу .border-radius (6px)
По этому как то забыл про эти траблы вообще )
Записан
Я знаю только то, что ничего не знаю
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Замена картинок углов рамки на спрайт
« Ответ #5 : 16.07.2013, 18:12:01 »
а этот волшебный файл как подгружается? через лишний запрос к серваку?
почему спрашиваю?))) куча строк для градиента уже достала!!)))
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

NortonFox

  • Захожу иногда
  • 441
  • 43 / 0
Re: Замена картинок углов рамки на спрайт
« Ответ #6 : 16.07.2013, 19:11:15 »
Он подгружается при разработке сайта, в конечном итоге все это компилируется в один обычный CSS файл
Записан
Я знаю только то, что ничего не знаю
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Замена картинок углов рамки на спрайт
« Ответ #7 : 16.07.2013, 19:12:12 »
Цитата: NortonFox от 16.07.2013, 19:11:15
Он подгружается при разработке сайта, в конечном итоге все это компилируется в один обычный CSS файл
ок. спс!
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает transition для определенных элементов

Автор Bozhkov2

 Ответов: 5
Просмотров: 4252 		Последний ответ 12.10.2016, 17:07:41
от Bozhkov2
Как сделать такой заголовок модуля?

Автор Ilhom666

 Ответов: 9
Просмотров: 1872 		Последний ответ 22.03.2016, 11:55:33
от darkghost
Выставить относительно фона пункты меню ?

Автор warlocksp

 Ответов: 6
Просмотров: 1547 		Последний ответ 01.02.2016, 10:58:26
от warlocksp
Вставка шрифта?

Автор warlocksp

 Ответов: 16
Просмотров: 1702 		Последний ответ 18.01.2016, 19:04:11
от warlocksp
Удалить маркеры?

Автор warlocksp

 Ответов: 4
Просмотров: 2287 		Последний ответ 09.01.2016, 17:07:35
от warlocksp