- 締切済み
seesaa マウスポインタを変更したい
自分でani形式のポインターを作ったので自分のブログに使いたいと思います。 リンクの上にオンマウスした時に出る指を変更したいんですが、どうにもcssやらスタイルシートは難しくて分かりません。 実際にseesaaブログをカスタマイズしている方、どなたか分かりやすく説明してもらえないでしょうか? よろしくお願いします!
- みんなの回答 (3)
- 専門家の回答
みんなの回答
関連するQ&A
- 「ヤプログ」マウスポインタの変更は可能??
こんにちは。 最近ヤプログでブログを開設しました。 自分でカスタマイズしたくて、スキンは変更できました☆ そこで、マウスポインタを変更しようと思ったのですが、どのようにしていいのか分かりません。。 マウスポインタはダウンロードしましたが、ヤプログではアップロードできない画像形式のようです。 マウスポインタを変えている皆さんは、どのようにして変更しましたか? また、参考になるサイト等ありましたら、教えてください。 よろしくお願いします☆
- ベストアンサー
- ブログ
- マウスポインタをCSSで変更
ホームページ上で表示されるポインタを 任意のカーソル(外部ファイル)を使い、ページ表示させたいのですが、 通常のカーソルは・・・ cursor: url(" URL "); で反映されたのですが、リンクにカーソルを乗せた時の指ポインタを指定のカーソルファイルに変更する方法がわかりません。 各リンクタグにポインタ変更を加える方法は見つけたのですが、 ページ全体のリンクのポインタをCSSで指定する方法はないでしょうか?
- ベストアンサー
- その他([技術者向] コンピューター)
- マウスポインタを作りたい
自分のイラストをマウスポインタとして使ってみたいのですが、どうすればいいのでしょうか。何かソフトが必要ですか? 今、イラストを描いて設定しようとしてみたのですが、マウスポインタに設定するためには画像の形式が「~.ani」または「~.cur」でなくてはならないようですね。Photoshopなどでは「gif」「jpg」等しか形式が設定できないようです・・・。 やり方を知っている方、教えてください。
- ベストアンサー
- Windows XP
- seesaaでテンプレートを変更したい
seesaaでブログを楽しんでいます。 現在「アイボリー(左サイドバー)」というテーマタイトルのスタイルシートを使っています。 この左サイドバーというのを両サイドバーというのに変えたいと思っています。 ところが用意されている両サイドバースタイルのもののなかからアイボリーが見つかりません。 サイドバーを増やすこと以外は変更したくないのですがどのようにすればよいのでしょうか? スタイルシートをいじったことがないので途方にくれています。
- ベストアンサー
- ブログ
- Seesaaブログで、リンクの色を変えたいとき
Seesaaでブログをしてますが、 リンクの色が薄くて見ずらいので変えたいのですが、 スタイルシート、HTMLのどこをいじったらいいのか分からないので教えてください。 少しなら分かりますが、 リンクはどの部分を書き直せばいいのか、よろしくお願いします。
- ベストアンサー
- ブログ
- seesaaブログで日付を表示させない方法
ブログ初心者です。seesaaブログで日記形式ではなくHPのような感じで記事を作りたいと思っています。 日付を非表示にしたいのですが、ヘルプの通りに「.date」の箇所を「display:none;」に置き換えて「スタイルシートの変更」後に「全てのページを再構築」しても日付は表示されたままです。 やり方が分かる方がいらっしゃいましたら教えてください。 またブログを日記形式でなく、説明のようなHP形式(表現がへたですみません)に変更する方法が載っているものがありましたら教えてください。 よろしくお願いします。
- ベストアンサー
- ブログ
- Seesaaブログのテンプレートカスタマイズについて。
Seesaaブログカスタマイズについての質問です。 http://inqsite.seesaa.net/category/251966-1.html にある「<< 1 2 3 >>」や、 http://inqsite.seesaa.net/article/69975938.html のような「<< 前の記事 | TOP | 次の記事 >>」などのリンクは、どのようにテンプレートをカスタマイズすればよいのでしょうか? 教えてください。
- 締切済み
- ブログ
- IE10以降で、マウスポインタが指マークにならない
IE10とIE11のみリンクの上にマウスを持っていっても 矢印カーソルから、指マークにかわりません。 IE8、サファリ、firefox、クロムでは、指マークに変わります。 CSSに cursor:pointer; cursor:hand;と入れてみたり、 直接要素タグに style="cursor: pointer" を入れたり、 </head>内に、下記タグを入れてみたり、 <style type="text/css"> <!-- A:hover {cursor:pointer;} --> </style> 色々と試してみましたがダメでした。 http://keihan-mansion.com/index2.aspx このサイトです。 全ページ同じ状態ですが、 このページだけ指マークになります、 なぜでしょうか?http://keihan-mansion.com/all.aspx?pid=D1DUXJEQ6bQ 昨日からずっとここで立ち止まっております、 どなたかアドバイスお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ポインタ変更のソースはこれであってるでしょうか?
ポインタの素材をダウンロードして解凍して、ホームページで使用しようと思い下記↓ソースを貼り付けました。 プレビュー画面で確認出来なかったので、きっとどこかが間違っていると思います。画像アドレスの部分には指定の素材ファイル名○○aniを挿入すれば大丈夫でしょうか? <STYLE type="text/css"> <!-- body{cursor:url(カーソル画像のアドレス);} a{cursor:url(カーソル画像のアドレス);} --> </STYLE> 宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- seesaaブログの文字の大きさについて
seesaaブログの自分のブログで、記事の文字の大きさを大きくする 方法を教えて頂けますでしょうか。 ウェブで検索すると、以下が見つかりました。 「マイ・ブログ」タグからサインイン(ログイン)して→「デザイン」 →「スタイルシート」→「使用しているテンプレートのタイトル」 でスタイルシートを 変更、書き足しができるページを開きます。 が、そもそも私の「デザイン」の中には、「スタイルシート」がありません。 あるのは、「デザイン一覧」「コンテンツ」「HTML」「コンテンツ(モバイル)」 「HTML(モバイル)」「iPhone」「デコもじ」の7個のメニューです。 参照したウェブが古いのかもしれません。どなたかご存知の方、 宜しくお願いいたします。
- ベストアンサー
- ブログ
お礼
すいません、こちらにしか投稿できませんでした泣 #footer{ clear:left; height:50px; } .copyright{ text-align:center; } .diet-content{ padding-left:10px; } #diet-foods{ padding-left:10px; } .food-title{ width:20%; clear:left; float:left; } .food-content{ width:75%; padding-top:10px; } #diet-container{ border:1px solid #999; padding:5px; margin-bottom:5px; } .diet-title{ padding:2px 10px 2px 5px; margin-top:5px; } blockquote{ border:1px solid #ccc; padding:5px; margin:10px; } .tag-word{ margin:20px 0px 0px 0px; line-height:1.4em; } .tag{ position:relative; } #tag_cloud{ border:1px solid #CCC; padding:10px; text-align:left; position:relative; } #tag_cloud a { padding:2px; } .tag-title{ font-size:16px; font-weight:bold; text-align:left; } .tag-body{ margin:10px 0px; padding:10px 0px 0px 0px; position:relative; } .tag-service{ text-align:left; font-weight:bold; border-bottom:1px solid #CCC; padding:0px 0px 5px 0px; clear:left; position:relative; } .tag-search{ text-align:right; padding:5px 0px; margin-bottom:10px; font-weight:bold; position:relative; } .tag-article{ padding:0px 10px 10px 10px; text-align:left; position:relative; } .tag-article-title{ text-align:left; padding:0px 0px 5px 0px; font-weight:bold; position:relative; } .tag-article-posted{ font-weight:normal; position:relative; } .tag-article-summary{ padding:0px 10px; line-height:1.4em; position:relative; } .tag-more{ text-align:right; margin:10px 0px; clear:left; position:relative; } .tag-photos{ float:left; margin:8px; position:relative; width:140px; height:200px; } .tag-photos-title{ line-height:1.4em; padding:5px 0px; text-align:left; position:relative; } .tag-audios{ margin:5px; position:relative; } .tag-audios-title{ text-align:left; font-weight:bold; padding:0px 0px 5px 0px; position:relative; }
補足
回答ありがとうございます!さっそく探してみたんですが分かりませんでした。泣 スタイルシートをコピペしてきたので、ご面倒ではありますが見てもらえないでしょうか?長すぎるので2回に分けます。。 body { background-color:#FFF; margin:0px 0px 0px 10px; padding:0px; text-align:center; font-family:Verdana; text-align:center; } #container{ margin:0px auto 0px auto; width:100%; color:#5D5D5D; font-size:12px; font-family:Verdana; text-align:center; } a{ color:#7C9907; text-decoration:none; } h1 { margin:0px; padding-top:50px; padding-bottom:10px; font-weight:bolder; font-size:24px; font-family:Verdana; } h1 a{ color:#5D5D5D; text-decoration: none; font-weight:bolder; } h2 { padding: 0px; font-weight:bold; text-align:left; } h3 { padding: 0px 0px 0px 15px; font-size:12px; font-weight:bolder; background-image:url(http://blog.seesaa.jp/img/bg/lightgray_1/title.gif); background-repeat:no-repeat; font-family:Verdana; } H3 a{ text-decoration: none; color:#000; } #banner{ margin:0px; text-align:left; height:150px; } .description { font-family:Verdana; font-weight:bold; padding:0px 10px 0px 0px; } .navi { text-align:center; margin-bottom:10px; margin-top:10px; } #content { margin:0px 0px 0px 30px; float:left; width:45%; } .blog { padding:0px 5px 50px 5px; text-align:left; font-family:Verdana; } .blogbody { font-weight:normal; margin-bottom:15px; } .date{ font-family:Verdana; font-size:10px; clear:left; color:#AFAFAF; margin-top:0px; margin-bottom:0px; padding:12px 0px 25px 0px; border-top:1px solid #D3D3D3; } .title{ margin-top:0px; margin-bottom:0px; font-weight:bold; } .title a{ border:none; } .text{ padding:10px 0px 5px 0px; margin-top:0px; line-height:1.8em; font-family:Verdana; } .posted{ text-align: left; margin-bottom:5px; padding:15px 0px 3px 0px; font-size:10px; font-family:Verdana; } .posted a{ font-weight:bold; } #links-left { font-weight:normal; width:23%; float:left; margin: 0px 0px 0px 0px; text-align:left; } #links { font-weight:normal; float:left; width:23%; margin: 0px 0px 0px 30px; text-align:left; font-size:12px; } #calendar { margin-bottom:10px; font-size:12px; border:2px solid #F1F1F0; baclground-color:#FFF; width:98%; } #calendar table { width:100%; font-family:Verdana; } .calendarhead { padding:4px 0px; font-weight:bold; background-color:#F1F1F0; text-align:center; color:#5D5D5D; font-size:12px; font-family:Verdana; width:100%; } .calendarhead a{ color:#5D5D5D; } .calendarhead .calendarday{ color:#5D5D5D; } .calendarday { padding:3px; margin-bottom:10px; color:#5D5D5D; font-size:10px; font-family:Verdana; } .calendarday a { font-weight:bold; } .sidetitle { padding:4px 10px 4px 10px; font-weight:bold; background-color:#ECECEB; font-family:Verdana; } .side { padding:5px 10px 10px 0px; margin-bottom:10px; font-size:10px; line-height:1.8em; font-family:Verdana; } .side a{ font-size:12px; } .side-tag { padding:5px 10px 10px 0px; margin-bottom:10px; font-size:10px; font-family:Verdana; } .side-tag a{ font-size:12px; } .side input{ border:1px solid #959595; background-color:#EAEAEA; } .powered { padding:10px 5px 10px 5px; text-align:center; } .syndicate { margin-right:10px; text-align:center; font-size:10px; font-family:Verdana; } #comments { margin-bottom:30px; margin-top:25px; text-align:left; padding:0px; } #comments form { margin:0px; padding:0px; } #comments input { max-width:200px; border:1px solid #959595; background-color:#EAEAEA; } #comments textarea{ width:300px; margin-bottom:5px; border:1px solid #959595; background-color:#EAEAEA; } .comments-head{ font-weight:bold; margin:0px; font-family:Verdana; } .comments-body { margin:0px; font-family:Verdana; }