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

More
8 years 11 months ago - 8 years 11 months 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 11 months ago by sloginuser.

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

More
8 years 11 months ago - 8 years 11 months 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 11 months ago by sloginuser.

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

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

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

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

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

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

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

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

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

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

More
8 years 4 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
8 years 4 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

    • gotopbestblogger
    •   In it for the long run, during 2024 Nexon has taken the web3 extension of its MapleStory IP not just wider, but also deeper. Garnering 400,000 users during a single day in its latest MapleStory N playtest showcases Nexon’s growing understanding on sustainable ecosystem building. The release of its NXPC token model makes MapleStory Universe users even more excited about where the project is heading as we’re on the verge of a new year.
    • In Plugins Joomline / JL Comments / JL Comments PRO
    • voip phone
    • One day, a monkey drove his car near a lake. Sudden, he saw a tiger under a tree. The tiger saw him, too. The tiger ran very fast at the monkey. The monkey was very afraid and he and his car fell into the lake. The monkey couldn't swim and he shouted. A rabbit came and he jumped into the lake. The abbit swam to the monkey but did not help him. Both of them shouted forhelp. Luckily, a giraffe came along. He was very tall. He helped the rabbit and the monkey.  
    • In Component / JL Mail
    • bloggingaboutanythingonline
    • One day, a monkey drove his car near a lake. Sudden, he saw a tiger under a tree. The tiger saw him, too. The tiger ran very fast at the monkey. The monkey was very afraid and he and his car fell into the lake. The monkey couldn't swim and he shouted. A rabbit came and he jumped into the lake. The abbit swam to the monkey but did not help him. Both of them shouted forhelp. Luckily, a giraffe came along. He was very tall. He helped the rabbit and the monkey.  
    • In Component / JL Mail
© 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.