Doblog - 風に吹かれて-Blowin' in the Wind- -

[ 11:05 ] [ doblogカスタマイズＱ＆Ａ ]

[ スライドショウ ]

記事部分をカスタマイズしてみよぉ！！
右の図の色を変えたの部分です
さて、どんな風になるのか？？

では、まず手順から
１：ログインした状態でデザインカスタマイズをクリック
２：デザインテンプレートのカスタマイズの中に　/* 記事 */　があります
変更前の記述は↓↓↓（シンプルデザイン使用）
/*---------------------------------------------*/
/* 記事 */
/*---------------------------------------------*/
.blog {
width : 560px ;
background-color : ;
border : none ;
float : right ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-header {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
font-weight : bold ;
color: #333333 ;
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
border-bottom : 2px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-contents {
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 0px ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-number {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 0px 0px 0px ;
}

.blog-category {
}

.blog-genre {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}

.blog-search {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}

.blog-pageselect {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}

.blog-date {
font-size : 75% ;
padding : 5px 0px ;
margin : 10px 0px 0px 0px ;
clear : both ;
}

.blog-entry {
margin : 0px 0px 40px 0px ;
}

.blog-title {
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}

.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}

.blog-title-time {
font-size : 75% ;
color : #666666 ;
float : left;
}

.docolog-icon {
background-image : url("/image/mypage/icon_gps001.gif") ;
width : 64px ;
height : 16px ;
text-align : right ;
cursor : hand ;
float : right ;
}

.blog-title-title {
font-weight: bold;
font-size : ;
color : #000000 ;
padding : 0px 0px 2px 0px ;
margin : 0px 0px 5px 0px ;
border-bottom : 2px dotted #999999 ;
}

.blog-title-slide {
font-size : 75% ;
text-align : right ;
}

.blog-image {
overflow : visible ;
margin : 0px 0px 10px 10px ;
float : right ;
}
.blog-text {
padding : 0px 0px 0px 0px ;
font-size : 75% ;
line-height : 150% ;
word-break : break-all ;
}

.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}

.blog-entry-footer {
font-size : 70% ;
line-height : 150% ;
padding-bottom : 2px ;
padding-top : 2px ;
}

.blog-update {
text-align : right ;
margin-bottom : 5px ;
clear : both ;
}

.blog-showmap {
margin : 10px 0px ;
}

.blog-showmap-text {
/* font-size : 75%;
line-height : 125%;*/
font-family : "ＭＳＰゴシック", "Osaka";
border : dotted 1px #666666 ;
padding : 5px ;
}

.blog-linkurl {
font-size : 100% ;
padding : 0px ;
margin : 0px ;
}

.blog-trackback {
padding-bottom : 5px ;
}
.blog-pagetop {
text-align : right ;
margin-top : 1.5em ;
padding-bottom : 5px ;
}

/*---------------------------------------------*/すっごくたくさんあるのでちょっと大変ですが、頑張りましょう
パーツごとにみていけばわかりやすいと思います

■.blog {　～～～　}　の変更点
width : 560px ;
ブログの記事部分の幅の設定→570pxにしてみる
background-color : #e0f8e0 ;
背景色の設定→メニュー部分と同じ色にしてみる
float : left ;
ブログの記事部分の設置場所の設定→左にした

voice-family : "\"}\"";削除しちゃった
voice-family : inherit;削除しちゃった

■.blog-header {　～～～　}　の変更点
font-size :14px ;
文字サイズの設定→14pxにした
line-height : 200% ;
ブログヘッダー部分の行の高さ→200%にした
color: #ffffff ;
文字色→白にしてみた
padding : 0px 0px 0px 10px ;
文字の設置場所→左から　10px　にした
margin : 0px 0px 0px 0px ;
ブログヘッダー部分設置場所→右から　0px　にした
background-color : #008080 ;
背景色の設定→追記しました

以下の部分は削除しました
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-weight : bold ;
border-bottom : 2px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;

■.blog-contents {　～～～　}　の変更点
margin : 0px 10px 0px 10px ;
コンテンツ部分の設置場所→左からも 10px

以下の部分は削除
voice-family : "\"}\"";
voice-family : inherit;
（右の図はわかりやすいように赤く囲ったコンテンツ部分の色も変えてあります）

■.blog-number {　～～～　}　の変更点
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
文字のフォント設定を削除しただけです

右の図はブログナンバーの部分をわかりやすく色づけしてみました
わかりにくければ画像をクリックしてみてください

■.blog-category {　～～～　}　の変更点
■.blog-genre {　～～～　}　の変更点
■.blog-search {　～～～　}　の変更点
変更なし

doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-

[ 更新日時：2005/02/11 13:53 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/1001160#1001160
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/1001160

[ コメントを見る・書く(0) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

デザインカスタマイズやってみる？？　８：記事の変更点【その２】

[ 11:04 ] [ doblogカスタマイズＱ＆Ａ ]

[ スライドショウ ]

■.blog-pageselect {　～～～　}　の変更点
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif";
border : 1px dotted #999999 ;
削除しました
右の図はわかりやすいように色つけました

■.blog-date {　～～～　}　の変更点
■.blog-entry {　～～～　}　の変更点
変更なし

ブログデイト部分は白抜きされた範囲です
ブログエントリー部分は青色の範囲

■.blog-title {　～～～　}　の変更点
変更なし
■.blog-scene {　～～～　}　の変更点
margin : 10px 0px ;
上下の設定？→上から10pxにした

右図の矢印を参照してください（色は変えてあります）

■.blog-title-time {　～～～　}　の変更点
変更なし
（右図の矢印部分）
■.docolog-icon {　～～～　}　の変更点
変更なし
（どこなのかわからない・・・どこだろう？）

■.blog-title-title {　～～～　}　の変更点
font-weight: bold;
border-bottom : 2px dotted #999999 ;
太字の設定とドットのラインを削除した
（右図では白抜きされている部分）

うーん、先はまだまだ長いなぁ・・・

doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-

[ 更新日時：2005/02/11 13:55 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/1002519#1002519
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/1002519

[ コメントを見る・書く(0) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

デザインカスタマイズやってみる？？　８：記事の変更点【その３】

[ 11:00 ] [ doblogカスタマイズＱ＆Ａ ]

[ スライドショウ ]

■.blog-title-slide {　～～～　}　の変更点
■.blog-image {　～～～　}　の変更点
（フロートの設定で画像を右か左に設置できます）
■.blog-text {　～～～　}　の変更点
（右図の色の変わっている部分）
■.blog-text-url {　～～～　}　の変更点
変更なし

■.blog-entry-footer {　～～～　}　の変更点
color : #666666 ;
文字色の設定→#666666とした
（右図の矢印部分：背景色は変えてあります）

■.blog-update {　～～～　}　の変更点
更新日時の文字の場所の設定→変更なし
■.blog-showmap {　～～～　}　の変更点
■.blog-showmap-text {　～～～　}　の変更点
なんの設定だろう？？(^o^;
■.blog-linkurl {　～～～　}　の変更点
トラックバックURLや記事のURL部分の設定→変更なし
（矢印部分は色を変えてあります）

■.blog-trackback {　～～～　}　の変更点
コメント、トラックバックをみるとかの部分の設定→変更なし
■.blog-pagetop {　～～～　}　の変更点
ページトップの文字の設置場所の設定→変更なし

以上の作業をした結果、あまり大変わりはしていませんが右図のようになりました
では、変更後の　/*記事*/　部分の記述を確認してみましょう
変更した部分は太字にしてあります
【変更後】

.blog {
width : 570px ;
background-color : #e0f8e0 ;
border : none ;
float : left ;
}

.blog-header {
font-size : 14px ;
line-height : 200% ;
color: #ffffff ;
padding : 0px 0px 0px 10px ;
margin : 0px 0px 0px 0px ;
background-color : #008080 ;
}

.blog-contents {
padding : 0px 0px 0px 0px ;
margin : 0px 10px 0px 10px ;
}

.blog-number {
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 0px 0px 0px ;
}

.blog-category {
}

.blog-genre {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}

.blog-search {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
border : 1px dotted #999999 ;
}

.blog-pageselect {
font-size : 75% ;
line-height : 150% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin : 5px 0px ;
}

.blog-date {
font-size : 75% ;
padding : 5px 0px ;
margin : 10px 0px 0px 0px ;
clear : both ;
}

.blog-entry {
margin : 0px 0px 40px 0px ;
}

.blog-title {
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}

.blog-scene {
margin : 10px 0px ;
overflow : visible ;
width : 100% ;
}

.blog-title-time {
font-size : 75% ;
color : #666666 ;
float : left;
}

.docolog-icon {
background-image : url("/image/mypage/icon_gps001.gif") ;
width : 64px ;
height : 16px ;
text-align : right ;
cursor : hand ;
float : right ;
}

.blog-title-title {
font-size : ;
color : #000000 ;
padding : 0px 0px 2px 0px ;
margin : 0px 0px 5px 0px ;
}

.blog-title-slide {
font-size : 75% ;
text-align : right ;
}

.blog-image {
overflow : visible ;
margin : 0px 0px 10px 10px ;
float : right ;
}
.blog-text {
padding : 0px 0px 0px 0px ;
font-size : 75% ;
line-height : 150% ;
word-break : break-all ;
}

.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}

.blog-entry-footer {
font-size : 70% ;
line-height : 150% ;
padding-bottom : 2px ;
padding-top : 2px ;
color : #666666 ;
}

.blog-update {
text-align : right ;
margin-bottom : 5px ;
clear : both ;
}

.blog-showmap {
margin : 10px 0px ;
}

.blog-showmap-text {
/* font-size : 75%;
line-height : 125%;*/
font-family : "ＭＳＰゴシック", "Osaka";
border : dotted 1px #666666 ;
padding : 5px ;
}

.blog-linkurl {
font-size : 100% ;
padding : 0px ;
margin : 0px ;
}

.blog-trackback {
padding-bottom : 5px ;
}
.blog-pagetop {
text-align : right ;
margin-top : 1.5em ;
padding-bottom : 5px ;
}

doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-

[ 更新日時：2005/02/11 13:57 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/1002898#1002898
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/1002898

[ コメントを見る・書く(0) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

２月１０日の晩御飯は韓国風

[ 03:11 ] [ 食べる ]

[ スライドショウ ]

キムチチャーハン
ワカメスープ

「チューボーですよ」を見ておいしそうだったので
チャレンジしてみた（笑）
味加減はバッチリだったヨ

私より先にチャレンジしたCalecheさんの記事

[ 更新日時：2005/02/11 03:21 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/1002789#1002789
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/1002789

[ コメントを見る・書く(2) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

家族に内緒でブログをしている方へ

[ 23:25 ] [ 日記 ]

[ スライドショウ ]

家庭崩壊の危機には陥らないようにしてくださいね
自分の気持ちを素直に表現する場所として
ブログってとてもいいところだと思うけど
誤解されちゃあ元も子もないっちゅうか・・・

ほらそこの人！
やばいこと書いてませんか？？（笑）

[ 更新日時：2005/02/10 23:37 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/1001978#1001978
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/1001978

[ コメントを見る・書く(15) ]
[ トラックバック(関連するBlog)を見る(1) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

デザインカスタマイズやってみる？？　７：カレンダーの変更点

[ 16:25 ] [ doblogカスタマイズＱ＆Ａ ]

[ スライドショウ ]

カレンダー部分をカスタマイズしてみよぉ！！
右の図の赤枠の部分ですね
さて、どんな風になるのか？？

では、まず手順から
１：ログインした状態でデザインカスタマイズをクリック
２：デザインテンプレートのカスタマイズの中に　/* カレンダー */　があります
変更前の記述は↓↓↓（シンプルデザイン使用）
/*---------------------------------------------*/
/* カレンダー */
/*---------------------------------------------*/
.calender {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
}

.calender-focus {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 150% ;
color : #0066cc ;
}

/*---------------------------------------------*/
【変更後】

.calender {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 130% ;
}

.calender-focus {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 130% ;
color : #008080 ;
}

■.calender {　～～～　}　の変更点
line-height : 130% ;
行間の設定は？130%にしてみました

■.calender-focus {　～～～　}　の変更点
line-height : 130% ;
行間の設定？？更に130%にしてみた
color : #008080 ;
赤丸部分の文字色の設定は？青から変えてみた

全体的に上下がぎゅっとつまったのがわかりますか？？
細かく指示を与えることで微妙に変化を与えることができます
さぁ、後少しだ！！頑張ろう！

doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-

[ 更新日時：2005/02/11 13:59 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/1000574#1000574
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/1000574

[ コメントを見る・書く(2) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

デザインカスタマイズやってみる？？　６：メニューの変更点

[ 16:13 ] [ doblogカスタマイズＱ＆Ａ ]

[ スライドショウ ]

メニュー部分をカスタマイズしてみよぉ！！
右の図の赤枠の部分ですね
さて、どんな風になるのか？？

では、まず手順から
１：ログインした状態でデザインカスタマイズをクリック
２：デザインテンプレートのカスタマイズの中に　/* メニュー */　があります
変更前の記述は↓↓↓（シンプルデザイン使用）
/*---------------------------------------------*/
/* メニュー */
/*---------------------------------------------*/
.menu {
width : 180px ;
float : left ;
background-color : ;
}

.menu-header {
font-family: "ＭＳＰゴシック", Osaka, sans-serif ;
font-size : ;
font-weight : bold ;
line-height : 125% ;
color : #333333;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 10px ;
border-bottom : 2px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}

.menu-contents {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 150% ;
padding : 5px 0px 0px 0px ;
margin : 0px 0px 20px 10px ;
word-break : break-all ;
}

.menu-contents p {
margin : 0px 0px 3px 0px ;
}

.menu-contents hr {
color : #999999 ;
background-color : #999999 ;
width : 95% ;
height : 1px ;
border : none ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}

.menu input {
width : ;
}

.menu table {
text-align : center ;
font-size : 12px ;
color : #333333 ;
width : 170px ;
}

/*---------------------------------------------*/
【変更後】

.menu {
width : 180px ;
float : right ;
background-color : #e0f8e0 ;
}

.menu-header {
font-size : 14px ;
line-height : 200% ;
color : #ffffff;
padding : 0px 0px 0px 10px ;
margin : 0px 0px 0px 0px ;
background-color : #008080 ;
}

.menu-contents {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 130% ;
padding : 5px 0px 0px 0px ;
margin : 0px 0px 10px 10px ;
word-break : break-all ;
}

.menu-contents p {
margin : 0px 0px 3px 0px ;
}

.menu-contents hr {
color : #999999 ;
background-color : #999999 ;
width : 95% ;
height : 1px ;
border : none ;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px ;
}

.menu input {
width : ;
}

.menu table {
text-align : center ;
font-size : 12px ;
color : #333333 ;
width : 170px ;
}

■.menu {　～～～　}　の変更点
float : right ;
メニュー部分の設置場所の設定→左から右に移動
background-color : #e0f8e0 ;
メニュー部分の背景色の設定→淡いブルーにしてみた

■.menu-header {　～～～　}　の変更点
font-size : 14px ;
メニューの題字の大きさの設定→14pxにしてみた
line-height : 200% ;
メニューの題字部分の枠の大きさ？→200%にしてみた
color : #ffffff;
メニューの題字の色→白抜きにしてみた
padding : 0px 0px 0px 0px ;
メニューの題字の位置設定→左から 10px にしてみました
margin : 0px 0px 0px 0px ;
メニューの題字枠の位置設定？→左から 0px にしてみました
background-color : #008080 ;
メニューの題字部分の背景色→追記して、色をつけてみました

この部分↓↓↓は削除してしまった（笑）
font-family: "ＭＳＰゴシック", Osaka, sans-serif ;
font-weight : bold ;
border-bottom : 2px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;

■.menu-contents {　～～～　}　の変更点
line-height : 130% ;
行間の設定か？→130%にしてみた
margin : 0px 0px 10px 10px ;
文字の入る枠の位置設定？→下から10pxに変更

下記の部分は変更していません
■.menu-contents p {　～～～　}　の変更点
■.menu-contents hr {　～～～　}　の変更点
■.menu input {　～～～　}　の変更点
■.menu table {　～～～　}　の変更点
どれが何の設定なのかすらわかってないけど・・・誰か教えてくださいませ<(_ _)>←ヲイ！！

doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-

[ 更新日時：2005/02/11 14:01 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/997793#997793
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/997793

[ コメントを見る・書く(0) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

２月９日の空は雲が多い

[ 08:07 ] [ kazeっぽ写真部 ]

[ スライドショウ ]

[kazeっぽ写真部]

なんとなぁくウロコ雲風の空と標識が印象的でした

by ちびkaze

[ 更新日時：2005/02/10 08:09 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/999235#999235
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/999235

[ コメントを見る・書く(0) ]
[ トラックバック(関連するBlog)を見る(1) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

２月９日の晩御飯はヘルシーライフを目指す

[ 23:43 ] [ 食べる ]

[ スライドショウ ]

けんちん汁
納豆
黒酢のもずく酢

昨日の残り物のけんちん汁に納豆とモズク酢
とっても健康食っぽいと思いませんか？？（笑）

[ 更新日時：2005/02/09 23:47 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/998103#998103
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/998103

[ コメントを見る・書く(6) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

デザインカスタマイズやってみる？？　５：ページタイトルの変更点

[ 02:08 ] [ doblogカスタマイズＱ＆Ａ ]

[ スライドショウ ]

ページタイトル部分を変えてみよう！！
右の図の赤い枠の中がページタイトルです
文字の大きさやフォントなどを変えてみます
自分らしいデザインを目指し、もうちょっと頑張ってみましょう

では、まず手順から
１：ログインした状態でデザインカスタマイズをクリック
２：デザインテンプレートのカスタマイズの中に　/* ページタイトル */　があります
変更前の記述は↓↓↓（シンプルデザイン使用）/*---------------------------------------------*/
/* ページタイトル */
/*---------------------------------------------*/
.mydoblog-header {
background-color : ;
width : ;
height : ;
padding : 25px 10px 0px 10px ;
margin : 0px 0px 25px 0px ;
border-bottom : 2px dotted #999999 ;
voice-family : "\"}\"";
voice-family : inherit;
}

.mydoblog-header-text {
font-family : "ＭＳＰゴシック", "Osaka", "sans-serif" ;
font-size: ;
font-weight : bold ;
line-height : ;
color : #333333 ;
}

.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}

/*---------------------------------------------*/
変更後

.mydoblog-header {
padding : 25px 10px 0px 10px ;
margin : 0px 0px 25px 0px ;
background-color: #008080 ;
border-bottom : 5px dotted #ffffff ;
}

.mydoblog-header-text {
font-size: 30px;
color : #ffffff;
}

.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px 0px 0px 0px ;
}

■.mydoblog-header { ～～～ }　の変更点
width : ;
height : ;
voice-family : "\"}\"";
voice-family : inherit;
上記の部分は指定がないので削除してみました
　
background-color :#008080 ;　
背景色の設定は？リンクの色と統一してみました
border-bottom : 5px dotted #ｆｆｆｆｆｆ ;　
ボーダーのドットの大きさと色の設定は？どうせだから白抜きにしてドットも大きくしてみた

三箇所変更しただけでこんなに見た目がかわります
結構楽しいでしょ？

■.mydoblog-header-text { ～～～ }の変更点
ここではプログ名の文字をどんな大きさにするのか、どんな色にするのかなどを設定します

font-family : ;
font-weight : ;
line-height : ;
この部分は削除しました

font-size: 30px;
フォントのサイズは？思い切ってでっかくしてみました
color : #ｆｆｆｆｆｆ　;
フォントの色は？どうせだから白抜きになるように白に設定

■.mydoblog-header img { ～～～ }
ここは、いじってません
多分、MyDoblogで登録するイメージ画像用の設定だと思います（自信ないけど(^o^;）

ひとつずつ確認しながらやっていくとわかりやすくていいと思います
文字の大きさとか色とか変えていくとほんと楽しいですよ

doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-

[ 更新日時：2005/02/11 14:03 ]

この記事のURL： http://www.doblog.com/weblog/myblog/6480/995216#995216
トラックバックURL：http://www.doblog.com/weblog/TrackBackServlet/6480/995216

[ コメントを見る・書く(0) ]
[ トラックバック(関連するBlog)を見る(0) ] [ トラックバック(関連するBlog)を書く ]

[ ↑ページトップ ]

1 月	2 月	3 月	4 月
5 月	6 月	7 月	8 月
9 月	10 月	11 月	12 月

ニックネーム：パスワード：
\| MyDoblogトップ \| Doblogポータル \| Doblogガイド \| ユーザ登録 \| 使い方 \| よくある質問 \| ツールバー \| サポート \|

2005 年 2 月
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