知識、知恵のカタマリ

[PR]ガムで間食コントロール?!

解決済

Plain Diary (3カラム)を使っているのですがサイドバーとプラグインについて教えてください。

Plain Diary (3カラム)を使っているのですが・・・

1、サイドバーのプラグインひとつひとつを線で囲み
 たいのですが、囲めません><
 ひとつひとつ囲んだ場合、間をあける事はできますか?
 それと囲んでも一番上のプラグインの□の
 上の線だけ表示されないんです。。。

2、プラグインのタイトルが左詰めになっている
 のですが、これを中央に揃える事は可能でしょうか?

宜しくお願い致します。

2006-11-28 12:01の質問
サイドバー  プラグイン  タイトル    中央  Diary  Plain  囲み  
プラグイン
プラグイン の情報はこちらです
www.jword.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

1.

2006-11-28 12:53:01みんなナイスな
ちゃんと見ないとわかんないけど
囲みたいのであれば
.sideにborder入れるといいんじゃないかなと思います。

ただ、これだとタイトルまでは囲めないので
タイトルまで囲みたい時は
.sidetitleと調整しながらやってみてください。

具体的には.sideのborderを左右と下に引いて
.sidetitleのborderを左右と上に引く。

タイトル中央寄せは
.sidetitleでtext-align:center;です。

そして全部に言えることですが
実際にやってないし
実際のブログのCSSを見てないので確証はもてません…

2.

2006-11-28 14:08:14みんなナイスな
線で囲むCSSの基本記述は
border:solid #000000;
border-width:1px 1px 1px 1px;
です
#000000は色、pxは線の太さになり
border-width:1px 1px 1px 1px;
は左から順に[上][右][下][左]のpxになります
このデザインはサイドタイトルの下に
.sidetitlebody{
border-bottom:2px dotted #000;
}
このように下にドット線があるので
サイドのタイトルには
.sidetitle{
border:solid #000000;
border-width:1px 1px 0px 1px;
こうして下には線がないようにします
サイド自体には
上をなくして
.side{
border:solid #000000;
border-width:0px 1px 1px 1px;
このようにすれば良いはずです
カレンダーもあるのなら
.calendarhead{
border:solid #000000;
border-width:1px 1px 0px 1px;

.calbody{
border:solid #000000;
border-width:0px 1px 1px 1px;
このようにします

サイドタイトルを中央揃えは
.sidetitle{
の後の
text-align:left;

text-align:center;
に書き換えですね


ちなみに同じドット線で囲みたいのなら
「solid」を「dotted」に
「1px」を「2px」にして下さい
Ads By Google

コメント(4)

#2.  
2006-11-28 15:25:04

kavalierさん
Kiss115さん
ありがとうございます!できました!
でも、CategoriesとProfileが左詰めになってめり込んでしまいました。。。

#3.  
2006-11-28 15:59:19

なんとかProfileは中央にきましたが
やはりCategoriesの内容は中央にきません^^;
後、枠の高さも調整できるのでしょうか?
宜しくお願いします。

サイドタイトルは中央にきました^^

#4.  kavalier
2006-11-28 16:22:19

>>#3
コメントで回答を求めると
できた事とできなかった事がごちゃごちゃになって
非常にわかりづらいし
全ての人がコメントを見るわけではないので
お手数でしょうが
できなかった事は新たに質問した方が良いですよ。

#5.  Kiss115
2006-11-28 16:31:36

kavalierさんの仰られるとおり
回答者にはコメントを通知してくれる機能がありません

ブログは拝見できませんでしょうか?
新規で御質問されるときも
ブログURLを記載されたほうが具体的回答がつきやすいですよ^^

トラックバック

トラックバックURL: