SaruNaNoDa!Life Log ! -7ページ目

SaruNaNoDa!Life Log !

Logbook of daily life

またまた届いてしまった。

{99857F8D-96B9-4961-85F3-FBAADBD482BD:01}

はい。今年初のAmazon(笑)

いやーもうパソコン向かってるとやばいね。
チラチラ欲しいものチェックしちゃうから、ついつい(ーー;)。。。
といっても、これは3ヶ月眺めてたし、値段下がったしAmazonポイント使って安くゲット!
で、その物はこちら!!

{75DA6C55-783B-4C03-BDBA-5825CE1C2FB3:01}

じゃじゃーん!

防水・防塵カラナビ付きのbluetoothスピーカー!

TDK『TREK Micro ワイヤレススピーカー』

(*^^*)うへへ。

欲しかった!

本当は2個欲しかったけど、1個で我慢w

{57CCBCE1-E13B-48F3-BAAC-5B67ED75A3F7:01}

2個あれば、モノラルからステレオのスピーカーになる!もちろんワイヤレスでベアリング!
{5F5623F8-3E61-45C4-AC5D-C50004D76242:01}

音も散々ネットでみてたレビュー通り。
低音がしっかりしてて、値段の割にはいい音!

いいー(≧▽≦)!!

ちなみに充電は、ミニUSB。
bluetoothで使おうと思ってるけど、ケーブルあれば、AUXの入力と出力ついてるからmp3全般オッケー!
{58DA86D2-C32A-4650-A5DE-BA5125446D36:01}

一回の充電で約6時間使えるらしい!

しかも重さも182gと軽し、ボートとかアウトドアに持って来やすい。
{C8FFE3DF-0B5E-41FD-957D-919C239764B1:01}

よっし!散々しないように、頑張って作業すんぞ(*^^*)



正月。ついつい散財(ーー;)
ってわけで、『DOWN PROOF』を買って来た!笑

寒いの嫌だけど分厚いコートもあんまし好きじゃない。つまり、ダウンジャケットが最高!
毎年ダウンジャケット愛用してるけど、
今年も新たな仲間をゲット。

軽くてスタッフバッグにも入ってめっちゃコンパクトになるけど、暖かい!
そして、袋から出した時の戻り率がいいスーパーダウン。

▼MARMOTの900 premium down jacket
{3728481B-3CEB-45F1-9F70-71EC79FFDEDA:01}

写真だと分かりにくいけど、ダークなネービーに赤でロゴ入り!

▼横から見ると結構厚さがある(^o^)
{C43B9460-C881-454C-A41D-BBE4833F3D57:01}

本題の『DOWN PROOF』とは、
このダウンを防水にしよー!
という秘密兵器(^艸^)うしし

▼こちら!
{B74C97C8-602F-460C-9B2B-D3A4C232EB61:01}
こいつに漬け置きしておくと、羽毛を強力撥水に加工してくれるらしい!
凄いね!
ダウンの弱点、水をちょっと克服できちゃうわけ(^_^)♪

ではでは、さっそく試そう!

▼大きなオケとかタライに温水とダウンを入れる
{11B55EE8-223C-4C88-B9B7-45D10EC83B53:01}

▼ダウンプルーフを投入!
{DA82E6EC-ED8D-4773-97C1-77CDDFD62C60:01}
1着につき、150mlが目安らしいけど、このボトルはトータル300ml。つまり、一本で2着まで可能ってわけだ(^_^;)…うーん。1500円くらいだから、
1着加工するのに750円くらい。高いのー。

ちなみにキャップ1杯が50mlだから3杯いれました。

▼よく混ぜて…
{D8EF6310-0CAC-42FD-9C3F-5D8251A96A55:01}
この液体は、ワックスみたいな感じ。
手で触ってたら、ワックス的なベタベタ感がした。

時々まぜながら、30分浸す。

そのあとは、
▼冷たい水で水が濁らなくなるまですすぐ。
{2B780257-8EE5-4424-993B-4B364BF66187:01}
▼じゃぶじゃぶ
{F63C06CD-8CDF-4BCE-B5D0-2038A382B1B2:01}


▼干す!
{A88D77E4-E318-45DF-8A9C-15C88A6500A5:01}

いくらしぼっても、めちゃ垂れてくるから風呂場か外で干すべし!

さてどうかな(^ー^)

アメブロ、簡単なカスタマイズ方法~

アメブロは、ちょっと編集したり、自分でカスタマイズが簡単にできるから面白い。
そんなカスタマイズ方法を簡単にご紹介!

▼『CSS』って!?
まず「CSS」とは、
Cascading Style Sheets、カスケーディング・スタイル・シート
の略。一般的には、「スタイルシート」って呼ばれているやつです。

これは、『HTML』という言語と組み合わせて使います。
イメージでいうと、
「HTML」が家の土台とか柱、骨組みで、
「CSS」 が壁紙とか装飾を担当。

