122

view

＞これを表示させないで直接記事のURLに飛ぶようにしたい

それなら
<script type="text/javascript" src="http://blog-imgs-47-origin.fc2.com/h/a/c/hackengine/jquery142.js"></script>

<script type="text/javascript">
$(function(){
$(".tab").click(function(){
$(".hide").fadeIn("385");
$(".hide").click(function(){
$(".hide").fadeOut("fast");
});
});
});
$(function(){
$(".tab1").click(function(){
$(".tab1 span").slideDown("470");
$(".hide,.tab2,.tab3,.tab4,.tab5,.tab6").click(function(){
$(".tab1 span").hide("30");
});
});
});
$(function(){
$(".tab2").click(function(){
$(".tab2 span").slideDown("470");
$(".hide,.tab1,.tab3,.tab4,.tab5,.tab6").click(function(){
$(".tab2 span").hide("30");
});
});
});
$(function(){
$(".tab3").click(function(){
$(".tab3 span").slideDown("470");
$(".hide,.tab1,.tab2,.tab4,.tab5,.tab6").click(function(){
$(".tab3 span").hide("30");
});
});
});
$(function(){
$(".tab4").click(function(){
$(".tab4 span").slideDown("470");
$(".hide,.tab1,.tab2,.tab3,.tab5,.tab6").click(function(){
$(".tab4 span").hide("30");
});
});
});
$(function(){
$(".tab5").click(function(){
$(".tab5 span").slideDown("470");
$(".hide,.tab1,.tab2,.tab3,.tab4,.tab6").click(function(){
$(".tab5 span").hide("30");
});
});
});
</script>
は必要なくなるよね。

あとは
<div class="Navi">
<li class="tab tab1 stab"><a>Home</a><span>メニューツールチップ内容</span></li>
<li class="tab tab2"><a>サイトマップ</a><span>メニューツールチップ内容</span></li>
<li class="tab tab3"><a>ツイッター</a><span>メニューツールチップ内容</span></li>
<li class="tab tab4"><a>お小遣い稼ぎ</a><span>メニューツールチップ内容</span></li>
<li class="tab tab5 etab"><a>MUSIC ENGINE</a><span>メニューツールチップ内容</span></li>
</div>
と
<div class="Navi">
<li class="tab tab1 stab"><a>HOME</a><span>メニューツールチップ内容</span></li>
<li class="tab tab2"><a>ブログについて</a><span>メニューツールチップ内容</span></li>
<li class="tab tab3"><a>相互リンク</a><span>メニューツールチップ内容</span></li>
<li class="tab tab4"><a>アップローダー</a><span>メニューツールチップ内容</span></li>
<li class="tab tab5 etab"><a>管理画面</a><span>メニューツールチップ内容</span></li>
</div>
の内容を修正。
<li class="tab tab1 stab"><a href="記事URL">メニューボタンに表示されるテキスト</a></li>
というふうに、アンカータグにリンク先指定を加えればいいだけだと思うんだけど。


＞トップ画とメニューの間が少し開いてしまいます

スタイルシート編集で
/********************************************* ▼ ヘッダー ▼ */
#header_outline {

margin-bottom:-10px; /* ヘッダ下間隔 */ ←ここの数値を調整。
}
でどうでしょうか。


※テンプレをいじる前に、間違っても元に戻せるように、必ずバックアップは取っておいてくださいね。