CSS ルームのメニュ1 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS ルームのメニュ1

先週末からまた変です?
両方の耳が痛いし・・
歯も痛いし・・
頭も痛いし・・
口内炎になっちゃったし・・・
おまけにうっかり辛いカップめん買っちゃったものだから・・
口の中・・すごいことになっています


昨日・・病院行ったら「本日終了」の看板・・
今日はちゃんと病院へ行ってきました

あなたは自分で(薬を)塗らない方がいいから薬は出しません
1日おきに通ってって言われちゃいました・・
自分でやると薬を塗っているのだか・・患部を痛めつけているのだか・・
気持ちがいいからついゴシゴシちゃっちゃうんです・・




今・・ 両耳とも痛みと猛烈なかゆみに襲われています・・

さわらない!さわらない!って自分に言い聞かせると・・

歯まで痛くなってきて・・ペンチで歯を全部抜いちゃいたいってくらいイライラしています








ルームに出来ちゃった「ピグの部屋」のせいでおかしくなっちゃっているとこ・・
遅くなってすみません

画像を使ったメニュにしちゃいます


↓完成はこんな感じです・・



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!







こんな調子だからまだ記事に出来ません


取り合えずは画像を作ってお待ち下さい
まずは ↓こんな画像を作ってください

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


※ 3枚並べたときの横幅が800pxを越えないようにして下さい


現在ルームにはリンクされているのが ブログ | なう | ピグの部屋 になっていますが・・


気にしなくてかまいません?

そのリンク部分は使いませんのですきなメニュボタンを作っちゃってください

「読者」「メッセージ」「ペタ」などなど・・・


上で3枚並べたときにって注意を書いていますが・・

4枚でも5枚でも何枚でもかまいません

逆に1枚2枚でも大丈夫です


全部を横に並べたときに800pxを超えなければ大丈夫です

全部並べたら700pxでもOKだし・・横幅200pxの画像1枚しか使わなくてもOKです



CSS ルームのカスタマイズ2  で・・

1段にして幅を狭くしている場合はその幅に合わせたほうがピッタシになります

(画像1枚で合わせるのか・・画像2枚使って合わせるのか自由です・・)


また・・全部の横の幅を統一する必要もありません

上の3枚の画像でしたらブログは横幅300pxで他の2枚は横幅250pxです


実際は800px超えても何とかなるのですが・・・



「ブログボタン」これはルームからブログに移動するために絶対必要なボタンです

それ以外は何でもかまいません

「なう」「ピグの部屋」「読者になる」「メッセージ」「アメンバーになる」や

「Twitter」「ランキングボタン」なんかでもいいかもね



あ~・・・メチャクチャ痛いです・・


すみませんが・・週末には記事にしますので画像を用意してお待ち下さい




もし・・素材配布されている方で「これ使ってもいいよ~」ってボタン作られた方はメッセージ下さい

記事でリンクを貼って紹介させていただきます

横幅200pxでいろんなボタンを作ってその中から4枚好きに選んで使ってもらうとか・・



イメージできないようでしたら明日にでも実際に動作するルームを用意します

http://profile.ameba.jp/ab-test/




て~・・・ことでメッセージ・・まったく読めていません m(_ _)m すみません

配布用ボタンできたよ~ってメッセージは「ボタン

カラム落ちとかでブログの表示がおかしくなっちゃった方は「緊急」で

メッセージのタイトルをつけて送ってください

それ以外は現在読むことが出来ません・・・





睡眠薬でもないと眠ること出来ないかも・・今度病院に行ったら処方してもらおう・・

ベッドの中で枕抱えてジタバタしてみます・・・




結局寝られなくて・・見本のルームを作っていました

http://profile.ameba.jp/ab-test/   ←参考にしてください


↓横幅133pxのボタンで6個選択 133px×6=798px


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
↑透過していませんので背景が白のとき使ってください



設置方法は↓

CSS ルームのメニュ2