忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOMEリンクカスタマイズの記事

[PR]

03/29(Fri)  YESR2024

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

リンクタグをカスタマイズ

04/01(Thu)  YESR2010

従来の?リンクタグは
<a  href="" target="_blank" ></A>

いまどきこれでOK
<a target="_blank" href="" title=""></A>

ターゲットはどの窓(ブラウザ)で表示させるかを命令指定
これらはStrict DTDでは使用できない
_blank 新窓 環境によってはポップアップブロックが機能してしまう場合がある
_self 現在のフレーム(窓
_top フレーム分割を解除して窓全体に表示

拍手

PR

リンクに説明文を表示させるカスタマイズ

04/01(Thu)  YESR2010

リンク文字ヤ画像にマウスが触れたときに説明文が表示することができる
  HTMLのみカスタマイズ
<BODY>内
文字リンクの場合:半角スペース1つ付けて
title=”表示させたい文章を記入”
リンクタグ
<a href="サイトURL" title="表示させたい文章を記入">リンクタイトル</a>

画像リンクの場合
alt="表示させたい文章を記入"
<a href="サイトURL" alt="表示させたい文章を記入"><IMG SRC="画像URL"></a>

SEOを気にするなら特にこういったことが重要になってくる
これを各タイトルをカスタマイズして搭載するのがベスト

MTなどではこういったことができるが
忍者などでは仕様にない



ので
せめて文字や画像に付けておきたい

画像はリンク用でなくても付けておくべき

リンクのない画像に説明文
3種類

かものはしくんでーす①<img src="aa.jpg" alt="代替文" title="説明文">
②<img src="aa.jpg" alt="代替文">
③<img src="aa.jpg" title="説明文">

①が好ましいが しつこそうなら②か③

JAVA指定カスタマイズ
 
<head> から </head>に
 
<script language="JavaScript">
<!--
function setLinkMsg(msg) {
document.getElementById("linkmsg").innerHTML = msg
}
function resetLinkMsg() {
document.getElementById("linkmsg").innerHTML = ""
}
 
-->
</script>
 
<body> から </body>のリンクに

<a href="リンク先URL" onmouseover="setLinkMsg('説明文');" onmouseout="resetLinkMsg();">コンテンツ名または画像</a>
 
メッセージを出したい箇所に
<span id="linkmsg"></span>

拍手

ファビコンアイコン

03/26(Fri)  YESR2010

favicon.icoとは
ブラウザURLの先頭にサイトイメージのアイコンを表示する

また、
デスクトップお気に入り(ブックマーク)にも表示され
サイトがわかりやすくなる。

なお、
ブラウザにより表示が遅い場合がある

表示方法
表示されるまで時間がかかる場合がある。
ブラウザ設定一時ファイルヤ履歴削除をするとはわりと早く表示される場合がある。

 
 HTML<head>内に記入
<link rel="shortcut icon" href="ファビ画像URL" type="image/vnd.microsoft.icon">
<link rel="icon" href="ファビ画像URL" type="image/vnd.microsoft.icon">

拍手

リンククリック時に表示される枠削除

03/26(Fri)  YESR2010

CSSに以下を書き加える
a:focus {
outline:none;
}

わかりやすいように
クリックしている状態を表す
この部分
/*アクティブ状態のリンクの設定*/
a:active { 
color:#daaf98; 

ここに加えておくと良い

拍手

カーソル変化

03/14(Sun)  YESR2010

カーソル変化とは
マウスカーソルがリンクの上にきたときに変化するタイプ
  CSS
 一括指定
/*全体の設定*/ に記入
a{
cursor: crooshair; /*カーソルの種類*/
}

拍手

HOME »次のページ

最新コメント
[04/23 管理人]

最新トラックバック

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事