KEN35のブログ一覧

いや～、('A`)ﾏﾝﾄﾞｸｾ

が、ようやくスタイルシートがほぼ管制(´ﾟωﾟ):;*.':;ﾌﾞｯ(違ｗ

何度もやり直してるうちに簡単に出来るようになりました(笑)




自分の場合、以前からのブログパーツであるヘッダーと背景をどうしても使いたかったんですが、ヘッダーは説明するまでもないので・・・。

背景はお友達の神様に以前作って頂いたブルーインパルスＴ－４の操縦席画像。

しかし、せっかくの写真が上に色々被さって見えない・・・。

(。-`ω-)ンー
と考えて透過仕様に変更ヾ( ﾟ∀ﾟ)ﾉﾞｵｫｵｫｵｫｵｵｫ

まず、簡易設定でブラックを読み込み、背景画像とアイコン画像を貼る (*゜ρ゜)ノ□ ペタッ
そしたら、文字やリンクの色も最初に決めてしまう。

で、一度保存してこのスタイルにしておいて詳細設定に。

ここで背景画像のＵＲＬがある所に「background-attachment:fixed;」を追記。
これで背景画像を固定できます。

後はタブとかコンテンツとかの各部の記述を見て、background～で始まる部分を「background-color:transrate;」に変更します。
これで透過になります。

あとはcolor:#00ff00;などのカラーコードを好みの色の数値に変更してプレビューで確認する作業を繰り返して完成です(`・ω・´) シャキーン

さ、あとはカレンダーだけですねヽ(･∀･)ﾉ ﾜﾁｮｰｲ♪

(￣０￣;アッ

・・・いい加減に寝ないと(￣▽￣;）

でわでわ。。

先日、会社に行く時に５００ｍｍを持って行って会社の前にある桜を撮ってきました。








まだ蕾も多く、満開になりませんね。
夜が冷え込み、昼夜の温度差が大きいのも影響してるのかな？



こぶしの花。
駐車場の愛機の上で咲いてました。










さて、そろそろビールの出番かな？(笑)
満開になったら車中泊で会社で宴会になりそうです♪

"( ^-^)／且☆且＼(^-^ )"

新しいスタイルシートは難しいですね(-ω-;)ウーン

詳細設定で弄ってたら文字が真っ白に(((( ;ﾟдﾟ))))ｱﾜﾜﾜﾜ
最早訳が分らず、仕方なく放置して夜勤に出撃(〃´o｀)=3 フゥ



帰って来てスグに簡易設定で全てやり直して何とか元通り(´ﾟωﾟ):;*.':;ﾌﾞｯ
ま、詳細設定はそのうち暇を見てやろうかと・・・。

過去の最初の方に貼り付けた画像なんかはスタイルシート用画像の所にアップしてたんですが、コレも５月で使えなくなるらしいので、コピーしてＰＣに保管。
そのうち修正するとして、取り合えず今までのブログに貼り付けてある画像サイズの変更をしております。。

しかし、今まで貼り付けが多かったので結構大変(((( ;ﾟдﾟ))))ｱﾜﾜﾜﾜ
ただでさえ夜勤で疲れてるのに・・・。

この作業だけで休日無くなりそうです（´・ω・`）ｼｮﾎﾞｰﾝ
かと言って今までの全てが無駄になるのは忍びないし・・・。

これからは小さめの画像、クリックで大きくするスタイルを多用しようかな？
そうすればまた変更になっても楽だし・・・。

これ以上ページが狭くなってきたら誰も利用しなくなるでしょうけどね。

でわでわ。。

スタイルシートですが、ＨＴＭＬの本を読んでチトお勉強(;^_^A アセアセ・・・

今までブログに写真を貼る場合

でしたが、これだと右側の広告が大きくなってる事もあり写真右側が切れてしまいます・・・orz
そこで、これに幅と高さを指定する記述を追記します。

これでウマく切れずに表示されますヽ(･∀･)ﾉ ﾜﾁｮｰｲ♪
数値を変更すれば画像サイズを変更できます。

で、応用してρ(￣∇￣o) コレ




これはブログに貼り付けた写真をクリックすると、別ウィンドウが開いて拡大表示される方法です。







これのやり方は、ρ(￣∇￣o) コレ


http://で始まる部分が画像のＵＲＬになります。

これらは自分が去年購入した「ソーテック社　改訂版　ＨＴＭＬ＆スタイルシート　トレーニングブック」に詳しく書かれています。

ρ(￣∇￣o) コレ


本屋さんにいったら見てみると良いですよ♪

でわでわ。。

何とかヘッダー画像は元通り(*ﾟ∀ﾟ)=3 ﾌｩｰ

が、実は・・・
そのまま９３０ｐｘの幅にすると高さがオーバーになるようでアップ出来ず・・・。

で、色々考えて多少オーバーする部分をＧＩＭＰの切り取りツールで削除して出来ましたC=(^◇^ ; ホッ!
なので以前と比べると少し上の方が削除されてます(((( ;ﾟдﾟ))))ｱﾜﾜﾜﾜ

しかし、お気に入りのブログパーツなので復活出来て良かったですヽ(･∀･)ﾉ ﾜﾁｮｰｲ♪
が、背景については分割された表示になる為に設定せず。

が、ここで色々と弄って気が付いた。

初めの頃ブログに埋め込んだ写真はスタイルシート用画像の所にアップした物を使用。
しかし５月末で使えなくなると言う事は・・・
当然削除されるわけだから以前のブログの写真が消える事に
Σ(Ｔ▽Ｔ;) ぐわわぁぁ～ん!

で、画像をコピーして救済中♪
これを写真保管用のフォトギャラにアップして以前のブログに貼り直して修復・・・。

また面倒な作業増えました(￣－￣メ)チッ

しかし、給油機の写真を埋め込んだのですが、広告が大きくなった分だけ右側が切れてしまいます。
どうにかならんのかねぇ？

よく見りゃ今まで埋め込んだ写真全て右側が切れてるし・・・orz
┐(￣ヘ￣)┌ ヤレヤレ・・・





※先程ＨＴＭＬの本を読んで給油機画像を修正しました<(_ _)>