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

New Member

10 years 6 months ago - 10 years 6 months ago #5529 by

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

Здравствуйте! Во-первых, спасибо за отличный компонент!

Подскажите, пожалуйста, хочу сменить размер иконок, скачал другой CSS Sprite, теперь пытаюсь понять где находится файл, который отражен в данном правиле:

Code:

.slogin-buttons span {
	background: url(../../media/socials_sprite.png) no-repeat;
}

Что-то уже совсем туплю... Закинул свой файл сюда: /images/media/socials_sprite.png, как прописать к нему путь? Упорно получаю в Firebug сообщение, что не удалось загрузить изображение... И как вычислить позиции иконок - неужели самому в графическом редакторе высматривать?

Last edit: 10 years 6 months ago by .

Please Log in to join the conversation.

New Member

10 years 6 months ago - 10 years 6 months ago #5530 by

Replied by on topic Где находится CSS Sprite с изображениями иконок?

В общем вопрос не по адресу - мне нужно CSS c Joomla изучать... Логически помыслив пришел к выводу - помещать спрайт нужно в /templates/ваш_шаблон/images/socials_sprite.png (имя спрайта на ваше усмотрение) и тогда правильный код будет таким:

Code:

.slogin-buttons span {
	background: url(../images/socials_sprite.png) no-repeat;
}

Осталось разобраться с позициями иконок в спрайте...

Last edit: 10 years 6 months ago by .

Please Log in to join the conversation.

Offline
Admin

10 years 6 months ago #5531 by

Replied by on topic Где находится CSS Sprite с изображениями иконок?

это не особенность Joomla, а особенность CSS. Всегда идет размещение относительно файла CSS.

Please Log in to join the conversation.

New Member

10 years 6 months ago #5532 by

Replied by on topic Где находится CSS Sprite с изображениями иконок?

Точнее относительно шаблона... Подскажите, пожалуйста, позиции иконок в px для этого спрайта github.com/joomline/Social-icons где можно подсмотреть?

Please Log in to join the conversation.

New Member

10 years 6 months ago - 10 years 6 months ago #5533 by

Replied by on topic Где находится CSS Sprite с изображениями иконок?

И снова сам отвечу - да, берем графический редактор, например, GIMP и изучаем координаты.

P.S. Кстати, здесь на форуме в координате по оси Y иконки Яндекс логина ошибка на 1px - должно быть -563px

Code:

.slogin-buttons .yandexslogin {
    background-position: -272px -562px;
    opacity: 0.7;
}

Last edit: 10 years 6 months ago by .

Please Log in to join the conversation.

Offline
Admin

10 years 6 months ago #5549 by

Replied by on topic Где находится CSS Sprite с изображениями иконок?

На этой неделе скорей всего обновится компонент Slogin. И в нем будет произведен отказ от PNG спрайта в пользу SVG картинок. что позволит регулировать размеры кнопок 3-4 строчками CSS. Плюс это здорово поможет в мобильных версиях сайта.

The following user(s) said Thank You:

Please Log in to join the conversation.

New Member

10 years 6 months ago #5554 by

Replied by on topic Где находится CSS Sprite с изображениями иконок?

О, спасибо за информацию, а то я уже написал нужный код в CSS под спрайт...

Please Log in to join the conversation.

Offline
New Member

10 years 4 days ago #6055 by

Replied by on 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 to join the conversation.

Offline
Admin

10 years 4 days ago #6056 by

Replied by on topic Настройка размера иконок

Здравствуйте.
В последнем релизе были добавлены новые классы в модуль и изменены CSS стили, так как мы начали процедуру отказа от второго шаблона.
Вероятно у вас шаблон модуля авторизации переопределен и в нем нет новых классов. Вот такие изменения произошли в шаблоне модуля.
github.com/Arkadiy-Sedelnikov/slogin/com...b7fc17de676da33cd919

Please Log in to join the conversation.

Time to create page: 0.225 seconds