のブログスタイルシート…エントリ部編

 のブログは、無料版でも外部スタイルシートが適用出来るようになったので、ざっくりとやってみます。
カテゴリ
Digital Shop めぐ味屋 WEB-LOG N
Digital Shop めぐ味屋 WEB-LOG N/一覧 (46)


デジタルお札
絵
めぐ味屋の看板息子


検索できます




2004年10月
         
19
           

新着エントリ
Movable Type 版 小説配信再開 (5/14)
LULU-LOG るるろぐ:サイト移転のお知らせ (4/17)
マカフィー製品、スクリプトエラーの謎… (10/26)
MT 3.1 へ移行完了 (10/26)
MT3.1 インストール #5…Movable Type3.1の起動 (10/24)
MT3.1 インストール #4…mt-check.cgiなどを実行する (10/24)
MT3.1 インストール #3…ファイルのアップロード/パーミッションの変更 (10/24)
MT3.1 インストール #2…perl のパスを変更する (10/24)
Movable Type 3.1 をisweb にインストールする (10/24)
のブログスタイルシート…コメントフォーム編 (10/21)
のブログスタイルシート…サイドバー編 #2 (10/20)
のブログスタイルシート…サイドバー編 (10/20)
のブログスタイルシート…タイトル部編 #2 (10/20)
のブログスタイルシート…エントリ部編 (10/19)
のブログスタイルシート…日付部編 (10/19)
のブログスタイルシート…ブログタイトル部編 (10/19)
のブログスタイルシート… body 編 (10/19)
のぶろぐスタイルシート…リンク編 (10/19)
ああ、そういうからくりかあ... (10/19)
もじらで懺悔…#7 background-attachment 編 (10/16)
DAZ でマイケルをゲット、支払いはペイパルで… (10/15)
DAZ でマイクェル買ってみました…(ビッキーもね) (10/14)
MIDI ファイルに著作権情報を埋め込む (10/14)
DNA塩基配列による音階とイメージ (10/13)
もじらで懺悔…#6…clear プロパティ編 (10/13)
DAZに問い合わせてみました… (10/9)
もじらで懺悔…#5…alt と title編 (10/8)
もじらで懺悔… #4…ソース丸出し編 (10/6)
もじらで懺悔… #3…text-align 編 (10/5)

新着トラックバック/コメント

めぐ味屋関連サイト
お仲間

アーカイブ
2004年 (44)
9月 (12)
10月 (32)
2005年 (2)
4月 (1)
5月 (1)


アクセスカウンタ
今日:26
昨日:49
累計:98,780


RSS/Powered by 「のブログ

2004年10月19日(Tue)
< のブログスタイルシート…... < のブログスタイルシート…... | ■HTML/スタイルシート/一覧 | のブログスタイルシート…... > のブログスタイルシート…...
のブログスタイルシート…エントリ部編

うーんと。次は、エントリボディのとこ。。。なんですけど。
やっぱり大囲いがないと、デザインしづらいにょん…。

記事の囲い、デフォルト:

 .article {
   width:64%;
   margin-left:20px;
   margin-top:5px;
   padding:5px;
   …略…
 }

こんな風にして width 取ってみました。。。

  margin:5px 33% 0px 1%;
  padding:12px 0.5% 5px 0.5%;
  border-width:2px;
  border-style:ridge;
  border-color:#aaaa99;
  …略…

記事本文は orig.css にないみたいなので作るデス。

 .article_main {
   margin:0px;
   padding:0px 1em 1em 1em;
   background-color:#ffffee;
   border-top:2px solid #aaaa99;
   border-bottom:2px solid #aaaa99;
   line-height:1.7em;
   …略…
 }

記事フッタ:

 .footer {
  padding:0.2em 1em;
  …略…
}

こんなんかなあ。。。どうなんでしょ…。

 # 中途半端なんですけど。。。今日はおしまいでするるる #


writebacks(0)
トラックバック(trackback)
TrackBack ping me at:

コメント(comment)
名前(*):
URL/Email: (optional)
タイトル(*):
コメント内容(*):
画像認証(*): 表示された画像の文字を入力してください:

名前と URL/Email をcookieで保存