ranさんのランサー日記

Profile

randoal

フォローする

Freepage List

お役立ち記事：★★★★☆

(0)

お役立ち記事：★★★★★

(0)

その他

(0)

どうも、週末は更新がいつも遅いrandoalです。

今週はブログ改造計画が非常に好評すぎて、更なる追加書を記述することとなりました！

本日のテーマは、
「更新履歴枠を作ろう！＆バナーを作成してみよう！」

でお送りさせていただきます。
これで、もっともっとブログが良くなる？！はずです！

１．更新履歴枠を作ろう！
これは、私もいろいろ調べてできなかったので、聞いて作成しました！

その師匠とは・・・・

Kana_tanさん

我がブログのHTML師匠でございます。（ブログ構成がスンバらしいです！)

さて本題に戻りましょう。

じゃあどうやって作成したの？！ ってなると思います。

そこ登場するのが、「 スタイルシート 」と呼ばれるものです！
簡単に説明すると、ブログやHPの文などを飾り付けてあげましょう！っていう言語みたいなものです。

詳しくは、こちらに記載されています。

で、実際どのように記述すればよいかというと

＜div style="width:500px;height:52px;padding:4px;overflow-y:scroll;"＞
2006/01/17 フリーページ：「ranさん's装備(Ver指)」の新規作成

※白文字は任意に設定。

はい。こんな感じです。
これは私が記述しているものです。

そこの設定により、いろいろなものを作成することができます。

overflowは、縦スクロールバーを付ける部分
という設定になります。

スタイルシートの詳細を説明しているページを↑で紹介したと思います。
そこにもっと沢山の設定プロンプトが載っています。
細かく設定する方は、そちらを参考にしてください！

２．バナーを作ろう！

そこで、私が作成した方法を紹介しておきます。

私は、

Pick bear

というフリーツールを使用して作成しました。

はじめに、ベースとなる画像をHPを回って探します。
(著作権があるものは注意してください)
その画像をPick Bearに取り込み、そこで
加工(色を変えたり・形を変えたり・他の画像を組み合わせたり・文字を入れたり)して
完成したのが