カテゴリ:未分類( 6 )
2006年 04月 13日
ごめんなさい...
しばらく更新とまると思います...

ごめんなさいToT



もうすこし

もう少し、時間を下さい...

いろんなことが...
ありすぎて...

[PR]
by chocobopapa | 2006-04-13 21:49
2006年 03月 19日
38 水平線を変更してみましょう② (CSS)

記事と記事の間にちょっと区切りをつけたいとき <hr> と言うタグを使います。

前回は一つの <hr> タグでしたが、今回は複数の <hr> タグを設定してみましょう
  

                ↑
            標準の水平線
           
CSSの一番最後に次の文を追記します。
*前回 hrタグを設定した方は一度その設定を消して下さいね

hr.s1{
color: #ff0000;
background-color: #ff0000;
border: 0px;
height: 3px;
width: 500px;
text-align: center;
}


解説
 ①  color: #ff0000;
   ここは線の色を設定します。
 ②  background-color: #ff0000;
   ここはIE以外のブラウザ用の線の色を設定します。(IE以外は色しか設定できません)
 ③  border: 0px;
   枠の設定です。(今回は枠を使わないので0pxに)
 ④  height: 12px;
   線の太さを設定します
 ⑤  width: 500px;
   線の長さを設定します
 ⑥  text-align: center;
   線の配置場所を設定します。
   中央:center
   左  :left
   右  :right

記事投稿の仕方
  
こんな風に区切りをつけたい場所に
<hr class="s1">
  と打つだけ


いろいろな水平線

HR.s2 {
height: 10px;
border: 3px;
border-color: #ff0000;
border-style: double;
width: 500px;
text-align: center;
}


HR.s3 {
color: #ff0000;
background-color: #ff0000;
height: 6px;
border: 3px;
border-style: double;
width: 500px;
text-align: center;
}


HR.s4 {
color: #ff0000;
background-color: #ff0000;
height: 3px;
border: 3px;
border-style: dashed;
width: 500px;
text-align: center;
}


HR.s5 {
color: #ffffff;
background-color: #ffffff;
height: 4px;
border: 1px;
border-color: #ff0000;
border-style: dashed;
width: 500px;
text-align: center;
}


HR.s6 {
color: #ff0000;
background-color: #ff0000;
height: 5px;
border: 5px;
border-style: dotted;
width: 500px;
text-align: center;
}


HR.s7 {
color: #ffffff;
background-color: #ffffff;
height: 9px;
border: 3px;
border-color: #0000ff;
border-style: dotted;
width: 500px;
text-align: center;
}


HR.s8 {
color: #5555ff;
background-color: #5555ff;
height: 9px;
border: 3px;
border-color: #6666ff;
border-style: inset;
width: 500px;
text-align: center;
}


HR.s9 {
color: #5555ff;
background-color: #5555ff;
height: 9px;
border: 3px;
border-color: #6666ff;
border-style: outset;
width: 500px;
text-align: center;
}

[PR]
by chocobopapa | 2006-03-19 16:45
2006年 03月 05日
サイドメニューをちょっといじってみました^^
なんとなくサイドメニューをいじってみました...

