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

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

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

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

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

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

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

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

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

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

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

More
8 years 1 month 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 1 month 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

    • After searching the house and finding nothing, Sam...
    • One day, a curious boy named Sam moved into the house with his family. As he explored the property, he noticed a rusty, old key lying under a bush. Sam picked it up, wondering what it might unlock. After searching the house and finding nothing, Sam decided to try the key on the garden gate. To his surprise, the key fit perfectly. With a turn of the key and a creak of the hinges, the gate slowly swung open. Inside the garden, Sam was greeted by a sight of wonder. The garden was overgrown but full of vibrant flowers, exotic plants, and a small, sparkling pond. In the middle of the garden stood a beautiful stone statue of a unicorn. As Sam explored further, he discovered a small plaque next to the statue. It read: "To whoever finds this garden, may you always find joy in the beauty of nature and the magic of discovery." Sam spent hours in the garden, exploring every corner and marveling at the hidden beauty. The garden seemed to have a magical quality that made Sam feel at peace and incredibly happy. From that day on, Sam made it a habit to visit the garden every day, taking care of it and sharing its beauty with his friends and family. The once-forgotten garden became a place of joy and wonder for everyone who visited. And so, Sam learned that sometimes, the greatest treasures are not just the secrets we uncover but the beauty and joy we find in them.
    • In Component / Afisha Joomla
    • how to get sponsored for running
    • <!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. <!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->
    • In Component / JL Weather
    • One day, a curious boy named Sam moved i
    • One day, a curious boy named Sam moved into the house with his family. As he explored the property, he noticed a rusty, old key lying under a bush. Sam picked it up, wondering what it might unlock. After searching the house and finding nothing, Sam decided to try the key on the garden gate. To his surprise, the key fit perfectly. With a turn of the key and a creak of the hinges, the gate slowly swung open. Inside the garden, Sam was greeted by a sight of wonder. The garden was overgrown but full of vibrant flowers, exotic plants, and a small, sparkling pond. In the middle of the garden stood a beautiful stone statue of a unicorn. As Sam explored further, he discovered a small plaque next to the statue. It read: "To whoever finds this garden, may you always find joy in the beauty of nature and the magic of discovery." Sam spent hours in the garden, exploring every corner and marveling at the hidden beauty. The garden seemed to have a magical quality that made Sam feel at peace and incredibly happy. From that day on, Sam made it a habit to visit the garden every day, taking care of it and sharing its beauty with his friends and family. The once-forgotten garden became a place of joy and wonder for everyone who visited. And so, Sam learned that sometimes, the greatest treasures are not just the secrets we uncover but the beauty and joy we find in them.  
    • In Component / JL TV
© 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.