色々カスタマイズしてみました♪

Livedoor Blogには、いくつかテーマというものがあって、今までのものはそれを使っていました。
テーマのカスタマイズが出来るというのは、いくつかのBlogを回ったりしてて知っていたのですが、ふと挑戦してみました。
ブログのレイアウトにはCSS（スタイルシート）という記述を使います。
HTMLの本当に簡単なところは以前HPのサンプルを作って、知りました。
その時に少しスタイルシートについてもかじったのですが、

かじった程度ではもちろん手がでません。
もちろん元から書くなんてことは私には出来ないので、Livedoor Blog向けにCSSを提供しているものを使わせてもらいました。ちびログを運営されているちびたさんありがとうございました。とっても気に入っています^^
さっそく導入してみたのですが、いくつか問題が・・・。まずサイドバーが下に落ちてしまいました・・・。
それはサイト全体の広さがたりなかったらしく、

#container{
width:900px;
}

【#container】の項目の【width】を900pxにすることで解消できました。
Livedoor BlogのCSSがどのような構造になっているかは、パンパでガウチョさんでみました。
こちらのサイトはLivedoor Blogのカスタマイズを色々紹介してくれているところですが、かなり有名みたいです。こちらでカウンターの付け方も参考にさせてもらいました。

あと、引用文を囲えるらしいというのを実際に囲っている人などをみたので、調べてみました。
このCSSにもともと＜blockquote＞という項目があって、引用したい文を＜blockquote＞〜＜/blockquote＞とタグで挟めばよいとわかりました。
引用文に関しては、こちらとこちらを参考にさせてもらいました。
これでやると、色がついて囲うだけだったので、いくつかみていいなと思っていた引用の仕方で、左に線が入る方法も調べてやってみました。こちらは、Livedoorとは違うBlogの素材を扱っているサイトなのですが、CSSの記述は引用できるので、参考にさせてもらいました。
私は、

blockquote{
line-height:150%;
border-left: 6px solid #666666;
color:#333;
font-size:12px
padding:10px
background:#EAEAEA;
width:auto;
margin:10px 20px;
}

こんな感じでうまくいきました。

いやぁ、しかしかなり試行錯誤しました。昔にやったHTMLのことを思い出しつつ・・・。ああ、色は#000000とか6桁の数字で表すんだったなぁとか・・・。そんな基本的なところからだったので、少し大変でした。
でも、Blogは色々カスタマイズできるみたいで楽しいですね。

読んで頂いてありがとうございます！

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

rathbone

スポーツ全般がとても好きです。もともと好きだった将棋も1年くらい前から本格的に指しています。別の趣味であるコンピュータを含めてみなさんの役にたつ情報を載せていきたいものです。 好きなチーム：アーセナル 将棋棋力（2016年1月現在） 【将棋ウォーズ】3級 【将棋倶楽部24】13級　最高R310（R300あたりをうろちょろ） 【将棋道場】対局数少なく判定出ていません

最新記事 by rathbone (全て見る)

• 非エンジニアの私がAI発信を続ける「本当の理由」を見つけた話（明鏡・第1章） - 2026年4月18日
• AI生活 Day 8 – 「AIってすごい」で終わらせないために。ポンコツAIと泥臭く格闘する“裏側の実験ログ”を公開します。 - 2026年4月16日
• AI生活 番外編 – コジマで19.5万円得した話、全部AIに相談しながらやった - 2026年3月15日
• AI生活 Day 7 – AIの月額費用を0円にしたら、自宅ごと持ち歩ける環境ができた話 - 2026年3月8日
• AI生活 Day 6 – AIに「仕事の型」を覚えさせたら、勝手に賢くなっていった話 - 2026年2月28日