· 

ログインの文字列にマウスを載せると文字列が消える


1.フッターにあるリンク文字列にマウスを載せる

Jimdoで作成したWebページからjimdoにログインしようとして、フッターエリアにある「ログイン」ボタンにマウスを載せる(a リンク文字列に hoveringする)と、文字列がきえてしまう。

 

作成に使用したレイアウトは Reikjavik。

bllg_link01:「ログイン」文字列にマウスを載せると文字列が消える
bllg_link01:「ログイン」文字列にマウスを載せると文字列が消える

「ログイン」文字列は消えてしまうが、消えたあたりをクリックすると確かにログイン画面が表示されます。

 

フッターエリアには他にもリンク文字列がありますが、それらにマウスポインターを載せた場合でも同じように消えてしまいます。

 

2.フッターエリアのリンク文字のソースコードを調べる

フッターエリアのリンク文字列がある部分を調べる。

blg_link02:リンク文字の周辺のソースコードを確認する(クリックすると拡大表示されます)
blg_link02:リンク文字の周辺のソースコードを確認する(クリックすると拡大表示されます))
blg_link03:フッターエリアでリンク文字列のある部分のソースコード
blg_link03:フッターエリアでリンク文字列のある部分のソースコード

フッターエリアでリンク文字列のある部分のソースコードを調べました。

その部分は、ID名contentfooterが付いた区画(<div>~</div>)と言うのが分かります。

 

同じくこの区画内で記述されているリンクタグ(<a href="#">)に対するCSSでのスタイル指定も確認できるが、なぜか a:hover の指定は見つからない。

 

3.リンク文字列にマウスを載せた時のスタイル指定をした

①「管理メニュー」→「基本設定」→「ヘッダー編集」→「ホームページ全体」で、

② 以下のようにスタイルの指定を追加した

blg-link04:スタイル指定(a:hover 時のリンクの色を skyblue にした)
blg-link04:スタイル指定(a:hover 時のリンクの色を skyblue にした)

すなわち、ID名contentfooter の区画内にあるリンク文字にマウスを載せた時、文字の色をskyblue に変えるというものです。

 

コメントをお書きください

コメント: 3
  • #1

    早苗月 (月曜日, 07 2月 2022 19:52)

    活動の記録で2022年1月の3班担当
    ログインボタンの解決のところで「熊谷様の修正」に内部リンク「テクガイド」にリンク
    をかけてみました。

  • #2

    Guys (月曜日, 07 2月 2022 21:18)

    ブログ記事にリンクを貼るということでしたら、直接ブログ記事にリンクを貼る方が良いかもしれません。

    リンク元文字列「熊谷様の修正」を選択して、編集メニュー「リンク」をクリックすると「内部メニュー」「外部メニュー」の他に「ブログ記事」と言うのがあります。その「ブログ記事▾」をクリックすると、当サイトで公開されているブログ記事のタイトルが全てリストされていますので、そこから個々の記事へ直接リンクをかけることができます。

  • #3

    早苗月 (火曜日, 08 2月 2022 22:48)

    ありがとうございます。
    「内部メニュー」「外部メニュー」の他に「ブログ記事」を選んで、該当の記事にリンクをかけました。