Новости 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 Гость просматривают эту тему.
  • 4 Ответов
  • 2728 Просмотров
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Социальные кнопки
« : 25.12.2014, 11:39:35 »
Век живи, век учись. Ранее, кнопки рисовались, теперь же CSS и шрифт – вот и кнопки.
Вопрос – где можно посмотреть шрифты и символы для социальных кнопок чтобы сверстать вот такое? 
Код
…
<li>
<a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a>
</li>
…
CSS
Подключаем шрифт
@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.2.0')
…
Прописываем значение
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}

вот с этими циферками "\f081"  "f082" и проблема, как можно определить эти символы и как правильно следует записать? 
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Социальные кнопки
« Ответ #1 : 25.12.2014, 12:13:00 »
Эти циферки - шестнадцатиричный (hex) код символа шрифта, узнать его можно из просмоторщика шрифта типа ttf/otf
А вообще все доступные иконки FA здесь: http://fontawesome.io/icons/
Записан
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Социальные кнопки
« Ответ #2 : 25.12.2014, 12:22:25 »
От себя добавлю -
зайдя на указанный  сайт нажмите на иконку м наблюдайте шрифт
http://bit.ly/1wIQG5g
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Социальные кнопки
« Ответ #3 : 25.12.2014, 12:49:15 »
в Инете отыскал несколько шрифтов
Спойлер
[свернуть]
Эти шрифты скачать и разместить у себя на Хосте и в CSS дать URL на него или как лучше?
Вот тут
Спойлер
[свернуть]
пример кода, но не вижу где подключается сам шрифт
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Социальные кнопки
« Ответ #4 : 25.12.2014, 13:21:34 »
может не прав - поправьте
Исходя с сервиса
Спойлер
[свернуть]
получаем
- скачиваем шрифт, заливаем на Хост и подключаем в CSS
Код
@font-face {
    font-family: 'si';
    src: url('PATH_TO/socicon.eot');
...
Прописываем стили отображения и затем уже размещаем хтмл-код
Код
<ul class="soc">
    <li><a class="soc-twitter" href="#"></a></li>
...

Получается, качаем шрифт, находим код, заливаем на Хост, подключаем. Оформляем стили и готово, верно?
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Выравнить кнопки на карточке товара

Автор DrShepard

 Ответов: 10
Просмотров: 3638 		Последний ответ 21.02.2022, 10:56:18
от DrShepard
Как добавить сторонние кнопки CSS в модули и плагины Joomla?

Автор bayersoff

 Ответов: 12
Просмотров: 6253 		Последний ответ 23.12.2018, 17:42:46
от effrit
Убрать рамки у кнопки

Автор leha111

 Ответов: 1
Просмотров: 4027 		Последний ответ 08.06.2018, 12:56:25
от draff
Автоматическое добавление кнопки подробнее

Автор lexxbry

 Ответов: 3
Просмотров: 1878 		Последний ответ 27.02.2018, 18:40:58
от beliyadm
Социальные кнопки Яндекса - Блок «Поделиться» - асинхронно

Автор leo78

 Ответов: 2
Просмотров: 3519 		Последний ответ 17.10.2017, 00:09:07
от leo78