« 2004年11月 | メイン | 2005年1月 »

2004-12-11

TypePad ベーシックでcssを変更する

top以前の私のブログは色だけであまり楽しそうではありませんでした。そこでスタイルシートの変更にチャレンジしてみたのです。
以下に私のスタイルシートの変更方法を書きます。
参考にされる前に一言、以下の内容は自己責任にて実施の事
不具合など発生しても私は一切責任を負いません。

それでは自分の風ブログのトップページを開き、マウスで右クリックしてソースの表示を選択してください。
するとソースがメモ帳で開かれます。開かれたソースの中から以下の部分を探してください。
<link rel="stylesheet" href="http://xxxx.kazelog.jp/xxx/styles.css" type="text/css" />は書かれている部分(xxxxは皆さん違います、自分の物に変えてください)
次にそのhttp://xxxx.kazelog.jp/xx/styles.cssをアドレスバー(上のアドレス(D)と書かれているところ)にコピーしてstyles.cssを開きstyles.cssを開きます。
たぶん開くとそのままダウンロード画面になると思います。(ホームページ作成ソフトFrontPageなどお持ちの方はソフトが立ち上がってしまう事があります)そのソースをメモ帳などにコピーしてお使いください。

ダウンロードしたstyles.cssをメモ帳などで開き、必要な項目を記入し保存します。(ここでstyles.cssに別の名前を付けて保存すると便利です)ここからは区別するためにxxx.cssとします。
※注意・・・ここでは必ず元のstyles.cssは別に保存して置きましょう。(万が一の為)
保存が完了したら次にコントロール→ファイル→先程のディレクトリー(入れ物)私で言えばwinのディレクトリーの中にstyles.cssをアップロードします。(styles.cssの名前を変えない場合は元のstyles.cssが入っているディレクトリーに入れると上書きになってしまいます。注意してください。)必ずどこにアップロードしたか控えておいてください。入っている場所が解らないと、後でxxx.cssを指定出来なくなってしまいます。(アップは何処でも構いません)
(アドレスを控える)ファイルからは画像と違ってどこにあるか表示されません
2005/4/11のバージョンアップで表示される様になりました。m(_ _)m

※注意・・・今度作ったstyles.cssの名前も覚えやすい名前に変えておきましょう。

*****改造(変更箇所)*****以下の部分を探して変更してください。
変更箇所は/**/の部分です。
color: #xxxxxxの部分は色の指定です。自分の好きな色を指定してください。
font-familyはフォントの種類・font-sizeはサイズ・font-weight文字間・line-height行間・text-align文字を揃える方向・margin-bottom枠からの上の離れです。
※下の方にカラーチャート(色見本)へのリンクを貼ってあります。
  参考にしてください。

