忘年会に新年会。お酒を飲む機会が増えてきました。

といっても毎晩飲んでる自分は、毎日が忘年新年会ですが・・・

「お酒を飲むなら適量で。」という言葉を聞いたことをあると思いますが、

適量の決め手は、

血中アルコール濃度

だそうです。

体内に入ったアルコールは約20％が胃で分解。

残りの80％が小腸で吸収され、血流に乗って全身を巡る途中、肝臓で分解される。

ですが、肝臓でのアルコール分解にも上限がありそれを超えると処理できず血液中に残り再び体内を循環します。

ちなみに、肝臓では体重1キロにつき100ml程度を1時間かけて分解します。

血液中にアルコールが残っている程度で酔いの状態が異なってきます。

アルコールの血中濃度0.1％＝ほろ酔い状態

それを超えると吐き気をもよおしたりと酩酊状態に陥ってしまう。

【結　論】

お酒の「適量」とは血中濃度が0.1％までに抑えられる量のことです。

では、血中アルコール濃度0.1％とは・・・

お酒の単位でみると、1日に酒2単位までなら大丈夫

ちなみに2単位とは

ビール　2本　　（633ml*2本）

ワイン　2/3本　（480ml）

日本酒　2合　　（360ml）

ウイスキー　　　シングル4杯

ウイスキー　　　タブル2杯

焼酎お湯割り1.2合　　（220ml）

■ビールなら633mlの瓶なら2本までなら

■ビール633ml（1本）とワイン240ml（1/3本）ともに酒単位1単位同士で

　足して酒単位2になるので

さらにカスタマイズすると・・・

肝臓のアルコール分解能力は体重によって変わってきます。

体重が重いほどアルコール分解能力が高く、逆に女性などのように体が小さい場合には「酒2単位」よりも適量が少なめということになります。

適正飲酒量（ml）＝

（血中アルコール濃度（0.1％）＊833（指数）＊体重kg）÷アルコール度数

【アルコール度数参考】

　日本酒　15～16％

　ワイン　11～13％

　ビール　4.5～6％

　ウイスキー　37～43％

　ブランデー　37～40％

　焼酎　20～25％

計算式に当てはめると・・・

ワインで計算した場合　体重は74キロ

　　（0.1＊833＊74）÷12≒514　　ワイン514mlまでなら適量

焼酎で計算した場合　体重は74キロ

　　（0.1＊833＊74）÷22≒280　　焼酎は280mlまでなら適量

ビールで計算した場合　体重は74キロ

　　（0.1＊833＊74）÷5≒1233　　ビールは1233mlまでなら適量

ウイスキーで計算した場合　体重は74キロ

　　（0.1＊833＊74）÷40≒154　　ウイスキーは154mlまでなら適量

こうやって計算してみると最近やっぱ飲みすぎだなーと反省

みなさんも参考までやってみてください。

今回は、赤で囲った部分、グローバルメニューーの設置方法の紹介です

【1】まず、フリースペースの編集で、以下のようなコードをフリースペースに追加します。

<div id="headerMenu"><!--
--><ul class="menu"><!--
--><li><a href="①" target="_blank">メニュー１</a></li><!--
--><li><a href="②" target="_blank">メニュー２</a></li><!--
--><li><a href="③" target="_blank">メニュー３</a></li><!--
--><li><a href="④" target="_blank">メニュー４</a></li><!--
--><li><a href="⑤" target="_blank">メニュー５</a></li><!--

--></ul><!--

--></div>

ピンクの文字で書いてある部分の各行が、それぞれ一つのメニューボタンのタグになります。

『①～⑤』の文字の所に、ボタンクリック時にジャンプするページのURLを(数字を消して)

『メニュー１』～『メニュー５』には、そのボタンに表示する文字列を書いて下さい。

■たとえば・・・

メニュー１　＝　トップページ
メニュー２　＝　プロフィール
メニュー３　＝　なう
メニュー４　＝　読者登録
メニュー５　＝　メッセージ

上記コードはボタンが5つの場合の設定ですが、ボタン数は自由に変更できますので、必要なだけ増減してください。

なお、このコードを保存した時点で、フリースペースに縦並びの文字メニューが表示されます。

【2】お次にCSS編集を行います。

以下のようなコードをユーザーCSSの最後に追加します。

-----------------------------------------------------------------

