ラグナロク WebMoney

Neko

みえにゃんとにゃんこたちの毎日
2017 081234567891011121314151617181920212223242526272829302017 10
HOME > スポンサー広告 >カーソル変えましたHOME > カスタマイズ >カーソル変えました
 スポンサーサイト
--年--月--日 (--) | Edit |
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
 カーソル変えました
2009年03月10日 (火) | Edit |
またまた色々弄ってしまいまして・・・えへ
お気づきかもしれませんが
ここのカーソルを画像に変更しました。

普通の時がコチラc_all.gif リンク部分ではコチラc_click1.gif

普通の時のカーソル画像は phouse5.gif ぴ~はうすさんからお借りしました。

リンク部分の画像は、phouse5.gif ぴ~はうすさんさんのものを
ANIめーかーというフリーソフトで文字入れしてみました。

ただ、FC2では拡張子.curや.aniは、アップできないので
HPはぁとのおくすり用に借りているサーバーにアップして
そこから呼び出しています。

↑ぴ~はうすさんにも
カーソルの変更の仕方がありますが
一応、タグを書いておくと・・・

body{ cursor:url(普通の時のカーソルのURL); }
a { cursor:url(リンク部分のURL); }


これをスタイルシートの一番下などに書き加えるだけです。

ついでに、ずっとスクロールバーの色を変えたかったのですが
一般的な方法のbody要素で指定しても、全く変わらず
(インラインフレーム内は、それでできているのに・・・)
色々調べたところ、html要素に対して指定するとできる
と分かったので、やっと変更する事が出来ました。
こちらも一応、タグを書いておきます。

html{
scrollbar-face-color:#●●●●; /*スクロールバー本体の色*/
scrollbar-highlight-color: #●●●●; /*スクロールバー左側(上)の影*/
scrollbar-shadow-color: #●●●●; /*スクロールバー右側(上)の影*/
scrollbar-3dlight-color: #●●●●; /*スクロールバーの左側(下)の影*/
scrollbar-arrow-color: #●●●●; /*矢印の色*/
scrollbar-track-color: #●●●●; /*背面の色*/
scrollbar-darkshadow-color: #●●●●;/*スクロールバー右側(下)の影*/
}



こちらも、スタイルシートの下の方にでも書き加えるだけです。
●●●●部分にはお好きな色を指定してください。

参考までに カラーチャート スクロールバー色CSS設定


その他に弄ったのは
横カレンダーをつけた事と文字と絵文字を揃えた事
背景画像をランダム表示にした事、トラックバックURLの表示を変えたこと
こちらはFC2ブログのテンプレート工房さんの
ブログタイトル下に横カレンダーを入れる
文字と絵文字画像を揃える
背景画像をランダムに変える
便利なトラックバックURL表示
を参考にさせていただきました。

「続きを読む」を画像にして、さらに記事ページへ飛ぶのではなく
折りたたみにした事と最新記事タイトル下にパンくずリストをつけた事
こちらは初心者でもできる簡単FC2ブログの作り方さんの
続きを読むを折りたたみたい!
全てのページに表示するパンくずリストをつくりたい!
を参考にさせていただきました。
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : カスタマイズ   ジャンル : ブログ
 コメント
この記事へのコメント
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可
 
 トラックバック
この記事のトラックバックURL
この記事へのトラックバック
Copyright © 2009ねこのあしあと All Rights Reserved.
Customized by みえにゃん   Benri-navi by myhurt
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。