Icons Development Study
CSS usage
Attachments - Add another file
attachments.css
.add-file-input {
background-image:url(/xwiki/resources/icons/silk/textfield_add.gif);
background-position:2px top;
margin-left:10px;
}
Edit Section
[
<a href="/xwiki/bin/edit/Main/WebHome?xpage=wysiwyg§ion=1" title="Edit section: Welcome to your wiki" style="text-decoration: none;">edit</a>
]
</span>
toucan.css
background:transparent url(images/black-edit.png) no-repeat scroll left top;
...
}
Dashboard
<div class="xitemcontainer">
<div class="modifiedPage">
<a title="Version 1.1. Last modification 2009/08/03 12:29." href="/xwiki/bin/view/XWiki/SheetClass">Sheet Class</a>
</div>
</div>
</div>
toucan.css
background-image:url(../../resources/icons/silk/folder.gif);
}
ul.xlist li.page {
background-image:url(../../resources/icons/silk/page_white_text.gif);
}
LiveTable - Document Index
</td>
livetable.css
background-image:url(/xwiki/resources/icons/silk/page_white_copy.gif);
}
IMG usage
Blog
<a class="blog-tool-hide" title="Hide this blog post from other users." href="http://localhost:8080/xwiki/bin/save/Blog/BlogIntroduction?Blog.BlogPostClass_0_hidden=1&comment=Hidden%20entry&ajax=1">
<img class="icon-manage" alt="hide " src="/xwiki/bin/download/Blog/BlogStyle/hide.png"/>
</a>
...
</div>
Categories
<a title="" href="/xwiki/bin/view/Blog/CategoryRss?xpage=plain&category=Blog.News">
<img alt="RSS" src="/xwiki/skins/albatross/icons/black%2Drss%2Dmini.png"/>
</a>
<span class="wikilink"><a href="/xwiki/bin/view/Blog/News">News (1)</a></span>
</li>
Delete Group
<img src="/xwiki/resources/js/xwiki/usersandgroups/img/clear.png" title="Delete" class="icon-manage"/>
</td>