忍者ブログ
[604] [603] [602] [601] [600] [599] [598] [597] [596] [595] [594
カレンダー
09 2024/10 11
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
カテゴリー
最新コメント
最新トラックバック
バーコード
ブログ内検索
アクセス解析
統合したポータルサイトのトップページのお知らせとスケジュールにリンクを貼れないかと聞かれたので、私は試しに<a>要素を使い、リンクを貼ってみたら上手く行ったので4/1に顔合わせをされた偉い方にリンクを貼ったら上手く行ったと言いましたが、4/1に顔合わせをされた偉い方はリンクだと分からないようにして欲しいと言われたので、私はリンクを貼っても一見、ほかの文字と見分けが付かないようにし、マウスをリンクの箇所に持って行った時だけアンダーバーが表示されるようにしました。
トップページの下のフレームのCSSの箇所(お知らせとスケジュールは表示される日付によって文字の色が変わるのでそれにあわせてCSSの箇所も追加しました)とお知らせとスケジュールのhtmlを表示させる文字列を配列に入れる箇所を変更したら上手く行きました。

トップページの下のフレームのCSSの箇所
.link a{text-decoration:none}
.link a{color:#000000;}
.link a{color:#000000;}
.link a:hover{text-decoration: underline;}

.link2 a{text-decoration:none}
.link2 a{color:#4A83EC;}
.link2 a{color:#4A83EC;}
.link2 a:hover{text-decoration: underline;}

お知らせとスケジュールのhtmlの箇所
html
配列に入れる表示させる文字列を<span class=\"link\"></span>
または<span class=\"link2\"></span>
で囲む
PR
この記事にコメントする
name
title
color
mail
URL
comment
pass   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret (チェックを入れると管理人だけに表示できます)
この記事へのトラックバック
この記事にトラックバックする:
Powered by Ninja Blog    template by Temp* factory    icon by MiniaureType

忍者ブログ [PR]