Настройка размера иконок

More
1 year 5 months ago - 1 year 5 months ago #5529 by sloginuser
sloginuser created the topic: Настройка размера иконок
Здравствуйте! Во-первых, спасибо за отличный компонент!

Подскажите, пожалуйста, хочу сменить размер иконок, скачал другой CSS Sprite, теперь пытаюсь понять где находится файл, который отражен в данном правиле:
.slogin-buttons span {
	background: url(../../media/socials_sprite.png) no-repeat;
}
Что-то уже совсем туплю... Закинул свой файл сюда: /images/media/socials_sprite.png, как прописать к нему путь? Упорно получаю в Firebug сообщение, что не удалось загрузить изображение... И как вычислить позиции иконок - неужели самому в графическом редакторе высматривать? :)
Last Edit: 1 year 5 months ago by sloginuser.

Please Log in or Create an account to join the conversation.

More
1 year 5 months ago - 1 year 5 months ago #5530 by sloginuser
sloginuser replied the topic: Где находится CSS Sprite с изображениями иконок?
В общем вопрос не по адресу - мне нужно CSS c Joomla изучать... Логически помыслив пришел к выводу - помещать спрайт нужно в /templates/ваш_шаблон/images/socials_sprite.png (имя спрайта на ваше усмотрение) и тогда правильный код будет таким:
.slogin-buttons span {
	background: url(../images/socials_sprite.png) no-repeat;
}

Осталось разобраться с позициями иконок в спрайте...
Last Edit: 1 year 5 months ago by sloginuser.

Please Log in or Create an account to join the conversation.

More
1 year 5 months ago #5531 by Joomline Support
Joomline Support replied the topic: Где находится CSS Sprite с изображениями иконок?
это не особенность Joomla, а особенность CSS. Всегда идет размещение относительно файла CSS.

Please Log in or Create an account to join the conversation.

More
1 year 5 months ago #5532 by sloginuser
sloginuser replied the topic: Где находится CSS Sprite с изображениями иконок?
Точнее относительно шаблона... Подскажите, пожалуйста, позиции иконок в px для этого спрайта https://github.com/joomline/Social-icons где можно подсмотреть?

Please Log in or Create an account to join the conversation.

More
1 year 5 months ago - 1 year 5 months ago #5533 by sloginuser
sloginuser replied the topic: Где находится CSS Sprite с изображениями иконок?
И снова сам отвечу - да, берем графический редактор, например, GIMP и изучаем координаты.

P.S. Кстати, здесь на форуме в координате по оси Y иконки Яндекс логина ошибка на 1px - должно быть -563px ;)
.slogin-buttons .yandexslogin {
    background-position: -272px -562px;
    opacity: 0.7;
}
Last Edit: 1 year 5 months ago by sloginuser.

Please Log in or Create an account to join the conversation.

More
1 year 5 months ago #5549 by Joomline Support
Joomline Support replied the topic: Где находится CSS Sprite с изображениями иконок?
На этой неделе скорей всего обновится компонент Slogin. И в нем будет произведен отказ от PNG спрайта в пользу SVG картинок. что позволит регулировать размеры кнопок 3-4 строчками CSS. Плюс это здорово поможет в мобильных версиях сайта.
The following user(s) said Thank You: sloginuser

Please Log in or Create an account to join the conversation.

More
1 year 5 months ago #5554 by sloginuser
sloginuser replied the topic: Где находится CSS Sprite с изображениями иконок?
О, спасибо за информацию, а то я уже написал нужный код в CSS под спрайт...

Please Log in or Create an account to join the conversation.

More
11 months 19 hours ago #6055 by Сергей
Сергей replied the topic: Настройка размера иконок
Добрый день.
Давно пользуюсь Вашим компонентом SLogin, несколько лет. Мне очень нравится.
Но на последнем релизе 2.4.2 на моем сайте съезжают стили.

На релизе 2.4.1 отображается нормально:


На релизе 2.4.2 стили ломаются:


Сейчас откатился на предыдущий релиз.

P.S. Шаблон сайта от ArrowThemes.com, официально купленный "Fontaine". Релиз 2.5.1. Joomla 3.6.2.

Please Log in or Create an account to join the conversation.

More
10 months 4 weeks ago #6056 by Joomline Support
Joomline Support replied the topic: Настройка размера иконок
Здравствуйте.
В последнем релизе были добавлены новые классы в модуль и изменены CSS стили, так как мы начали процедуру отказа от второго шаблона.
Вероятно у вас шаблон модуля авторизации переопределен и в нем нет новых классов. Вот такие изменения произошли в шаблоне модуля.
github.com/Arkadiy-Sedelnikov/slogin/com...b7fc17de676da33cd919

Please Log in or Create an account to join the conversation.

email: This email address is being protected from spambots. You need JavaScript enabled to view it.

© 2010-2017 JoomLine
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. joomline.org is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.