xoopsメインメニュータイトルの前に個別画像を設置する方法を探していたが、なかなかうまくいかなかった。偶然に下記を発見してやってみた。cssのこともあまり詳しくなかったので試行錯誤になった。
http://www.xugj.org/modules/QandA/index.php?post_id=5428
Re: メインメニュータイトル冒頭に画像を設置したい
*********************************************************************
legacy_block_mainmenu.html
<table cellspacing="0">
<tr>
<td id="mainmenu">
<{cycle values="0" assign="count"}><a class="menuTop menuBG<{$count}>" href="/<{$xoops_url}>/"><{$smarty.const._MB_LEGACY_HOME}></a>
<{foreach item=module from=$block.modules}>
<{cycle values="1,2,3,4,5,6,7,8,9,10" assign="count"}>
<a class="menuMain menuBG<{$count}>" href="/<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a>
<{foreach item=sublink from=$module.sublinks}>
<a class="menuSub" href="/<{$sublink.url}>"><{$sublink.name}></a>
<{/foreach}>
<{/foreach}>
</td>
</tr>
</table>
*********************************************************************
style.css
td#mainmenu a.menuMain {
??? background: #ffffff;
/*??? background-image: url(images/folder_c.gif); */
??? background-repeat: no-repeat;
??? background-position: left center;
??? padding-left: 18px;
??? border-top-width: 1px;
??? border-top-style: dotted;
??? border-top-color: #999999;
??? padding-top: 5px;
}
td#mainmenu a.menuBG0 {
??? background-image: url(images/menu_icon/home.png);?
}
td#mainmenu a.menuBG1 {
??? background-image: url(images/menu_icon/news.png);?
}
td#mainmenu a.menuBG2 {
??? background-image: url(images/menu_icon/ITconsul.png);
}
td#mainmenu a.menuBG3 {
??? background-image: url(images/menu_icon/marketing.png);
}
td#mainmenu a.menuBG4 {
??? background-image: url(images/menu_icon/strategy.png);
}
td#mainmenu a.menuBG5 {
??? background-image: url(images/menu_icon/printing.png);
}
td#mainmenu a.menuBG6 {
??? background-image: url(images/menu_icon/price.png);
}
td#mainmenu a.menuBG7 {
??? background-image: url(images/menu_icon/forum.png);
}
td#mainmenu a.menuBG8 {
??? background-image: url(images/menu_icon/download.png);
}
td#mainmenu a.menuBG9 {
??? background-image: url(images/menu_icon/RSS.png);
}
td#mainmenu a.menuBG10 {
??? background-image: url(images/menu_icon/touhyou.png);
}
*********************************************************************
完成はこちら
http://www.sisj.net/
?