/* ヘッダー下にグローバルナビ(グローバルメニュー)を設置する */
/* ▼▼▼ 変更しない */
#wrap,.skinContentsArea{
position:relative;
}
#headerMenu{
position:absolute;
margin:0;
padding:0;
}
#headerMenu ul.menu{
margin:0;
padding:0;
list-style: none;
}
#headerMenu ul.menu li{
display:inline;
}
#headerMenu ul.menu li a{
display:block;
float:left;
margin:0;
padding:0;
white-space:nowrap;
overflow:hidden;
text-align:center;
}
/* ▲▲▲ 変更しない */
/* ▼▼▼ 位置・サイズ調整 */
#wrap,.skinContentsArea{
padding-top:48px; /* メニュー設置用スペース */
}
#headerMenu{
top:0px; /* 上下位置調整 */
left:0px; /* 左右位置調整 */
width:980px; /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
width:196px; /* ボタンの幅 */
line-height:40px; /* ボタンの高さ */
font-size:13px; /* ボタンの文字サイズ */
}
/*▲▲▲ 位置・サイズ調整 */
/*▼▼▼ 色・文字装飾・背景など */
#headerMenu ul.menu li a{ /* 通常時 */
color:#0000ff; /* 文字色(青) */
font-weight:normal; /* 太字(なし) */
text-decoration:none; /* 下線(なし) */
background-color:#f5f5f5; /* 背景色(スモークホワイト) */
background-image:url(); /* 背景画像 */
background-repeat:repeat; /* 背景画像繰り返し */
}
#headerMenu ul.menu li a:hover{ /* カーソルが乗った時 */
color:#ff1493; /* 文字色(ピンク) */
font-weight:normal; /* 太字(なし) */
text-decoration:underline; /* 下線(あり) */
background-color:#f5f5f5; /* 背景色(スモークホワイト) */
background-image:url(); /* 背景画像 */
background-repeat:repeat; /* 背景画像繰り返し */
}
/*▲▲▲ 色・文字装飾・背景など */

-------------------------------------------------------------------

このコードは、横幅980ピクセルのブログに5つボタンのグローバルナビを設置する場合のコードです。

ですので横幅は980にしています。

（旧カスタムの方は、800になります。）

グローバルナビのボタンの大きさは、5つボタンを設置するので

横幅980÷5つボタン＝196

なので、ひとつのボタン幅は196になります。

ちなみに、4つのときは225。6つの時は、163.33…で端数が出ます。

あとは、太字のところをカスタマイズしてください。

・ボタンの高さ

・ボタンの文字のサイズ

・ボタンの背景色

・ボタンの文字の色

ここまでできれば、ヘッダー下にグローバルナビが表示されます

みなさんもチャレンジしてみてくださいね。

［参考にしたサイト］

■カスタマイズと復興支援で頑張るたっくんのブログ

■アメブロカスタマイズで成功するブログをつくろう

■アメブロのメモ帳

フリースペース編集のところに非表示するタグをつけてみました。

一瞬表示されますが、すぐに非表示になります。

こちらを参考にしました。

■About4U Blog

でもはっきりいって全部が全部消えません。

フリースペースに

<style>.headerBnrArea {padding:0 !important;display:none !important;}.subAdBannerArea{display:none !important;}.registArea{display:none !important;}li#barAd {visibility: hidden !important;}</style>

を貼り付けだけで効果あり

ヘッダ上の広告とサイドの広告が一瞬表示されますがすぐに非表示なります。

でも、いろいろなカスタマイズのことが書かれているサイトを見ると、こういう裏ワザはすぐに使えなくなくなると書かれていました。

やはり月々９８０円払うのが一番良いみたいです。

ヘッダを変更して＆ヘッダ画像をクリックするとトップページへリンクして＆タイトル文と説明文を非表示にする方法を紹介します

（新CSSでのやり方です。CSS編集ができるスキンでのみできます）

■CSS編集については、見られるブログの作り方　AMEBLO　TUTORIAL　 の記事を参考にしました。

１．まず、ヘッダで利用する画像を準備します。

２．このブログの場合、最初の画像が大きかったのでヘッダ画像を縮小しました。

縮小に使ったのは、「リサイズ超簡単！Pro 」というフリーソフト使いました。

縮小の際に気を付けたのは、アメブロのヘッダー画像は、幅が９８０ピクセルなのでその数値を指定して縮小しました。

このソフトなかなか使い勝手がよくアメブロに画像を載せる時なんかに画像を縮小するために毎回のように使っています。

ただ、縦長の画像の特に写真の場合、カメラを縦にして撮った写真は、横長に縮小されてしますので、縮小する際は、写真を横長にしてブログにアップするときに回転させて使っています。

［リサイズ超簡単！Pro］

①左の一番大きな赤枠のところへ画像ドラッグ。

