[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート | コリス
「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。 外部リンクでアイコンを変更する場合 a[href^="http://"]{ background:transparent url(../images/external.png) center rightright no-repeat; display:inline-block; padding-right:15px; } 判別する箇所のサンプル -mailto a[href^="mailto:"] 判別する箇所のサンプル -PDF a[href$='.pdf'] 判別する箇所のサンプル -圧縮ファイル a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] 判別する箇所のサンプル -画像
CSS で外部リンクにだけアイコンを表示
当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いて... 当サイトの各カテゴリーごとのエントリー数を見ていたら、(X)HTML / CSS に関するエントリーがとっても少ないことに気がついたので、CSS ネタでも書いてみますよ。 で、今回はエントリーなんかでリンクを張るときに、当然外部サイトへのリンクと、自分のサイト内へのリンクが混在することになるかと思いますが、このとき外部リンクだけに 「外部リンクですよ」 とわかるようなアイコンを表示させてみたいと思います。 まずは、アイコンを用意しますね。こんなやつ↓ あとは CSS を書くだけですが、ここは 2段階に分けて考えます。どういうことかというと、まずはすべてのリンクにアイコンをつけてしまって、そのあとで、サイト内リンクのみアイコン
ヘッダのJavaScript読み込みをincludeっぽくスッキリさせる方法☆ - HDRiな生活
カメラ:D700、 レンズ:SIGMA 20mm F1.8 EX DG、ISO:200、絞り優先、ブラケット:-2〜+2、ホワイトバランス:オート 【追記】ロード順が保証されておらず、依存関係にあるjsを読み込むと不具合の可能性があります。指摘いただきました。 PrototypeやjQueryなどのjsライブラリを複数使用すると、ヘッダ内にjs読み込み文が並んでしまって、見栄えが悪くなる、保守性は低くなるわで、クローラフレンドリーも期待できなくなります。多分。 そういった時に、jsをスッキリ一文にまとめてしまう方法です。 【Before】 <head> </head> 【After】 <head> </head> 【pack.jsの中身】 (function() { document.open(); var l = arguments.length; for(i = 0; i < l; i
テキストリンク | Firefox アドオン | Mozilla Japan の公式アドオン紹介サイト
ダウンロード リンクの張られていない URL 文字列をダブルクリックで開けるようにします。日本語圏でよく見られる、「h 抜き」や全角文字で書かれた URL も読み込むことができます。 対応バージョン Firefox 1.0 - 3.0.* 詳しい説明 Webページに書かれたURI文字列を、ダブルクリックするだけで読み込めるようにします。この拡張機能が無い場合、Webページ上でリンクになっていないURI文字列（例：「 http://piro.sakura.ne.jp/ 」）を見付けたときには、以下のような操作をしないといけません。 1. URI文字列を空白などを含めないで完全に選択する。（プロポーショナルフォントで表示されているテキストだと、これが難しい……） 2. クリップボードにコピーする。（Ctrl-Cもしくは「編集」メニューの「コピー」を選択） 3. ロケーションバーに貼り付ける。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
