はてなダイヤリー(ブログ)についての質問です!

カーソルを好きな画像(?)にする方法は分かっているんですが…*{cursor: url( カーソルのURL );}のカーソルのURLがわからないんです。
http://www5.ocn.ne.jp/~wanpagu/s29.html
↑のフリー素材をカーソルにしたいんです。
もし、ほかにフリー素材でカーソル用のパグの素材があれば、教えてください!
では…よろしくお願いしますm(_ _)m

回答の条件
  • 1人20回まで
  • 登録:2011/10/12 08:47:45
  • 終了:2011/10/19 08:50:03

回答(1件)

id:chinjuh No.1

chinjuh回答回数1599ベストアンサー獲得回数1842011/10/12 11:21:27

お願い:途中で読むのをやめないで最後まで読んでから実行してくださいね。


画像のURL(アイコンという呼び名でも、素材という呼び名でも、写真でも、イラストでも、画像は画像です)というのは、その画像を置いてある場所のことです。

 

ブラウザでその画像を見た時に、

画像の上で右クリックをするとメニューが出てきます。

その中に

Firefox だと画像だけを表示、Chrome だと画像を新しいタブで開くとかがあります。

メニューはブラウザによって違うので、

IEだと違う言葉で書いてあるかもしれませんが、それっぽいのを選びます。

 

そうすると、画像だけが表示されて、URL の欄に、その画像のURLがあるはずなので、コピー&ペーストして使います。


ただし!! ここからが重要なので絶対に読んで下さいね。

質問文にある素材サイトでは、

素材をダウンロードして使って欲しいと書いてあります。

直リンクしてはいけないのです。

 

そこで、

使いたい画像をマウスでつかんで、

デスクトップの上にポイッと離します。

これでダウンロードできてると思うので、デスクトップ上を探してみてください。

もし探してもなかったら、

先ほどと同じように、使いたい画像の上で右クリックして、

「名前をつけて画像を保存」とかなんとか(ブラウザによって違う)を選んでください。

ダウンロードする場所(デスクトップとか、マイドキュメントとか)を選んでOKすればいいはずです。

 

次に、その画像をどこかにアップロードしなければいけません。

自分のパソコンの中にあったのでは使えないのです。

質問者さんの場合ははてなの会員なので、

はてはフォトライフにアップロードするといいでしょう。

http://f.hatena.ne.jp/(あなたの ID)

(あなたの ID)の部分を、質問者さんのIDにしてブラウザで見に行ってください。

ニックネームではなく、IDですから注意しましょう。

 

そうしたら、アップロードというのをクリックして、

さっきダウンロードした画像を画面の指示に従ってアップロードしてください。

 

アップロードが完了するとサムネイルが表示されますから、

サムネイルをクリックすると画面が変わります。

 

その画面で見えている画像の上で右クリックします。

「画像だけを表示」とかなんとかを選びます。

画像だけ表示された状態で、URLの欄を見てください。

http://f.hatena.ne.jp/なんとかかんとか…/画像の名前.gif とかになってますか?

なってたら、それをコピーして使ってください。

http://から.gif まで全部コピーすること。

gif の後に ?+数字がくっついてる場合は、

?より後は消しても大丈夫です。



書いたので答えてみるけど

自分で読んでも面倒くさすぎて

これで理解してもらえる自信がありません。

目の前でやってみせたら一発なのに。

  • id:flandlescarlet
    その画像で目的の回答を出せそうに無いので
    コメント欄にて少しその問題を述べます

    申しにくいですがそのサイトの画像はマウスカーソルに出来ません

    一般的にgifやjpeg..pngなどの画像ファイルと
    マウスカーソルのaniやcurといった特殊な拡張子のもとで形成されております

    対応のカーソルが置かれているサイトは
    http://www.geocities.jp/tondoneater/cursor.html
    こちらです

    aniやcur以外での拡張子(画像ファイル A.pngやA.gif)でURLを指定しますと
    何も変化ございません....
  • id:flandlescarlet
    P.S.

    フォトライフではマウスのカーソルのファイルをアップロードが出来ませんので
    別の所、FC2などであげる必要があります

    自分も実際にキットを使って作ってみましたが

    http://yatagarasu0495.web.fc2.com/cursor/sample/image00.cur
    ↑FC2であげております
    FC2か他の場所でアカウントを取り自作するのも一つの手段ですよ

    キットについて
    http://blogs.yahoo.co.jp/shino2048/39728842.html
  • id:chinjuh
    マウスカーソルのって犬が走ってるやつじゃないんでしょうか。
    ただのGIFアニメみたいだからフォトライフでもアップロードできるんじゃないかな。

    まあ確かに
    *{cursor: url( カーソルのURL );}
    っていうのを書いて役にたつかどうかまではやってみてないですけど ^_^
  • id:flandlescarlet
    探してみたところ
    GIF等の画像をaniやcurにするソフトがありました
    http://greenfish-icon-editor-pro.softonic.jp/

    これで上記の犬のアイコンを保存して自身のパソコンで
    編集GIF→cur
    これでFC2等のサーバーにあげて直リンクすればいけると思います



    chinjuhさん

    マウスカーソルの設定も結構難しいところですからね
    *{〜〜}なんてしてしまいますとリンク先に変わるカーソルなど全部分かりませんし
    なにかと不便です

    変えるなら全種ともに設定する必要がありますが
    相当大変そうなようでして
    CSSはブラウザごとに仕様が異なるのもかなり難しいところです...




    例のサイトの件について

    もしファイルのアップローダー主が自分なら
    直接あげたファイルを使われると万が一の時に勝手に消せませんからね
    特に開発中であげている人とかはフォルダの整理もしたいだろうし
    それこそたかがファイル名を 01.cur から 001.cur に変えるだけで
    それまで01.curを直リンクで使っていた人は突然消えて何かと思うし

    アップローダーさんもまた報告しなければならないなど
    そんな問題かなと思いました
    確かに自分で保存して使うなら誰にも迷惑はかかりませんし制約も無いですからね!!
  • id:chinjuh
    八咫烏さん、お詳しいですね^^
    ただなんていうか、質問文を読んでると
    順番に片づけていったほうがいいかなって思いました。

    質問では画像のURLについて聞いてるから、
    ほんとはURLをどうやって調べるか「だけ」を、お教えしたほうが
    混乱がないと思うんです。

    でも、質問文にある使いたい画像っていうのが直リンクを禁じているので、
    ダウンロードの仕方と、アップロードの仕方もお教えしました。

    質問文にある方法ではうまくいかないかも、とはわたしも思いましたけど、
    それはやってみて失敗してからのほうが、
    混乱なく先に進めるかな、と思ったのです。

    でも、まあ、最初から全部教えちゃって荒波に突っ込ませちゃうのも
    ひとつの方法ですね ^-^;;;;
    しかし、わたしは別のサーバを借りてナントカを何に変換して…という作業を、
    URLの調べ方を人に聞いてる段階の質問者さんにお教えする自信がありませんので
    これにて失礼させていただきますー(笑)
  • id:chinjuh
    追伸、
    八咫烏さん、解答欄に書いてはどうでしょう。

    そして、質問者さん、
    言ってることは八咫烏さんのほうが正しい、というか突っ込んで親切に教えてくださってますから、ぜひベストアンサーを八咫烏さんにさしあげてください。
    よろしくお願いします。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません