きになるブログ2

スポーツを中心にIT,ヲタク情報を含め、皆様の役に立つ情報を心掛けて更新していきます。

*

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

      posted by

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は色々カスタマイズできるみたいで楽しいですね。


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

↓↓このブログ独自の「いいね!」を導入しました。少しでもこの記事が気に入って頂けたら押して頂けるとうれしいです。各著者が無駄に喜びます(・∀・)イイ!!
よろしくお願いしますm(__)m

The following two tabs change content below.

galthie

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

 - Blog, livedoor

Comment

  1. ちびた より:

    こんにちわ。
    テンプレつかっていただいてどうもです。
    自分の使いやすいように改造してらっしゃるので、そのうち自分で作ってみても面白いですよ^^
    LIVEDOOR内に作り方とかいろいろ教えてくださるサイトさんがたくさんいますので勉強になりますね^^

  2. galthie より:

    わざわざコメントありがとうございます。
    おかげさまで使わせて頂いています^^
    センスのいい方はいるものだなと感激しきりです。
    少しづつ試行錯誤しているのですが、難しいですね。
    実は3カラム化も試したりしているのですが、うまくいかなくて(^▽^;)
    そうですね、CSSが分かったらやってみるのもいいかなと思います。
    ただ問題がちびたさんのようなデザインセンスがないんです、ははは。
    3カラムの新しいテンプレートも公開されたようなので、ちょと研究してみるかもです。
    たびたびお邪魔させてもらいますね。
    よろしくお願いします。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

ちびたさんの新しいテンプレを導入してみました。

以前紹介したようにこのブログのデザインはちびログのちびたさんの作ってくれたカスケー…

サイト内検索を出来るようにしました

いつものように、パンパでガウチョさんの「Blog内検索窓のHTML化」という記事を参考に、Blog内検索が出来…

ひさびさカスタマイズ

地獄変00さんのlivedoor Blogのテクニック集を参照にいくつかマイナーチェンジを行ってみました。こちらのリンク集は御自…

マイナーチェンジに挑戦しました

ちびたさんの3カラムのCSSを導入して、中央に記事が来るようにということをメインに最初はカスタマイズして…

左のメニューを開閉出来るようにしました。

■左のメニューを開閉出来るようにしました。報告が遅くなりましたが、左のメニューの一部を開閉出来るようにしました。メニューが長くなら…

BlogPeopleをプルダウンメニュー形式で追加しました。

いくつかのサイトさんで、BlogPeopleをプルダウンメニューで表示されているところがあって、…

機能追加しました

前回予告したように今回は機能追加についてです。今回の機能追加に全面的に参考にさせてもらったのが、今日の覚え書きさ…

livedoor Blogの容量が2Gになった。

1/31にYahoo!がついにBlogサービスをベータとして公開しました。その時いいなと思ったのは、テキスト容量が無制限…

サイドバー.jpから個別記事別アクセス解析をつけました。

■サイドバー.jpから個別記事別アクセス解析をつけました。報告が遅くなりましたが、サイドバーに個別記事のアクセス解析をつけました。どん…

Blog内検索窓を変えました。

■Blog内検索窓を変えました。『パンパでガウチョ』さん内で紹介されていたLivedoorを使った検索を重宝してきたのですが、ついに旧検索は使えな…