自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2020.08.11この記事は約5分で読めます。THOR(ザ・トール)を使って構築しています。THOR(ザ・トール)での「Prev/Nextアイキャッチ画像をホバー時に浮かす」カスタマイズについてまとめてみました。THOR(ザ・トール)ホバー時に浮かすマウスカーソルをホバーした時に浮かすカスタマイズは色々なサイトで採用されており、今となっては特に珍しいカスタマイズではありません。前回のエントリー記事で、【関連記事】上にマウスカーソルをホバーしたときに浮かすカスタマイズを行いました。THOR(ザ・トール)での「関連記事をホバー時に浮かす」カスタマイズについてまとめてみました。今回は【関連記事】に対してマウスカーソルをホバーした時に浮かす処理を加えてみました。masaa.net2020.08.09今回は【Prevアイキャッチ画像】【Nextアイキャッチ画像】上にマウスカーソルをホバーしたときに浮かすカスタマイズを行いたいと思います。THOR(ザ・トール)での「Prev/Nextアイキャッチ画像をホバー時に浮かす」カスタマイズを行います。「Prev/Nextアイキャッチ画像をホバー時に浮かす」カスタマイズ内容は、下記の通りです。アイキャッチ画像」のカスタマイズに上書きします。今回のカスタマイズによって、【Prevアイキャッチ画像】【Nextアイキャッチ画像】上にマウスカーソルをホバーしたときのスタイルは次の様になりました。今回のカスタマイズでは、ホバー時に位置移動させて影(シャドー)を設定しました。ホバーしたときに背景色(バックカラー)を設定したいるので、その色に合わせて背景色を(バックカラー)設定しています。最後にこれで【関連記事】【Prevアイキャッチ画像】【Nextアイキャッチ画像】に対して、マウスカーソルをホバーしたときに浮かすカスタマイズを行いました。次は、【ブログカード】【サイトカード】に対して同様のカスタマイズを行っていきます。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。(3)サイト運営者masaaブログ歴20年目の弱小ブロガー。PCはMZ-80Cから始まりMZ-80B,PC-8001/8801/88VA/9801/9821/N/NS等を経て現在自作PCに夢中。THORで3つのウェブサイトを運営中。blogたっけーブログもう50年生きちゃったよ。(3)MASAa.net内を検索サイト運営者masaaブログ歴20年目の弱小ブロガー。PCはMZ-80Cから始まりMZ-80B,PC-8001/8801/88VA/9801/9821/N/NS等を経て現在自作PCに夢中。THORで3つのウェブサイトを運営中。blogたっけーブログもう50年生きちゃったよ。defined.")}))})()。