抽象クラス（とある初心者プログラマの軌跡）より：
#ブログに四角い枠つくったり、ソースコードをカッチョ良く乗せる方法とかアドバイス頂けませんか？（滝汗）
大量登録があるたびに、何人かが書いているような気がする...
ソースコードの方は、syntaxhighlighterというヤツですね。わんくま内で検索（syntaxhighlighter site:wankuma.com）すれば、設定方法も出てきます。
四角い枠を付ける方は、CSS の知識が必要です。こっちも、HIROTOWさんが、書いてらしたような気がするけど。
まず、ログインします。管理ページで、「オプション」を選択します。「設定」を選択します。
「スキン」をいじり、自分の好みに近いものを選択します。
そうしたら、「ページのソースを表示」します。ここで、「type="text/css"」な link 要素を探します。オガシンさんの場合、「/skins/marvin2/style.css」「/skins/marvin2/blue.css」です。
ソースは消さずに、ページ内容が表示されている方に戻ります。アドレスバーに、先ほどの CSS ファイルへのパスを入力し、CSS ファイルを入手します。2つありますが、まとめて一つのファイルにしてしまいましょう。
次にソースに戻って、どの要素、クラスが、どのようなところに使われているか、調べます。トップページ、個別の記事、記事一覧を、調べておきます。
どこにどんな要素、クラスが使われているか把握したら、それぞれの要素、クラスがどのようになって欲しいか、考えます。ブログに四角い枠
だけに限れば、ポスト記事のことだと思いますが、「<div class="post">」がポスト記事ですから、これに対して border を設定してやります。
私は、CSS などのリンク先をローカルに変更したファイルをローカルに保存しています。そのファイルに投稿する記事を書いて、表示状態を確認しています。
思い通りの表示になったら、またログインし、管理ページの「オプション」へ。「カスタム CSS」に、作った CSS をコピーします。カスタム CSS は一番最後に出力されるため、ここで指定した値が有効になります。
投稿日時 : 2008年7月24日 22:05