①本文の文字サイズ
<変更前>
.content p {
color: #333333;
font-family: Georgia, Times, serif;
font-size: small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

<変更後>
.content p {
color: #333333;
font-family: MS UI Gothic, Times, serif; /*フォントの指定*/
font-size: medium; /*フォントサイズの指定*/
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

②タイトルの背景に画像を入れる
<変更前>
#banner {
font-family: Georgia, Times, serif;
color: #FFFFFF;
background-color: #869BB0;
text-align: left;
padding: 15px;
border-bottom: 1px dashed #FFFFFF;
height: 69px;
}

<変更後>
#banner {
font-family: Georgia, Times, serif; /*フォントの指定*/
color: #FFFFFF;
background-color: #597FA3; /*背景色指定背景画像に近い色に変更*/
background-image:url(http://xxxxx.kazelog.jp/xxx/images/xxxx.jpg); /*背景画像のアドレスを指定*/
background-repeat: no-repear; /*背景画像は繰り返さない指定*/
text-align: left;
padding: 15px;
border-bottom: 1px dashed #FFFFFF;
height: 150px; / * 画像の高さ */
}
注意・・・画像の高さを記入する、繰り返さないも記入すること。

③タイトルの前にアイコンを付ける
<変更前>
.content h3 {
color: #6699CC;
font-family: Verdana, Arial, sans-serif; /*フォントの指定*/
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

<変更後>
.content h3 {
color: #DC143C;
font-family: MS UI Gothic, Arial, sans-serif; /*フォントの指定*/
font-size: medium; /*フォントサイズの指定*/
padding:10px 0px 10px 40px; /*余白を設定 */
background-image: url("http://xxxxx.kazelog.jp/xxx/images/xxxx.gif"); /*アイコン画像のアドレスを設定*/
background-position: topleft; /*左寄せの設定*/
background-repeat: no-repeat; /*画像は繰り返さない指定*/
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

注意・・・padding:10px 0px 10px 40px;でアイコンを入れた時の周りとの余白を調整する。
     pxは上右下左の余白の順番です。画像は繰り返さない指定をしないとアイコンだらけになってしまいます。
最後にアップロードしたxxx.cssを使う設定に変更します。
ウェブログ→設定を変更する→ウェブログの副題(キャッチフレーズ):の欄に下記を追加します。
<link rel="stylesheet" type="text/css"href="http://アップロードしたxxx.cssのアドレス記入"/>
以上でスタイルシート(styles.css)は変更になっていると思います。だめならもう一度はじめからやってください。m(_ _)m
よくスペルの書き間違いがあります、落ち着いて記入してください。
(不明の点はスタイルシート css などで検索をかけてみてください。丁寧に説明されているページがあります。)
※晴れ時々曇りのカラーチャートです参考にしてみてください。

■CSSには余計な改行はしないでください。・・・それではがんばってね !!

2004-12-09

うみほたる焼き

umihotaru今日は久しぶりに東京都と千葉県をつなぐアクアラインを通りました。今では通行料が少し安くなって3000円です。(まだ高い?!)
アクアラインの途中にあるサービスエリア『うみほたる』に寄って休憩をした時に面白い物を見つけたので報告します。
それは『うみほたる焼き』です。中にあんこが詰まった今川焼きでした。形がアクアラインのマスコットのうみほたるの形になっています。
今日のうみほたるの上は風がとても強く、冷えきった体には暖かい『うみほたる焼き』はとてもオイシュウ御座いました。
ところで気になるお値段は120円です、機会があったら買ってみてください。

2004-12-08

新札は何処?

この間、新札が三種類発行されましたがもうご覧になったでしょうか?。
私、噂では聞いているのですがまだ、お目に掛っていません。3種類の内、千円札は何回かお目に掛りましたが他の二種類は今だ音信不通です。(笑)
よくコンビニのお釣りでもらったなんて聞きますけど、何時になったら私その姿を拝めるのでしょうか?
新聞か何かで読んだのですが、自動販売機の新札への対応の遅れや日銀の旧紙幣の回収の遅れが原因らしいのですが。
そう言えば幻の二千円札は本当に何処行っちゃったのでしょう?不思議ですね〜

富士山写真

fujiデジカメで写した富士山の写真です。
先日の台風の影響で雪が少し溶けていましたがきれいに見えました。



 

2004-12-07

由比の桜えび

今日は静岡方面へ出張でした。出張の度にその土地の美味しい物を食べている私は、東名高速道路の上り由比PAの桜えび天うどんがうまいと言う噂を聞き付け、今日食べて来ました。(ニッコリ)
由比PAは見過ごすくらい小さなパーキングで、パーキングエリア内に小さな売店と食堂がありました。早速食堂へ入ると何故か人気は桜えび天玉そばと書かれた貼り紙が・・・迷ったあげく桜えび天玉うどんを注文。(\490)
食べたら『美味しーい』やっぱりうどんで正解でした。ここ由比は桜えびが有名な処なんですね。また、一つ美味しい物を食べることが出来ました。

富士山!!

今日富士山の近くを通りました。
久しぶりに富士山が良く見えました。
少し頭に雪をかぶっています。
日頃の行いが良かったかな?p505is0022872313.jpg

 

インフルエンザ予防!!

帰って来るのがこんな時間になってしまった。もうへろへろです。
今朝、浅間山に雪が積もっているのが、雲の間から少しだけのぞく事が出来た。
昨日とうって変わって温度が低い、こんなのでかぜをひいてしまう人が多いのでしょう。実は昨日インフルエンザの予防接種を受けて来ました。3,000円の出費は痛いけど、かぜでうなされるよりましです
この時期予防接種を受けに来る人が多いこと『すごーい』ほとんど子供です。30分は待ちますね・・・(予約していても掛かりました。)
去年はワクチンが不足していたけど、今年は大量にあるみたいです。去年こっそり買い集めて余ってしまった所がありましたっけ!! (いつの世にもいますねーこう言う人。)
今年は多分みんなに行き渡ります。かぜの予防はお早めに!!

2004-12-05

コメントに説明文!!

muro MAGAZINE 略してムロマガ!へトラックバック
ムロマガさんでコメントに説明文を入れると言うのをやっていたので私も早速入れてみました。
コメントを入れる時にメアドも入れるのか迷うのですが、これで迷いません。

スタイルシートの変更②!!

昨日に引き続きスタイルシートの変更を強行!! (笑)
やっぱりセンスの無さに愕然としながらも現状のデザインまでは変更が出来ました。もう少し今度はじっくりと変更してみましょう。
字が大き過ぎなんて言わないでください。
子供からお年寄りまで『楽しんでもらうblog』を目指してしるんです。
本当は目が疲れちゃうんです。(笑)
デザイン的に(見た目が)変じゃないか心配でしたが、段々目が馴れて来たのでしょうか?変ではありません。よね!!

2004-12-04

スタイルシート変更!!

TypePadのベーシックでスタイルシートを変更出来ました。でもデザインがあまり変わり映えしない。才能ですか?『残念~ん!!』
スタイルシートが良く解らないのでこんなもんですかね!!
でもやれば出来るものですねー。

海外赴任てスゴイ!!

マレーシア南国支店
マレーシア南国支店さんは日本からマレーシアへ赴任して、そこで体験したことをブログにしている。こう言う体験はしたくてもなかなか出来るものではありません。
写真がいっぱい載っていて情報がとても解り易いです。心配なのは写真は容量を消費していまう事です。文字はあまり消費しないのですが、写真はかなり消費していまう。
これからも貴重な体験ブログに期待しています。

デザインの種類を増やして欲しい!!

プロバイダーのblogでもDIONはスタイルシートがいじれるらしいんです。一ヶ月経って思うことはデザインの種類の無さです。ブルーかグレーあっても真っ赤では個性的なblogが誕生しない。デザインの種類を増やして欲しい。それともスタイルシートをいじらせて欲しい。みんな同じじゃ面白くないですね。
ましてや私のblogは内容が無いので飽きられてしまいます。・・・(笑)

TypePadのベーシックタイプでもスタイルシートがいじれました。『裏技見っけた!!』

2004-12-02

コンビニのおにぎりにドキッ!!

今朝は早くから出張で朝ごはんはコンビニの『おにぎり』でした。いつもはパンが多いかな?今日は『おにぎり』な気分で、ネギみそと梅干の『おにぎり』でした。ネギみそは美味しそうだったからで、梅干は一日の災難をはらってくれる(魔除け・・・迷信?)とか昔聞いたことがあるためです。多分一日の災難はこの『梅おにぎり』一個ではらわれていると思うんですけど・・・(笑)結構マジ
それでこの『梅おにぎり』が問題だったのですが、梅と書かれているので梅が入っているのはあたりまえなんですが当然その『たね』も入っている訳で、一つの『おにぎり』に一つ入っているべき?なんですが。実は二つ入っていたのです。(当りか?) 人間誰もが思い込みをするもので『たね』は一つだと思い込んでいたものですから、飲み込もうとした時にのどの入り口に硬いものが触れた瞬間・・・
サザエさんの終わりのところでサザエさんがあめ玉をのどに詰まらせるやつ状態寸前でした。(例えがかなり古過ぎ)注・・・もうPTAのクレームで放映されていません。
もーう死ぬとこでした。もっとしっかりと噛めばこんな思いせずに済んだのですが。
みなさんも思い込みには注意してくださいね。
今度からはやっぱり『パン』にしようかな。 そう言う問題かい!! (自爆)

2004-12-01

アンケートのお願い!!

アンケート内容を変更しました。おひまな人は是非お答えください。
左サイドの俳句blogの下に設置してあります。
質問・・・あなたは犬派それとも猫派?

浅間に雪

今朝は今年一番の冷え込みではないでしょうか?朝の犬の散歩の時ふと気が付くと『浅間山』に薄っすらと雪が積もっている様でした。家の愛犬『仮称ポチ』も寒いのが苦手のようで家まで「猛ダッシュ」お陰で朝から貧血寸前です。教訓・・・朝起き抜けの「猛ダッシュ」は危険です・・・(汗)

Calendar

  •   Well come!! 晴れ時々曇り
     

お勧めの本

B0027WPIRY
いいねボタン

JV