帽子とRun！！

やっと筋肉痛から解放されましたｗｗ
調子に乗って高いところからジャンプしたのが一番悪かったかな。。。

反省してます。


やっぱ筋肉痛になって長期練習休むんじゃいけませんね～。



そういえば帽子買いました！！
安かったし、気にっています。

これは、まぁまぁお勧めできるレベルかな～ヾ(＠°▽°＠)ﾉ

横から

上から


キャスねじり編み　秋冬 (アイボリー＆ブラウン)
↑ここから詳細見れます。


頭がすっぽりはいっていいです。
薄手で重すぎもせず、頭振ってもずれません。

ちょっとした運動時にも大丈夫だと思います。


さて、これをかぶって
これから、
一走り行きましょか～！！

画像を回転するタグ

どもども、こんちわ！！

寒いです・・・。ブルブル。

ランキング参加中！
いいと思ったらポチッ↓

さてさて、

アメブロをやっていて困ることですが。。。

UPした画像の向きが違う！！

たとえば、

この画像の向き変ですよね？

直したいけど直せない。

中には、いったんPCの中で直したり、

そのためにソフトを使ったりしてませんか？？

大丈夫です。

HTMLタグで直す方法があります！！！

いえ～い

使うタグはこれ。

<P style="width:200px;height:200px;filter:progid:DXImageTransform.Microsoft.BasicImage(mirror=1,rotation=1);"></P>

です。

太字の部分が反転と角度を決める部分です。

mirror＝左右の反転　

mirror=1：反転する　、=0：反転しない

rotation＝ 回転の角度　（　９０度単位　）

rotation=0：回転しない　、＝1：90度、＝2：180度　、＝3：270度

ということで、

今回は反転せずに９０度回転させたいので、

<P style="width:200px;height:200px;filter:progid:DXImageTransform.Microsoft.BasicImage(mirror=0,rotation=1);"></P>

で行きます。

<P style="width:200px;height:200px;filter:progid:DXImageTransform.Microsoft.BasicImage(mirror=0,rotation=1);">●</P>

●の部分に画像のタグを入れれば

はい！！できました！！

ひでー顔ｗｗｗｗ

皆さんもチャレンジしてみてね～！！！

追記：2013/1/17
※注意※
Internet Explorer 5.5以上で表示可能タグでした。
それ以外のブラウザでは回転しません。現在、他ブラウザでも対応できるものがないか考え中です。

CSSについて調べてみた

どもども、

こんちわ★

最近は「そばにはまってます」

このまえ、




藍屋で食べたおそば。

勝手に抜粋してきたけど大丈夫か？？ｗ

さてさて、

最近アメブロを充実させようといろいろ調べてチャレンジしているところなんですが、

進化してますね～！！！ｗ

すげーや！

全然わかんねｗｗ

HTMLタグは、昔HPを作ってたとき（っていっても10年以上前）にいじっていたのでなんとなくわかりますが、

今はCSSってのがあるらしい。

CSS？W
何これ？？WW

アメブロで鮮やかなブログ見ることがあるが、

これはCSSを使ったものらしい。

ブログデザインをする仕事もあるぐらいで、
難解だけどできればいいなと思って調べてみた。

CSSとは、

Cascading Style Sheets（CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート）のこと

HTMLや XMLの要素をどのように修飾（表示）するかを指示するW3C による仕様の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。 CSSはHTMLで表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備える。また、以下のような特徴を持つ。

だそうです。

どんな書き方（CSSのの構造）がされるかというと、

例：

p#id { color : #ff3300 }

"{" から "}" までの部分を宣言ブロックという

"p#id" をセレクタ（選択子）といい、スタイルが適用される対象をしめす

宣言ブロックとセレクタを合わせて規則集合という

"color : #ff3300" 部分を宣言という

宣言の内、":" より前（上例では "color"）をプロパティ（特性）という

宣言の内、":" より後（上例では "#ff3300"）を値という

こういう構造らしい。。。

宣言は、「プロパティ:値」か、「空（何も記述しない）」のどちらかで構成され、プロパティ、":"、値の前後には空白文字（スペース、タブ、改行など）を自由に入れられ、また";"で区切ることにより宣言を並べて書くことができる。

上例は HTML 文書に適用する場合、

「id という ID を持った p 要素の文字色を赤FF(=255)、緑33(=51)、青0にせよ」という指定を意味する。

とここまでは、WIKIのコピー。

ふむふむ、

たとえば、

p#idは、カスタマイズする対象のことね。

アメブロだとskin～って感じのところだね。

「skinHeaderArea」だとブログのヘッダーのデザイン（画像）

「.skinBody」だとブログの背景（画像）についてなんだね～。

んで、{ }の中(宣言)であるわけで、

ここをカスタマイズすればいい（やりたいようにやれる）みたい。

「font-size:●●em(px)」といれれば●●を変えて文字の大きさ。

emやpxの単位で数字を入れて表現すればOK。

「color: red 」とすれば、色は赤になる。

green　

purple　

pink　

orange　でもいいし、

#000000

#00aa00

#ｆｆ0000みたいなのでもOK。

ふむふむ。

わかってきた・・・・気がする。

背景変えてみたよ★

どお？リニューアル感でたでしょ！！

PCから見ないと反映されないかもしれないけど・・・

みんなもやってみよう★