②右上の赤枠のところ（横サイズ優先）というところを９８０と打ち込みます。

　縦のサイズは、自動で調整されます。

③右真ん中赤枠のところでサイズを指定できます。

　ヘッダー画像は、１Mまでなのでそれ以下に指定します。

④あとは、（変換開始）を押すと縮小されます。

３．ペイントでちょっとトリミング

そのまま画像を使っても良いですが、縦のサイズが大きい（長い）ので、横幅はそのままで縦を４２０ピクセルまで切り取りました。

切り取りのソフトはどのパソコンにも入っている「ペイント」です。

○印のポイントをちょっと上に移動。

または、いいところを切ってしまってもアリですよ。

で、こんな画像ができました。

４．画像に直接ブログタイトルを挿入

「PictBear 」というフリーソフトを使いました。

ダウンロードついでにブラシセット も一緒にダウンロードすると幅が広がりますよ。

①［ファイル］-［新規作成］をクリック

②新規ウインドウで画像サイズを指定してOKを押す。

　このブログの場合は、幅９８０ピクセル。高さ（縦）４２０ピクセルに指定。

③キャンバスが開きますので［ファイル］-[開く]からヘッダ用の画像を出して、その画像を②で出したキャンバスにコピーして貼り付け。

５．ブログタイトルを入れる。

①右側のパレットの赤枠のところをクリックする色の設定ができる。

②新規レイヤーをクリック。右側の下の赤丸のところ

③描画ツールバーの[文字列]　（Aの文字）を選択。

④文字ウインドウが表示されるので文字を入力できます。

⑤このブログタイトルは、一文字ずつレイヤーを作成しました。そうすることであとで紹介しますが、文字が一文字ずつ動かすことができます。

①文字は、自分が文字を入れたいところで入力。

②文字を動かしたいときは、文字のレイヤーを指定していることを確認して、[描画ツールバー]－[移動]（左の赤○）を選択して、文字を移動させます。

文字を入力。動かす。この作業を繰り返します。

①完成して保存するときは、レイヤーを統合します。

[イメージの統合]（右側赤○）をクリック。

あとは、[ファイル]-[名前をつけて保存]。ファイルの種類は、Jpegファイルでよいと思います。

６．アメブロのヘッダ画像を取り込む

ブログ管理画面から[ブログデザイン]-[デザイン変更]-[CSS編集]

ブログデザインヘッダ・背景用画像の追加から作ったヘッダ画像をアップロードしてください。

そうすると画像がアップロードされ画像のパスが表示されます。

このパスは、後で使います。

画像がアップロードされたらCSS編集の[/* (3-2) ブログヘッダー]をみつけます。

で、以下のピンク色のCSSをコピーして貼り付けます。

コピーする前に黒文字のところは、自分の設定ですので直してください。

なお、このブログは、グローバルメニューを入れる計画なので最初の画像を入れる高さを４２０ではなく、４２２にしています。（ちょっとヘッダとの隙間を作りたくて・・・）

■画像URL：ヘッダ画像をアップロードした際のパス

■黒の数字：画像の幅と高さ。(自分のアップロードした画像のもの）

*********************************************************

/* (3-2) ブログヘッダー
--------------------------------------------*/

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{background:url(画像URL)left top no-repeat;
height: 422px!important;/*高さ*/
}
h1.skinTitleArea,h2.skinDescriptionArea{
margin:0;
padding:0;
}
h1.skinTitleArea a{
width:980px;/*画像の横の幅*/
height:420px;/*画像の高さ*/
display:block;
position:absolute;
text-indent:-9999px;
}
h2.skinDescriptionArea{
display:none;
}}/* ←ブログヘッダーに背景画像を敷きたいとき */

**********************************************************

で、後は保存してできあがりです

このCSSで、ブログタイトルや説明文が非表示になって、おまけにヘッダー画像をクリックすると、トップページへのリンクになってますみなさんも、いろいろカスタマイズしてすてきなブログを作ってくださいね

[参考にしたサイト]

■見られるブログの作り方　AMEBLO　TUTORIAL

■アメブロデザイン、カスタマイズ-アメデコ

■やさしいブログの作り方

アメブロのカスタマイズに挑戦しているところです

いろいろネットなどでリサーチしているのですが、情報が多すぎてどれがいいのか・・・

やっぱりっここは、１冊本でも購入してそこから始めた方がいいなと思い、本屋に向かったのですが、やはり田舎の本屋。

そんな類の本が置いていない

Amazonなんかには、アメブロのカスタマイズの仕方みたいな本があったのに

みなさんにかっこいいブログをお見せするのはいつになることやら