Ads By Google
デザインテンプレートの枠の丸みを消したい
デザインテンプレート「デフォルト2008(ねずみ,2カラム)」で、一番外側で囲んでいる枠の角の丸みを消したいです。それと、できればでよいのですが、その枠に線をつけたいのですが、どうすればよいのでしょうか?
2009-09-13 10:38の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2009-09-13 14:17:25

div#container {に次を追加
次に
同様に
同様に
同様に
border-right:1px solid #000000; border-left:1px solid #000000;
次に
div.blog-title-outer {
background: #f3f3f3 url(http://parts.blog.livedoor.jp/img/usr/default_2008/gray/header_right.gif) no-repeat right top;/* 背景画像:右上 */
text-align: left;
margin-bottom: 10px;
padding-right: 10px;
}
上を以下のように変更div.blog-title-outer {
background: #fff;
text-align: left;
margin-bottom: 10px;
padding-right: 10px;
border-top:1px solid #000000;
}
同様に
div.blog-title-outer-2 {
background: #f3f3f3 url(http://parts.blog.livedoor.jp/img/usr/default_2008/gray/header_left.gif) no-repeat;/* 背景画像:左上 */
padding: 10px 0 0 10px;
}
上を以下のように変更div.blog-title-outer-2 {
background: #fff;
padding: 10px 0 0 10px;
}
同様に
div.footer-outer {
width: 94%;
margin: 0 auto 50px;
background:
url(http://parts.blog.livedoor.jp/img/usr/default_2008/gray/footer_right.gif) no-repeat right bottom;/* 背景画像:右下 */
}
上を次のように変更div.footer-outer {
width: 94%;
margin: 0 auto 50px;
background: #fff;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
同様に
div.footer-outer-2 {
background: #f3f3f3 url(http://parts.blog.livedoor.jp/img/usr/default_2008/gray/footer_left.gif) no-repeat left bottom;/* 背景画像:左下 */
padding: 0 0 10px 10px;
margin-right: 10px;
}
上を次のように変更div.footer-outer-2 {
background: #fff;
padding: 0 0 10px 10px;
margin-right: 10px;
}
解決いたしました。
何度もお手間を取らせて申し訳ありませんでした。
ありがとうございました。
1.
2009-09-13 11:14:37

(http://parts.blog.livedoor.jp/img/~.gif)というのが
いっぱいあると思うのでそれらを消して下さい。
いっぱいあって全部書き出すのは大変なので
消す対象の画像だけ紹介すると
消すのはrightとかleftとかいう文字が入ってる
画像だけにして下さい。
枠に線を付ける時は
前に色を変更した{}の中に
以下を追加して下さい
pxは線の太さ
solidは線の種類
#は色です。
注意して欲しいのは
div#subとdiv#extraは上下で繋がってるので
div#subは下線無しでdiv#extraは上線を無しにして下さい。
個別に指定する場合は以下の数値をそれぞれ指定
また、左右の線の太さを考慮して
その分だけ幅を狭くして下さい。
例えばwidth: 220px;の枠だったら
線の分の左右1px分を削るので218pxにする。
仮に線の太さを3pxにした場合は214pxにする。
あと、なにか追加で質問がある場合は
「ナレあげる」でコメントできて
こちらに直接メールそのコメントが確認出来るので
そうしてくれると助かります。
いっぱいあると思うのでそれらを消して下さい。
いっぱいあって全部書き出すのは大変なので
消す対象の画像だけ紹介すると
消すのはrightとかleftとかいう文字が入ってる
画像だけにして下さい。
枠に線を付ける時は
前に色を変更した{}の中に
以下を追加して下さい
border:1px solid #000000;
pxは線の太さ
solidは線の種類
#は色です。
注意して欲しいのは
div#subとdiv#extraは上下で繋がってるので
div#subは下線無しでdiv#extraは上線を無しにして下さい。
個別に指定する場合は以下の数値をそれぞれ指定
上線 border-top:1px solid #000000; 下線 border-bottom:1px solid #000000; 左線 border-left:1px solid #000000; 右線 border-right:1px solid #000000;
また、左右の線の太さを考慮して
その分だけ幅を狭くして下さい。
例えばwidth: 220px;の枠だったら
線の分の左右1px分を削るので218pxにする。
仮に線の太さを3pxにした場合は214pxにする。
あと、なにか追加で質問がある場合は
「ナレあげる」でコメントできて
こちらに直接メールそのコメントが確認出来るので
そうしてくれると助かります。
消したい丸い角というのは、ブログタイトルや記事などの全体を囲んでいる枠の角のみで、他の丸みはそのままにしておきたいのですが、rightとleftという文字が入ってる画像をすべて消してもよいのでしょうか?
Ads By Google
コメント
まだコメントがありません



