リンクに触れると文字がずれる方法 - 商品のお買い得!

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

リンクに触れると文字がずれる方法

今回は、リンクに矢印が当たると、リンクの文字がずれる方法を載せます。
結構、この表示方法は、見やすいし分かりやすいので、かなり使えます。

興味を持った方は、やってみて下さい。


  1. ブログのHTMLの編集画面を開きます!!
  2. HTMLの編集画面から</head>を探して下さい。

    ※大抵は、文章の最初の方にあります。
  3. 次に↓の青い部分をコピーして、</head>の前の行に貼り付けて下さい。

    <!--▼文字がずれる▼-->
    <style type="text/css">
    <!-- a{ text-decoration : none; cursor : default; }
    a:hover{ color #333333; text-decoration : underline;
    cursor : default; visibility : visible; float : none; clear : none;
    position : relative; left : 2pt; top : 2pt; } --></style>
    <!--/▲文字がずれる▲-->

    </head> 
    ←この行の前にコピーして貼り付ける!!

  4. 更新をクリックして終了です。

関連記事
ここは記事下のフリースペースです
コメント
非公開コメント

ブログパーツ リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。