Ask Your Question

Revision history [back]

click to hide/show revision 1
initial version

Hi,

I just update the graphics and sprites sources in svg format. You can find in /skins/default/media/images/sprites_source directory. Also I changed the background of sprites elements to transparent, that will help to create custom templates with differents colors.

There are two files, sprites.svg and graphics.svg, the last one include some extra elements, like icons, buttons backgrounds, tag design etc.

I suggest that the best way to implement new icons in the same sprite file, will be include the new element in the file, export all the content as all page and after that in the style.less file you can call the element with a predifine class, for example.

.sprites(-6px,-5px);

This class came from lib_style.less

/* Receive exactly positions for background Sprite  */

.sprites(@hor,@vert,@back:url(../images/sprites.png)){
    background:@hor @vert @back no-repeat;
}

Hi,

I just update the graphics and sprites sources in svg format. You can find in /skins/default/media/images/sprites_source directory. Also I changed the background of sprites elements to transparent, that will help to create custom templates with differents colors.

There are two files, sprites.svg and graphics.svg, the last one include some extra elements, like icons, buttons backgrounds, tag design etc.

I suggest that the best way to implement new icons in the same sprite file, will be include the new element in the file, export all the content as all page and after that in the style.less file you can call the element with a predifine class, for example.

.sprites(-6px,-5px);

This class came comes from lib_style.less

/* Receive exactly positions for background Sprite  */

.sprites(@hor,@vert,@back:url(../images/sprites.png)){
    background:@hor @vert @back no-repeat;
}