あいな
08/24(日) 11:07 IP:61.200.79.38 削除依頼
url:http://yaplog.jp/mie_l/
これが問題のブログです。
上の方にピンクの太いライン、その上に
タイトル。そして右端上に「MAIN」と書かれたロゴ
があります。
それを全て消したいのですが、どこで消せばいいのか
分かりません。講座様を探したのですが、
どれが該当するのか分からなくて・・。
教えてください。
NO.1 sever
08/24(日) 12:41 IP:220.220.21.95 削除依頼 - ＞右端上に「MAIN」と書かれたロゴ
これはそれだけのものではなく、980 * 400 で外側のドロップシャドウ枠をも含んでいる。
つまり、樹木の部分を画像ソフトで削除した、ドロップシャドウ枠だけの背景画像にする必要がある。
勿論画像をアップロードし、スタイルシートの下の部分も書き替えなければならない。
勿論ドロップシャドウ枠も要らないというなら、
#pageMain #head { /* メインのみ */
background: url("/blog/template/924/img/head-main.gif") repeat-x left top;
}
/* アーカイブのみ */ や /* １記事のみ */ も削除する。
ちょっと取り扱いがメンドークサイテンプレートと言える。
＞ピンクの太いライン
#head h2 {
background: #FFC6C6;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 6px 12px;
}
「ブログの説明」の部分。
中身はなくても、padding: 6px 12px; で12px 分の背景色は保たれる。
つまり padding の一行を削除する。padding: 0px 12px; としてもよい。
＞ブログタイトル
<div id="head">
<h1><a href="{$BlogUrl$}" title="{$BlogName$}">{$BlogName$}</a></h1>
これを次のようにする。
<div id="head">
<h1><a href="{$BlogUrl$}" title="{$BlogName$}"></a></h1>
タイトル用画像を置きたいなら
<div id="head">
<h1><a href="{$BlogUrl$}" title="{$BlogName$}"><img src="画像url"></a></h1>
としてスタイルシートの「1-3.リンク設定」のところの一番下に
a img {
border: none;
}
を追加すれば、枠線は出ない。
この手の「新しい」テンプレートは恐らくまだ講座に記述されていないのであろうと思う。
NO.2 あいな
08/24(日) 17:20 IP:61.200.79.38 削除依頼
くわしくありがとうございます！
すごく助かりました><
やっぱり私が使っているのは新しい方なんですね。
講座様を見ても何か違っていて、理由が
分かりました！
ありがとうございました！
NO.3 あいな
08/24(日) 19:30 IP:61.200.79.38 削除依頼
http://yaplog.jp/mie_l/
すみません><
追加です。
今度は下の方にあるピンクの太ラインとブログ枠が
灰色っぽいようなものになっているんですが、
これはどうすれば消えますか？
あと、タイトルと日付を同じ行にしたいのですが・・。何度もすみません。
お願します。
NO.4 sever
08/24(日) 21:00 IP:220.220.21.95 削除依頼- ＞ブログ枠が灰色っぽい
上のと同じドロップシャドウ枠 /blog/template/924/img/foot.gif
2.レイアウト設定
--------------------------------------------------*/
/*---
2-1.wrapper
--------------------*/
#wrapper {
background: url("/blog/template/924/img/foot.gif") repeat-x left bottom;
margin: 6px auto;
width: 980px;
}
＞ピンクの太いライン
2-6.footer
--------------------*/
#foot {
border-top: solid 6px #FFC6C6;
margin: 0 10px;
padding: 6px 12px;
text-align: left;
}
上の場合の #head h2 と同じもの。
NO.5 sever
08/24(日) 21:00 IP:220.220.21.95 削除依頼- ＞タイトルと日付を同じ行に
デフォルトは
<div class="entry_title">
<h3><a href="{$BlogEntryPermalinkUrl$}" title="{$BlogEntryTitle$}">{$BlogEntryTitleWithComment$}</a></h3>
<div class="date">
<a href="{$BlogUrl$}monthly/{$BlogEntryDate format="%Y%m" language="en"$}/">{$BlogEntryDate format="%B" language="en"$}</a>
<a href="{$BlogUrl$}daily/{$BlogEntryDate format="%Y%m" language="en"$}/{$BlogEntryDate format="%d" language="en"$}/">{$BlogEntryDate format="%d" language="en"$}</a>
{$BlogEntryDate format="[%a], %Y, %k:%M" language="en"$}
</div>
</div>
<div class="cl padd">
メインテンプレート・アーカイブテンプレート・一記事テンプレートの
<div class="padd"> に半角空けて cl と追加し、<div class="cl padd"> または <div class="padd cl"> とする。
スタイルシートの
entry_title h3 {
font-size: 12px;
font-weight: bold;
text-align: left;
float: left; /* 新規追加 */
}
#pageArchive .entry_title h3 { /* アーカイブのみ */
border-left: solid 6px #FF9999;
font-size: 12px;
padding: 0 6px;
float: left; /* 新規追加 */
}
NO.6 あいな
08/24(日) 21:28 IP:61.200.79.38 削除依頼- http://yaplog.jp/mie_l/
またまたありがとうございます！
早速やってみたのですが・・ピンクのラインは無事
消えました。
しかし、ブログ枠が0pxにしても消えないんです><
あと、サイトを見てくだされば分かりますが、
タイトルのところがおかしくなってしまって・・。
直してみたんですが・・。
NO.7 sever
08/24(日) 22:33 IP:220.220.21.95 削除依頼- ＞ブログ枠が0pxにしても消えない
だから
background: url("/blog/template/924/img/foot.gif") repeat-x left bottom;
これ自体を削除しなければ。
.entry_title {
□□□□□□□background:url(http://www.yaplog.jp/cv/mie_l/img/6/img20080824_p.gif);
color: #000000;
padding: 6px;
}
スタイルシートにはこのような「全角スペース」を使ってはならない。
頭を揃えたいなら、color の前の空白をドラッグしてコピーし、background の前に貼り付けるか、或いは「半角スペース」でなければならない。
スタイルシートでは通常「日本語」を使ってはいけないものと。「全角スペース」を含む日本語を使うにはフォント名の他はちゃんとそれなりに規則がある。
私のブラウザではそのため、背景画像指定が無効になり、記事タイトルには背景画像は表示されていなかった。
<h3><img src="http://www.yaplog.jp/cv/mie_l/img/3/ma-63ac69d05a_p.gif" border="0">
「ペンを持つ手」のアイコン画像は「無指定」の時（画像と文字を並べた時）、文字は画像の下側に合わせられる。
このような時普通は画像の中段に文字が来るようにするともっとよい。
<h3><img src="http://www.yaplog.jp/cv/mie_l/img/3/ma-63ac69d05a_p.gif" border="0" style="vertical-align: middle">
NO.8 ままぬーん
10/02(木) 16:45 IP:124.25.25.50 削除依頼- あげ
このタイトルには現在0件の投稿があります。最大500件まで投稿できます。 |