トップページのデザイン変更

こーいち at 2007年12月10日 22:18 カテゴリー:ホームページ作成

トップページのデザインを少し変更しました。
ブログで使っている、小粋空間のMT用テンプレートを元にして、XOOPS用のテーマにしました。

基本的には、そんなに感じは変わってません。前の色合いはほとんどいっしょにしてあります。
前は、こんなでした。今のトップページと比べてみると、わかりやすいかも。

スポンサードリンク

ナビゲーション部分のメニューにYahoo! UIを使ってみました。
特別な事はしていません。ヘッダーのソースはこんな感じです。

<script type="text/javascript" src="http://yui.yahooapis.com/2.4.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> 
<script type="text/javascript" src="http://yui.yahooapis.com/2.4.0/build/container/container_core.js""></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.4.0/build/menu/menu.js"></script>
<script type="text/javascript"><!--
YAHOO.util.Event.onContentReady("menu1", function () {
var myMenu = new YAHOO.widget.MenuBar("menu1" ,{autosubmenudisplay: true, 
                                                hidedelay: 750, 
                                                lazyload: true });
myMenu.render();
});
// --></script>

メニュー本体は、トップページのソースを参照してみてください。

←押すと一票入ります。