Showing posts with label TypoXP Icons. Show all posts
Costumize TypoXP Sidebar Title Icons
Tuesday, May 29, 2007
TypoXP Blogger (default) has 14 sidebar title icons below.
 Calendar Icon Comment Icon Email Icon Feed Icon File Icon Folder Icon Meta Icon |  New Icon OK Icon Pictures Icon Search Icon Tags Icon Users Icon Web Icon |
Default icon for TypoXP Blogger sidebar title is
. If you need to change this icon, read this instruction!For example, you want to change icon for your HTML/JavaScript page element (widget) which has "Search" title with
Search Icon.Step #1
Go to Template>Edit HTML. Note that Expand Widget Templates box CHECKED.
Step #2
Scroll down and find yours in your template. Will look something like this.
<b:widget id='HTML1' locked='false' title='Search' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Step #3
Replace red code above with this code,
<div id='icon-search'><h2><data:title/></h2></div>For others icons, you can use these code,
Calendar Icon<div id='icon-cal'><h2><data:title/></h2></div> Comment Icon<div id='icon-comment'><h2><data:title/></h2></div> Email Icon<div id='icon-email'><h2><data:title/></h2></div> Feed Icon<div id='icon-feed'><h2><data:title/></h2></div> File Icon<div id='icon-file'><h2><data:title/></h2></div> Folder Icon<div id='icon-folder'><h2><data:title/></h2></div> Meta Icon<div id='icon-meta'><h2><data:title/></h2></div> New Icon<div id='icon-new'><h2><data:title/></h2></div> OK Icon<div id='icon-ok'><h2><data:title/></h2></div> Pictures Icon<div id='icon-pictures'><h2><data:title/></h2></div> Search Icon<div id='icon-search'><h2><data:title/></h2></div> Tags Icon<div id='icon-tags'><h2><data:title/></h2></div> Users Icon<div id='icon-users'><h2><data:title/></h2></div> Web Icon<div id='icon-web'><h2><data:title/></h2></div>Read More...
