人気ブログランキング | 話題のタグを見る

スキン編集の為のブログです。
by tyanngumu
   
カテゴリ
お気に入りブログ
左右のメニュー
左右のメニュー、まっさらで囲いがないので、寂しかった。
で、どうしたらいいのか???
で、ブログメイン『リンドウの徒然日記』からコピーして見た。
が、ただのラインだし、上下左右で変化を持たせてあるので
ラインを替えても何か変(;一_一)??

で、ちょっとづついじったらこのように完成。

ソースは下のように換えた。

*………………………………………………………………………………*

プロフィール・・・ラインで囲む

DIV.PROFILE{ WIDTH : 150PX; PADDING : 0PX 0PX 10PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}

を下に変更
DIV.PROFILE {
WIDTH : 190PX;
BACKGROUND : #FFF;
BORDER-LEFT : 1PX #F5F5F4 SOLID;
BORDER-RIGHT : 1PX #BAB7AD SOLID;
BORDER-BOTTOM : 1PX #BAB7AD SOLID;
LINE-HEIGHT : 140%;
MARGIN-BOTTOM : 20PX;
PADDING-BOTTOM : 6PX;
}

ラインと色を変更で以下のように・・・・。

DIV.PROFILE {
WIDTH : 150PX;
BACKGROUND : #FFF;
BORDER-top : 5PX #FF99FF dotted;
BORDER-LEFT : 5PX #FF99FF dotted;
BORDER-RIGHT : 5PX #FF99FF dotted;
BORDER-BOTTOM : 5PX #FF99FF dotted;
LINE-HEIGHT : 140%;
MARGIN-BOTTOM : 20PX;
PADDING-BOTTOM : 6PX;
}
# by tyanngumu | 2006-07-02 13:11
カレンダーのバックに画像
DIV.CAL_BODY {


WIDTH: 150PX;
TEXT-ALIGN: CENTER;

  /*------- ここから追加 ---------*/

background-image:url(イメージURL);
background-repeat:no-repeat;
background-position:bottom;

  /*------- ここまで ---------*/



}
# by tyanngumu | 2006-07-02 00:42
コメント入力欄の編集Ⅰ
投稿欄を編集するつもりが

コメント入力欄をいじってしまったようだ。(;一_一)
なにせ、まだ初心者の域を脱してない私です。

DIV.COMMENT {
MARGIN-TOP : 20PX;
MARGIN-BOTTOM : 20PX;
BORDER : 5PX #D3D3D3 dotted;
BACKGROUND : #F2F2F2;
PADDING : 15PX;
PADDING-TOP : 10PX;
}

下のように出来ました。

コメント入力欄の編集Ⅰ_f0089808_0322014.gif

# by tyanngumu | 2006-06-15 00:15 | コメント入力欄の編集Ⅰ
コメント欄を広く!
CSSに下のソースを貼り付けたらOKです。
1EMはひと文字の大きさと言う意味ですね。

「コメント欄を広くする」

方法はすごく簡単です。CSS編集に次のコードを加えるだけ。

TEXTAREA.TXTFLD {height:10em;}

これでまんまとコメント欄を10行にすることができます。
TEXTAREA.TXTFLDがコメント欄のスタイルを定義してるところ。

で、そのコメント欄の長さを10emにしてます、、「現在の文字の大きさ」を1emとして定義されているから10文字分の行が広くなった事になります。
# by tyanngumu | 2006-05-23 14:08 | コメント欄を広く
スクロールバーのカラー設定
/*スクロールバー*/
*{
scrollbar-3dlight-color:#FFC0CB;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#FFC0CB;
scrollbar-face-color:#FFC0CB;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-track-color:#FFE4E1;
}
# by tyanngumu | 2006-05-10 23:31 | スクロールバー


カレンダー
        
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
          
  2006.7/2~のカウント





クリックして消してね。
以前の記事
最新のトラックバック
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