07/13(日) 22:31 IP:124.66.246.202 削除依頼 - いろいろカスタマイズをしているのですが
疑問に思ったところがあるので、質問させていただきます。
＊ジュゲムのカスタマイズflatのようにもこ枠をつけるにはどうしたらいいのでしょうか？
＊記事の背景に画像を使うのはどのようにしたらいいのでしょうか？
検索したりしてみても出てきませんでした。
テンプレートはしたのを使わせていただいてます
http://mikecyon.blog.shinobi.jp/Preview/V/8/
NO.1 kita
[MAIL]
[URL]
07/13(日) 22:52 IP:220.220.21.95 削除依頼 - 形式的には「カスタマイズ用 flat」と同じ作り。
だから .EntryBlock と .PluginBlock にそれぞれのサイズに合わせた背景画像を作り、
background: url(背景画像) repeat-y center top;
の一行を追加すればよい。
/*記事本文・追記文書が記載される部分*/
.EntryText {
background: url(背景画像) ★no-repeat center center;
}
★の部分は画像による。
どちらも「固定」は出来ないので、スクロールすれば移動する。
NO.2
07/14(月) 20:02 IP:124.66.246.202 削除依頼- kitaさん
遅くなってしまい申し訳ありません。
ありがとうございます。
記事内の背景固定はできましたが、
もこ枠のところがおかしくなってしまいます。
また、もこ枠とタイトル画がかぶってしまいます。
http://mikecyon.blog.shinobi.jp/
NO.3 kita
[MAIL]
[URL]
07/14(月) 20:49 IP:220.220.21.95 削除依頼- ★ 問題点
何をどう考えたら、こういう式が成り立つの？
そんなに「算数」が難しい？
#MainBlock {
width: 600px; /* (1)＋(2)＋(3) */
.EntryBlock {
width: 700px; /* (1) */
.Space {
width: 20px; /* (2) */
overflow: hidden;
}
.PluginBlock {
width: 400px; /* (3) */
合計が 1,120 で有ることはどう解釈するのか？
テーブルというのは「表組み」、つまり時間割表と同じなのだから、(1) (2) (3) の合計というものは必ず #MainBlock のサイズと合わなければならない。10px 程度の余裕を持っておくとサラによい。
★ 問題点
しかも、PluginBlock の背景画像は 220px であるし、EntryBlock の背景画像は 380px
「それぞれのサイズに合わせた背景画像」この辺は無視なのか、「無頓着」なのか ‥‥
こんな「メチャクチャ」なら「ピッタリ合う」方がおかしい。
画像に合わせるなら、スタイルシートの数字をきちんと合わせること。
スタイルシートには「模様幅」（この画像だと 15px）の分は最低でも「余白」としなければならない。それがないから、プラグインブロックのタイトルが左右とも模様をつっきてる。内容も少し重なっているのは知っていると思うが。
いくら Internet Explorer が「甘い」といっても、こんなメチャクチャでは ‥‥。
ID から想像するに、もう少しマシだと思っていたが。
NO.4
07/14(月) 21:47 IP:124.66.246.202 削除依頼- kitaさん
すみませんでした。
確かに算数は苦手です。
何か変な勘違いをしていました。
もこ枠は直りました。
ご指摘ありがとうございました。
NO.5 kita
[MAIL]
[URL]
07/14(月) 22:08 IP:220.220.21.95 削除依頼- サイドバー・記事共に左右に余白 margin 20px を付けるとよい。
例えば、
p.EntryFooter {
margin: 0 0 30px; → margin: 0 20px 30px;
NO.6
07/17(木) 21:14 IP:124.66.246.202 削除依頼- お返事が遅くなってしまい申し訳ありません。
本当にありがとうございました。
このタイトルには現在6件の投稿があります。最大500件まで投稿できます。 |