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

More
8 years 1 month ago - 8 years 1 month ago #5529 by sloginuser
Здравствуйте! Во-первых, спасибо за отличный компонент!

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

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

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

Осталось разобраться с позициями иконок в спрайте...
Last edit: 8 years 1 month ago by sloginuser.

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

More
8 years 1 month ago #5531 by JoomLine
это не особенность Joomla, а особенность CSS. Всегда идет размещение относительно файла CSS.

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

More
8 years 1 month ago #5532 by sloginuser
Точнее относительно шаблона... Подскажите, пожалуйста, позиции иконок в px для этого спрайта github.com/joomline/Social-icons где можно подсмотреть?

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

More
8 years 1 month ago - 8 years 1 month ago #5533 by sloginuser
И снова сам отвечу - да, берем графический редактор, например, GIMP и изучаем координаты.

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

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

More
8 years 1 month ago #5549 by JoomLine
На этой неделе скорей всего обновится компонент 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
8 years 1 month ago #5554 by sloginuser
О, спасибо за информацию, а то я уже написал нужный код в CSS под спрайт...

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

More
7 years 7 months ago #6055 by Сергей
Добрый день.
Давно пользуюсь Вашим компонентом 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
7 years 7 months ago #6056 by JoomLine
Здравствуйте.
В последнем релизе были добавлены новые классы в модуль и изменены CSS стили, так как мы начали процедуру отказа от второго шаблона.
Вероятно у вас шаблон модуля авторизации переопределен и в нем нет новых классов. Вот такие изменения произошли в шаблоне модуля.
github.com/Arkadiy-Sedelnikov/slogin/com...b7fc17de676da33cd919

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

Powered by Kunena Forum

Last from the forum

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

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