部屋をかたづけようよスマートフォン用の表示で見るたまには部屋をかたづけようよ部屋を片付けせなあかんと思いつついつも放置プレイ。そんな自分の日々の想いをつづった日記系ブログですよ?Home最新記事タイトル一覧ブログ紹介サイドバーへフォトギャラリーお使いのブラウザがJavaScriptがオフになっている場合、正しく閲覧できない場合があります。現在はこの記事を書いた当時とは違うデザインテーマを採用しているため、以下に書いてあることは、現在のテーマには当てはまりません。kanahei」さんの、はてなブログ公式デザインテーマですが、やはりいろいろ変更したいところが出てきて、CSSは結構いじりました。すると他の人も「自分のテーマのここが不満で変更したいんだけど、やり方がわからない」という人もいるかもしれないので(参考になるかは微妙ですが)自分が変更したCSS内容を紹介したいと思います。kanahei」さんのデザインテーマだからこその変更点もあって、全部が参考になるというわけではないので、そこら辺は勘弁してくださいね。注意!はてなブログのテーマストアのデザインテーマの中には、改変禁止のものもあると思うのでその場合は変更しないでください。ご自分のブログで採用しているテーマは改変可能なのか十分確認してくださいね。あと自分が使っているブラウザは、WinXP、Win7ではfirefoxを使って、後はMacBookとiPadで、safariを使っているくらいで、実質IEはほとんど使っていません。以下で紹介しているものの中には、IEではまったく効果がないものもあるからです。ブラウザはIEしか使わない、という方はその点をご了承ください。ChromeやOpera、android系など)でも動作を確認していないので、申し訳ないのですが修正の参考にされるかどうかは、各自の判断でお願いいたします。-では、変更個所のメニューです。変更のおすすめ順にしてあります。これらは、はてなブログの設定画面で、「デザイン」→「カスタマイズ」→「デザインCSS」の設定でCSS定義のどこでもいいんですが、以下をコピペすれば有効になります。既存のCSS定義は消さないようにね!下記タイトルはリンクになっているので、クリックすればその項目にスクロール移動します。※以下の、その2とその3は別エントリ記事で、それらのタイトルがリンクになっています。kanahei」さんのデザインテーマでのみ、関係する部分です。エントリ記事などのフォント変更ブログタイトル周りのサイズ変更ヘッダHTML記述部とエントリ記事との隙間の縮小カテゴリ一覧表示の際に表示されるパンくずリストとエントリ記事の隙間縮小リンクにマウスオーバーさせた際の表示効果追加ふわーっと、色が変化するやつです。このtransion効果非常にいいんですよね。a:hover・・・のところは、各テーマによって変わってくると思うので、適宜変更してください。画像のセンタリングと角丸の縁取り追加デフォルトだと左寄せで表示されてしまうので、センタリングしたのと、画像への角丸の縁取りを追加した。10px;}角丸の縁取りは何も指定はいらないのですが、センタリングを実現するためには、div要素にimg-desc(このクラス名はCSS定義と合わせる)クラスを指定して、画像指定を囲ってやる必要があります。※エントリ記事ウィンドウ幅が800px以下だとセンタリングされてないように見えますが、1ペイン表示で800px以上になるとセンタリングされていることがわかります。XXXpx"(XXXは画像幅)も指定しないとセンタリングされないので注意してください。※CSS上のmax-widthプロパティをその値にしてやれば、この指定は不要です。RAW現像エントリ記事の表示幅の拡大デフォルトだと表示幅を940pxしか使っていなく、最近のPCのディスプレイサイズ(ほとんど1280px以上あると思います)で表示すると、両脇が開いてしまっていたので、表示幅を1140pxに増やした。}}※これは効果あり、なしのサンプルは出せないのでご了承ください。*/で囲われている行は、テーマのデフォルトCSS値です。*/以降は、ウィンドウサイズが1160px以下になると2ペイン表示から1ペイン表示に変えるための指定です。これはこのデザインテーマ特有のCSS指定なので、要、不要は各自判断してください。大見出し(h3タグ)、中見出し(h4タグ)の装飾追加デフォルトでは文字が大きくなるだけだったので、縁取りや下線の装飾を追加した。Blog」と左側に書いてあるメニューバー)の非固定化デフォルトでは位置固定されていたものを解除して、スクロールで一緒に流れるようにした。fixed;を追加してやればいいです。»Profileid:BNorider共感してもらえる記事を書くよう日々心がけてます。いいこと書くのでチェックよろしくね。Reserved.はてなブログをはじめよう!BNoriderさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。