2008.05.29 (Thu)
IEで透過PNGを表示させる
AFTERNOONCAFE様（ieでalphaチャンネル付PNGを表示させる）より
１）透明なGIFファイルを用意する（サイズは任意。たぶん。）
２）以下のJavaScriptを記述する。
２）対象とするimgにidをつける。
３）onloadでchangeImage()を呼び出す。
以上。
１）透明なGIFファイルを用意する（サイズは任意。たぶん。）
２）以下のJavaScriptを記述する。
<script type="text/javascript"><!--
function changeImage(id) {
var obj = findElement(id);
if(obj.runtimeStyle){
var image = obj.src;
obj.src = blank.gif（透過GIF名）;
obj.runtimeStyle.filter =
'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+ image + '", sizingmethod="image");';
}
}
function findElement(n) {
return document.all ? document.all(n) : document.getElementById(n);
}
//-->
</script>
２）対象とするimgにidをつける。
***.png" width="***" height="***" alt="*****" id="▲▲▲（任意でOK）" />
３）onloadでchangeImage()を呼び出す。
<body onload="changeImage('▲▲▲');">以上。
2008.05.29 (Thu)
【Firefox】スクロールバーを常に表示
Firefoxだとページによってスクロールバー分レイアウトがずれるのが気持ち悪い。
以上。
html {
overflow-y:scroll;
}
以上。
2008.05.28 (Wed)
【Firefox】text-indent:-9999pxを使ったときに出る点線を消す方法
2008.05.28 (Wed)
clearfixでfloat解除
d-spica様（clearfixでfloatを解除）より
以上。
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}以上。
2008.05.28 (Wed)
メインメニューに画像を使う方法
XOOPS Cube 旧フォーラム：桜ケ丘病院スレッドより
１）テンプレートマネージャーから、「system_block_mainmenu.html」を以下の様に編集。
２）/images/の中に、「menu_home.gif」とそれぞれのモジュールディレクトリの名前を付けた画像「menu_(ModuleDirName).gif」を作成しておく。
以上。
１）テンプレートマネージャーから、「system_block_mainmenu.html」を以下の様に編集。
<table cellspacing="0">
<tr>
<td id="mainmenu">
<a class="menuTop" href="<{$xoops_url}>/">
<img src="<{$xoops_imageurl}>menu_home.gif" alt="<{$block.lang_home}>"></a>
<!-- start module menu loop -->
<{foreach item=module from=$block.modules}>
<a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/">
<img src="<{$xoops_imageurl}>menu_<{$module.directory}>.gif" alt="<{$module.name}>"></a>
<{foreach item=sublink from=$module.sublinks}>
<a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a>
<{/foreach}>
<{/foreach}>
<!-- end module menu loop -->
</td>
</tr>
</table>
２）/images/の中に、「menu_home.gif」とそれぞれのモジュールディレクトリの名前を付けた画像「menu_(ModuleDirName).gif」を作成しておく。
以上。