つまり、アメブロでは大枠になる「HTML」は決まっているので、
ブロブページのトップの画像とか色とかの「CSS」が編集できるわけです。

ちなみに、ブログの記事を書いたりしているのもHTML。
HTMLのタグ(書き方)を覚えるとブログを書く時にも役立つかも!

※ここで編集できるものは、「CSS編集用デザイン」or「ベイシック
などの限られたもの。

※今回は「ベイシック」verで解説します。




▼まずはトップの画像!
トップの位置をここでいれます。

※画像サイズは、横980ピクセル×横300ピクセルに合わせて作るとちょうどいい。

どんなサイズでもオッケーといえば、オッケーですが合わせた方がキレイ!



▼いざCSS編集へ…の前に!
画像を入れたら、その下にある・・・
「現在使用中のブログデザインCSS」の項目へ!



画面の下部に「編集前の状態に戻す」ってところがあるので書き間違えちゃり、
あれぇーΣ(×△×;)…ってなったら、押せば戻る。

けど、保存してから、やっぱり戻したい(>_<)ってなったときは戻らないから、
別のタブかウィンドウで編集前のページを残しておけばいつでも戻れる。
もしくは、このCSSをメモ帳とかにコピーしておくとか残して置く事をオススメします!


▼いざ編集へー!
さてさて、CSSの中身をみてみると…。

『/*============ かんたんスキンカスタマイズはこちら ==============*/』


が出てきます。

ここでは、メインに編集したい部分がピックアップされていて、
ここの中のものを書き換えれば、簡単にブログのトップ画のとこを変えたり、全体の文字の色を変えたり、背景を変えたりできます!


まず、
/*」と「*/」でかこまれているところは、実際のページには影響出ない、この間はCSSの効力は無効になってます。
つまり、ここはメモだったり、解説が書いてあるわけです!

ここに注目すると分かりやすいかも^^)b

では、ここからが解説本番です!
日本語で解説が書いてあるから、
どこの部分をそのCSSのソースが表しているかは分かると思います。

でもどうやって書けばいいの・・・?
というのが、次にくる問題。

◆まずは基本ルール!
#○○{××:----; }
 ※これが分かりやすい様に途中で改行されています。

○はどこの場所が指定
{ }の中がルール付け。
××は文字サイズとか色とか編集したい事
----は文字サイズとか色とかの具体的な数値
:は、×と----の間にある仕切り目。
;は、終わりましたよーの合図。


◆文字のサイズを変える!
「font-size: 3.0em; 」
文字のサイズの単位が「em」。他には「px」があるけど、
ホームページを作る上では、「em」が推奨されてる事が多い。
この辺は、調べるより、数を変えていっぱい試して見ると文字サイズをつかんでいけると思います!

◆色を変える!
color:#333333; 」
今度は色。色はカラーコードという色に番号(コード)が決まっていて、そのコードを書く事でそこの色を決められる。

いろいろなカラーコードがあるけど、多くは「16進数」というのが採用されている。
6桁の数字とアルファベットの組み合わせで表現する。
たとえば、黒なら#000000/白なら#111111/緑#008000/赤#FF0000
ってな風に!
けど、これは覚えなくても、コード表見ながら選べばよし!
…並びの基準が分かると覚えなくてもだいたい分かる様になるので^^

http://www.netyasun.com/home/color.html

◆画像を入れる!
background-image:url();
つぎは、画像。このソースの()の中に貼りたい画像のURLを入れればOK!
えっ?画像のURLってなったら、ブログ書くときみたいにまず画像をアップして、そのURLをコピーすれば解決!

◆ブログの説明文を消したい!
「display:none;」
を追記する!

/*3)ブログ説明の文字サイズを変更する*/
#header h2{
display: none;
}

◆ブログのトップ画像をクリックするとトップページに戻りたい!
CSSの一番下に以下のコードをコピペ!

/* ヘッダー画像をブログトップへのリンクにする */

.skinHeaderArea2,.skinBlogHeadingGroupArea{
  padding:0;}
#header h1,.skinTitleArea{
display:block; 
padding:0;
 
text-indent:-9999px;
}

#header h1 a,.skinTitle{
display:block;
height:300px;
}


▼もっと細かい箇所の編集は!?

その「☆かんたんカスタマイズ」の下には、


/*============ その他のスキンカスタマイズはこちら ==============*/

という箇所があり、

ここから先は、目次でどんな内容がでてくるか表記があって、CSSのコード。ここから先も 
#○○{××:----; } のルールは同じ。なのでそのコードの意味が分かれば編集可能!!

どうでしょう(^ー^)?なんとなくでも分かってもらえば嬉しいです!


はぁ(>_<)~

まただよ!

photo:01



しばし入院になった相棒。

とりあえず元気に帰っておいで!


iPhoneからの投稿