ただ...IE ぢゃない人にはチャント見えないかも...
歌のランキングをスライドショーにて公開中...なんとかstyleつながりってことで...
勝手にランキング公開しちゃってます^^;;(問題があったらコメントくださいねm(_"_)m)


ただただ、新しいこと試してみたかったので...

IEぢゃない人はすごい表示になってしまうと思います;;
⇒スクロールバーを出してちょっとは緩和させてみました;;

ご勘弁をm(_"_)m

operaでは見えるそうです(ごりさま、報告ありがとうです)
Fire Foxでも見れるそうです(dorothyさま、報告ありとうです)

本当だったらこんな表示です...クリックするとはっきり見えるかと^^;;
e0075308_1561035.jpg

[PR]
by chocobopapa | 2006-03-05 23:00
2006年 01月 15日
⑫記事のタイトルの背景と文字の色を変えてみましょう(CSS)
exciteブログワンポイント カスタマイズの第12回目です^^;

ベーシック スキンのダークブルーをベースに書いていきます。


今回は記事のタイトルの背景と文字の色を変えてみましょう。

CSSをカスタマイズします。

Ⅰ.CSS の1/3程度のところに^^;(102行目くらいに...)

DIV.POST_TTL {
FONT : 10PT;
COLOR : #000;
FONT-WEIGHT : BOLD;
}

という文がありますので探してみてください。

ここに BACKGROUND : カラーコード ; を追記します。
また COLOR : #000; のカラーコード を変更して文字色を変更します。

編集後
DIV.POST_TTL {
FONT : 10PT;
COLOR : #99FFcc;
BACKGROUND : #333399;
FONT-WEIGHT : BOLD;
}

この後プレビューを押して確認してみてください。 OKでしたら保存を押して適用してくださいね。
e0075308_21521324.jpg
編集前のプレビュー⑪迄のカスタマイズは適用しています。
編集後のプレビュー
[PR]
by chocobopapa | 2006-01-15 14:20
2006年 01月 05日
⑨記事表示部分の背景の色を変えてみましょう(CSS)
exciteブログワンポイント カスタマイズの第9回目です

ベーシック スキンのダークブルーをベースに書いていきます。


今回は記事表示部分の背景の色を変えてみましょう。

CSSをカスタマイズします。

Ⅰ.CSS の比較的上のほうに^^;(25行目くらいに...)

DIV#RIGHT {
BORDER-LEFT : 1PX #CCC DOTTED;
BACKGROUND : #F4F5F9;
WIDTH : 520PX;
MARGIN-BOTTOM : 40PX;
PADDING : 0PX 20PX 0PX 19PX;
WORD-BREAK : BREAK-ALL;
}

という文がありますので探してみてください。

BACKGROUND : #F4F5F9;という文の(カラーコード)をお好きな色に変えます。


この後プレビューを押して確認してみてください。 OKでしたら保存を押して適用してくださいね。
e0075308_21521324.jpg

編集前のプレビュー①~③+⑤~⑧適用

編集後のプレビュー #CCCCFFを適用
[PR]
by chocobopapa | 2006-01-05 23:06
2005年 09月 15日
exciteに初登場
まだ何しようか決めないでブログを立ち上げてしまいました^^;;;
いろいろと勉強していきます

m(_”_)m
[PR]
by chocobopapa | 2005-09-15 22:58

記事更新停止中です;;
by chocobopapa
    
since 2005.9.17
Count Down
Ranking

第10位

マイペース
SunSet Swish

第9位

Around The World
MONKEY MAJIK

第8位

恋のダウンロード
仲間由紀恵
with ダウンローズ

第7位

太陽の下
レミオロメン

第6位

Kiss Me Good-Bye
アンジェラ・アキ

第5位

Startin'/Born To Be...
浜崎あゆみ

第4位

SEXY BOY-そよ風に寄り添って-
モーニング娘。

第3位

純恋歌
湘南乃風

第2位

一剣
氷川きよし

第1位

サヤエンドウ
はだしのシンデレラボーイ
NEWS
Chocobo Style
    
以前の記事
    
カテゴリ
    
最新のトラックバック
美容
from 美容
Η(・∀・)イイ!!
from しんや
キッズコスメ
from キッズコスメ
負けても勝ち組w
from ドンパッチ
ホワイトツリー ビタフォ..
from 韓国コスメでべっぴん肌
スーヒャンスノー インテ..
from 韓国コスメでべっぴん肌
【化粧水】雪花秀 滋陰水
from 韓国コスメでべっぴん肌
韓国コスメ「雪花秀」に興..
from 韓国コスメが売れる理由
陸上 自衛隊のサイト集情報
from 陸上 自衛隊メンバー
横幅に戸惑った話 ~2年..
from ここから
    
フォロー中のブログ
    
その他のジャンル
    
ファン
    
記事ランキング
    
ブログジャンル
    
画像一覧
Copy Right Chocobo Style Since 2006