解決済

clip!clip!
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とかいう文字が入ってる
画像だけにして下さい。


枠に線を付ける時は
前に色を変更した{}の中に
以下を追加して下さい
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

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: