はてなブログでタイトルや本文の文字色を変える方法 - マトリョーシカ的日常
ブログカスタマイズ さて、食傷気味のブログ論はわきへ追いやってそれよりは幾分建設的なカスタマイズの記事を書こう。今日はブログの文字色の変え方を説明する。「そんなの分かってるよ」という意見もあるだろうがアクセス解析を見る限りでは少しは需要があるらしい。「はてなブログ 文字色 変更」とかで月に二、三人が来ているのだ。彼らを見殺しにするわけにはいかない。 変え方は簡単、問題はどこを変えるか 聡明なみなさんならブログ内の文字色を変えることくらいわけないだろう。 color:#000000; こうやって書けば文字色を黒にすることができる。文字の色は十六進数を使って表現している。詳しくはこのページをみると分かりやすい。 WEB色見本 原色大辞典 - HTMLカラーコード 問題はどこを変えるかである。以前デザインを変えようと思いはてなブログのソースを見たことがあるがあれはウェブデザインに疎い人にとっては
「はてな○○ジャパン」を勝手に決めてみた - 攻めは飛車角銀桂守りは金銀三枚
昨日、水球の男子日本代表が３２年ぶりの五輪切符をつかみました。 その水球の男子日本代表の愛称が「ポセイドン・ジャパン」。 初めて知りました。 この「○○ジャパン」て他にもたくさんありますね。 例えば 競技 愛称 野球 侍ジャパン 女子サッカー なでしこジャパン 男女バスケ 隼ジャパン シンクロナイズドスイミング マーメードジャパン 新体操 フェアリージャパン ホッケー女子 さくらジャパン アイスホッケ女子 スマイルジャパン 競泳日本代表 トビウオジャパン 男子ハンドボール ムササビジャパン 女子ハンドボール おりひめジャパン カーリング クリスタル・ジャパン ボブスレー DANGANジャパン 極真空手日本代表 スマイルJAPAN 水球男子日本代表 ポセイドンジャパン な感じ。 で、こうなれば「はてなブログ」にも「ジャパン」があってもいいのでは？ということで勝手に選出してみました。 はてなイ
はてなブログの404 NOT FOUNDページをカスタマイズする方法 - 攻めは飛車角銀桂守りは金銀三枚
404 NOT FOUNDページ。サイトに存在しないURLを指定された時にでるページです。 はてなブログでもちゃんと「404 NOT FOUNDページ」を用意してくれているのですが、少しシンプルです。 そこで以前からやってみたかった「はてなブログの404 NOT FOUNDページ」をカスタマイズしました。 今回はいつも読ませていただいている「虎ちゃん (id:itry)」さんの iro.hateblo.jp と言う記事を参考にさせていただきました。 404 NOT FOUNDページカスタマイズ 記事の削除やURLの変更なのどで指定されたページが見つからない時に表示されるのが、「404 NOT FOUNDページ」です。 画像を追加 まったく同じではおもしろくないので、画像を追加しました。 追加した画像は です。 おすすめ記事をはてブの多いものに変更 参照元の記事ではランダムにおすすめ記事を表
はてなブログにLINE風吹き出しをつけてみた。実は2回目。 - 攻めは飛車角銀桂守りは金銀三枚
はてなブログでLINE風吹き出しを再現してみました。 実は２回目の挑戦です。 以前に設定したヤツはブログのテーマをカスタマイズしている時におかしくなって、デザインが吹っ飛んだのであわててテーマを別のものに変更したら設定もなくなってしまいました。 しかもその時に参考にしていたサイトの記事がすでになくなっており、再現できずにおりました。 今日は暇なんで別のサイトでされているのを見つけたので再現。 LINE風吹き出しはCSSで行います LINE風吹き出しはCSSで行います。 はてなブログではダッシュボードの「デザイン設定」→「カスタマイズ」→「デザインCSS」に設定します。 いま使っているテーマはレスポンシブ対応なのでここに設定すればスマホでも同じ表示になっていると思います。 LINE風吹き出しCSS 以下のCSSをデザインCSSの最後に設定します。 CSSはわいひらさんのnelog.jp から
はてなブログ(はてなダイアリー)でサイドバーを右側から左側にする方法 - プログラミング技術メモとちょっことアプリ開発メモ
2013-12-29 はてなブログ(はてなダイアリー)でサイドバーを右側から左側にする方法 完成イメージ はてなブログの右側にあったサイドバーが。。。 左側に！ 設定方法 1. はてなブログの管理画面から「デザイン」=>「カスタマイズ」=>「デザインCSS」をクリックし、CSSが記載出来るフレームを表示させる。 2. 下記のCSSコードを追加し、「変更を保存する」ボタンを押す。 使用しているデザインが異なると下のソースコードで上手く変更出来ない可能性もあるのであしからず。 /* sidebar changes right side to left side. */ #blog-title, #wrapper { float: right; } #box2 { border-right: 1px solid #ddd; } /* <system section="theme" selec
デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ
本日、はてなブログのサンプルテーマ「Boilerplate」を公開しました。デザインCSSをカスタマイズする土台に適しています。 Boilerplate（ボイラプレート）は、必要最小限の見た目だけがあらかじめ調整された、プレーンなサンプルテーマです。このテーマをもとにCSSを記述すると、はてなブログのデザインテーマを比較的カンタンに作ることができます。 Boilerplateテーマの見た目「オリジナルテーマの制作にチャレンジしたいけど、ゼロから作るのは大変」という方のために用意しました。ぜひ、このテーマを使ってCSSのカスタマイズに挑戦してください。 もちろん何もカスタマイズしなくても、シンプルなデザインテーマとしてそのまま使うこともできます。 Boilerplateテーマの使い方 Boilerplateテーマのソースコード（CSSおよびLESSファイル）は、GitHubで公開しています。
はてなブログのカスタマイズをするときに見たいブログまとめ - やみつきうぇぶ
2013-11-09 はてなブログのカスタマイズをするときに見たいブログまとめ はてなブログカスタマイズ まとめ デザインの参考になるブログ テーマ ストア - はてなブログ デザイン変更するなら、他人の作ったテーマを参考にするのが一番！ テーマストア設立からだいぶ経って、素晴らしいテーマが増えてきました。 #ChiroruLab ミニマルなデザイン、細いフォントが美しいです。 FeedlyやTwitterなどのアイコンもデザインに合わせて作られています。 マウスオーバーするとわかりますが、ヌルヌルです。気持ちいい。 はぁはぁブログ はてなブログの限界を突破している、そんなデザイン。 はてなブログ内で一番カスタマイズされているブログなのでは？ TMD45INC!!! フラットなUIが美しい、リキッドデザインのオリジナルテーマ。 全画面で表示できるため、ソースコードが変なところで改行されませ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
