昨日に引き続き、ヘッダーの中にある
ヘッダーナビを今日は書き留めておきます。
ヘッダーナビの情報は、ロゴエリアと同じデザイン管理>PC>CSS設定のcommon.cssにあります。
******************************************************************************
/* ==============================================
ヘッダー
=============================================== */
↓
↓
↓
↓
↓
/* ヘッダーナビ
----------------------------------------------- */
div#header_navi { ナビ全体の設定(ボタンが配置されている場所)
float: right; //ヘッダーナビエリアの中で右寄せ
width: 409px; //幅を409ピクセルに設定
height: 38px; //高さを38ピクセルに設定
}
div#header_navi ul li { //ヘッダーナビの要素(Myページ・新規会員登録・カゴの中)を
箇条書き(この場合ボタン)とし
display: block; //一つずつをブロック化(ブロック内の余白も含めリンクの対象となる)
float: left; //左寄せとして、横に並べる。
}
div#header_navi ul li.mypage, //MYページへのリンク
div#header_navi ul li.entry { //新規会員登録へのリンク
margin-top: 6px; //上余白を6ピクセルに設定
}
******************************************************************************
ボタンの画像だったり、リンクの設定だったりは、デザイン管理>PC>ヘッダー/フッター設定
のヘッダー編集の中に記述されてます。
******************************************************************************
<div id="header_navi">
<ul>
<li class="mypage">
<a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php"
onmouseover="chgImg('<{$TPL_URLPATH}-->img/common/btn_header_mypage_on.jpg','mypage');"
onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/btn_header_mypage.jpg','mypage');">
<img src="<!--{$TPL_URLPATH}-->img/common/btn_header_mypage.jpg"
alt="MYページ"name="mypage" id="mypage" /></a>
</li>
<li class=
"entry">
<a href="<!--{$smarty.const.ROOT_URLPATH}-->
entry/kiyaku.php"
onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/
btn_header_entry_on.jpg','entry');"
onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/
btn_header_entry.jpg','entry');">
<img src="<!--{$TPL_URLPATH}-->img/common/
btn_header_entry.jpg"
alt="会員登録" name="entry" id="entry" /></a>
</li>
<li>
<a href="<!--{$smarty.const.CART_URLPATH}-->"
onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/
btn_header_cart_on.jpg','cartin');"
onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/
btn_header_cart.jpg','cartin');">
<img src="<!--{$TPL_URLPATH}-->img/common/
btn_header_cart.jpg"
alt="カゴの中を見る" name="cartin" id="cartin" /></a>
</li>
</ul>
</div>
******************************************************************************
赤字:マウスカーソルが上に乗った状態に表示するボタンの画像
緑字:マウスカーソルがボタンから離れた時に表示するボタン画像
青字:クリックした状態に表示するボタン画像
ピンクは、リンク先のURL
ボタン画像を変更する場合は、
コンテンツ管理>ファイル管理の
user_data > packages > default > img > commonへアップロードし該当箇所のリネームをします。
あれもこれもで、頭がテフテフ状態だ・・・・・・
明日の夜は、友達のお子が通ってるダンス教室でコンテストに参加するっつー事らしく
ヨウツベでのエントリーに、お母様方が誰も詳しくないそうでワタクシめにお話が回って来ました・・
録画したのをまんまアップロードじゃ芸が無いだろーって事で多少編集なぞしようかと話してたら
なんと今週中に、やらにゃならんらしい。。。。。。
最近の親にありがちな口出しは人一倍、実際の作業には加わらないという人が居るらしく
衣装やらなんやらが中々決まらない、いざ撮りに入ろうと言う時に風邪をひくという困り者さんの
お陰でギリギリになってしまったのだそうな。。。。。
ええ、、、ええ、、、やりますとも一日でっ!!
最近は学校の体育にダンスが入ったんだよね?私の頃は創作ダンス(ジャズダンスみたいな?)
位しか無かったけど得意分野だったw
若かりし頃は、優勝すればスポーツカーが貰える♥みたいなダンスコンテストで準決勝まで
行ったのだっ(遠い目)
もう少し遅く生まれて来たかったなぁ~~~(もう少しじゃなくて、大分かwwww)