エントリー本文
リンクをマウスオン時にずらす
これも使い始めて随分日が経ちましたがとりあえずご紹介まで。
文字や画像のリンクにマウスをポイントすると表示が右下にずれるという技です。我楽さんのサイトで使われているのが気に入って、使ってみました。とりあえずタイトル文字と右下のバナーに適用させています。こういう小技は洒落ていていいですね。
カスタマイズ方法は、スタイルシートで該当するa:hoverの中に
position:relative; top:1px; left:1px;
を入れればOKです。
≫ ページ分割 from Cool Gaming ! weBlog
うまく行ってるように見えて全然うまく行ってないし、日本語名カテゴリーの php ... [続きを読む]
≫ リンクをマウスオン時にずらしてみる from Magic White
小粋空間 リンクをマウスオン時にずらすを参考にやってみました。 文字や画像のリン... [続きを読む]
≫ 見た目を変えて、微妙に改良も加えてます。 from 東京医科大学合気道部TEAM-Ishikawa
小粋空間さんを参考に、”リンクをマウスオン時にずらす”に挑戦。うまく出来ました! [続きを読む]
≫ 小粋空間: リンクをマウスオン時にずらす from 夢幻の書
小粋空間: リンクをマウスオン時にずらす 小粋空間さんにて 紹介されていた小技ですが スタイルシート... [続きを読む]
≫ 小粋なユーザーコミュニティ100人突破記念企画参加 from TENERE
このブログのカスタマイズドにあたっては、このブログにこれまで書いてきたTipsな... [続きを読む]
≫ マウスオン時にテキストをずらす from Project MultiBurst
このブログの左上のバナー文字「Project Multiburst」ですが、 文... [続きを読む]
≫ マウスカーソルを乗っけたらリンクが動くようにする from MovableType幼稚園
マウスカーソルを乗っけたら、リンクが動くようになっているサイトをよく見かけていましたが、ひそかにうらやましがっていました(笑)。 このたび、めでたく方法が... [続きを読む]
≫ マウスを載せるとリンクがちょいと動く from 裏日記・・・気ままに更新・・・備忘録
Movable Type3.2-ja 覚え書き 備忘録? ◎マウスを載せるとリンクがちょいと動く テ... [続きを読む]
≫ モブログの写真画像をいじる from no title
携帯から投稿した写真画像を枠で囲んでみました。... [続きを読む]
≫ リンクの「ズラ」し from なげやりぶろぐ
毎日毎日MT3.2のカスタマイズをひたすらやってる訳ですが、
「これ簡単だし、FC2でも出来るな」と思ったんで、ご紹介。
リンクをマウ... [続きを読む]
≫ リンクにカーソルをあてるとリンクが動きま?す♪ from yozoの気が向いたと記
リンクにカーソルをあてると「プニュ」って感じで動くのを見たことありませんか。実は「わぁ?♪」って驚いたことがあるyozoです。(笑)これってさぞかし難しい... [続きを読む]
いえいえ。
最初、設定の仕方が分からなくて勘で(笑)書いたら、画面全体がずれてビックリしました(笑)。
Yujiroさん、こんばんはー♪
このカスタマイズおもしろいですね。
プニュという感じでリンクが動きますね。
CSSに一行追加でできるのもお手軽ですよ。
早速プニュにさせていただきました。
いつもありがとうございまっす。m(_ _)m
勝手ながらトラバも入れさせていただきました。
>yozoさん
こんにちは。
記事参照ありがとうございます。
私も最初にこれを見た時驚きました。
うまくできたようで良かったです。
ではでは!
はじめまして、小枠空間さん。
初めて訪問させて頂きましたワクと申します。
小枠空間さん。
このブログ、スゴイっす!!(笑)
めちゃめちゃクオリティ高くて、
僕はFC2ブログ使ってるんですけど、
MT使用なのにFC2でも応用効きまくりで、
涙モンで参考になります。(笑)
取り敢えず、早速「文字のプニュッ!」を
使わせて頂きました。
すいません。(笑)
でも、俺のテンプレートで
HTMLやスタイルシートにa:hoverが
ナカナカなくて、
スタイルシートに「アンカー」という部分で
やっとa:hoverを見つけた次第です。(泣)
結果、全てのリンクが「プニョッ!」になってしまいましたが。(笑)
これからも、イロイロ参考にさせて頂きます。
どうぞ宜しくお願い致します!
ではでは。
