2009/03/23

Joomlaテンプレート調整(ロゴクリックでトップページ)

テンプレートによって異なるとは思うのだけど、トップにある画像をクリックしたら
サイトのトップページに行くようにしたいと思ってトライ。
cssでバックグラウンド指定している箇所にリンクを張るのが間違いといった
感じもあり、ちょっと一苦労。

テンプレートの画像の部分を入れ替えて使うことが多いのと、画像はなるべく
押したらアクションがあるようにしたい。

あるテンプレートのヘッダー部分の画像を入れ替え、それをクリックしたら
トップページに行くようにするためにしたこと。

テンプレートのindex.phpの
<div class="header-left"></div>
なんかの部分を
<a class="header-left" href="index.php"><span><?php echo
$mainframe->getCfg('sitename') ;?></span></a>
と書き換える。
文字列は基本的に表示する気がないので無駄なような気もするけど
aタグの中身がないのは気持ち悪いので。


template.cssの
#header_main .hleft {
display:block;    /*  <-- 追加   */
float: left;
width: 300px;
height: 200px;
background: transparent url(../images/header_left.png) top left no-repeat;
padding: 0;
}

#header_main .hleft span {display:none;} /*  <-- 追加 これはいらないのかなぁ?   */


以下を参考にさせてもらいました。

代替スタイルシートの指定方法 - PukiWiki-dev
http://pukiwiki.sourceforge.jp/dev/?%C2%E5%C2%D8%A5%B9%A5%BF%A5%A4%A5%EB%A5%B7%A1%BC%A5%C8%A4%CE%BB%D8%C4%EA%CA%FD%CB%A1

0 件のコメント: