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

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 48 | 49 | 50 | 51 | 52 | 最初次のページへ >>

・・・　あまりオススメできないかも？

安田成美さんがでているがミツカンのすし酢のＣＭってご存知ですか？

やるじゃん！すし酢　じゃことかいわれのプチどんぶり篇

前からチョット気になっていて・・

今回・・・　ジャコはないけど・・あるじゃん！カニ缶！

って～ことで　チャレンジです

コレだけのためにすし酢は買えませんし・・もちろんありません

で・・ネットチェック！　お酢6に　砂糖が4～3　塩が2～1・・

～が付いているのは人によって割合が違うので・・こんな感じかなって～ぇことで

とはいっても・・　わたしは量らないで大抵は適当なんですけどね

まずは・・お酢

これは以前に見たNHKのためしてガッテン　・・・

お酢の中に出汁昆布を入れて30分・・

（このお酢を使って作る酢の物が・・・おいしいのよ・・おすすめ！）

酢の物～昆布酢を使えば、だしとり加熱不要！～ : ためしてガッテン - NHK

できたお酢に砂糖を適当に入れて・・塩も適当に入れて・・味見？

だいたいが・・すし酢なんてはじめて作るから味見をしてもわかりません？

ＣＭだと・・ドンブリご飯にかけて混ぜればいい・・

まずは・・見かけが大事だからサニーレタスを茶碗に・・

そこへすし酢を混ぜたごはんをいれて

かいわれ・・・マヨネーズ・・・

主役のカニ缶！登場！

なんか・・思っていたかに缶と違う？

すごい細かい・・？

もう少しかにの身がわかると思っていました

なんか・・溶けちゃっているの？って思わず缶の食味期限を確認（まだ来年まで大丈夫でした）

かに缶って・・こんなんなの？

とりあえずは・・完成！

あまったかにの身とお汁＋水+乾燥の味噌汁の具　で・・

味噌汁も完成！

ご飯の方は・・・　ＣＭ通りじゃことかいわれの方がいいと思います

味噌汁は・・チョット生臭くて・・七味たっぷりでのみましたが・・

匂いさえ気にしなければおいしいかも？

・・・・ただ

匂いに関しては・・

わたしの感覚がおかしいので当てにしないで下さい

とんこつの匂いがダメ！（とんこつのラーメン屋さんの前は通りたくありません）

最近・・スーパーの鮮魚コーナーも匂いがダメで息を止めて通りすぎます

肉よりお魚大好きなんですが・・・なぜなんでしょ？

いかんせん・・材料がすきなすぎた？

ということで・・・わたしがいままでに作った物の中で・・

一番・・オススメできない結果になってしまいました

酢飯にマヨネーズだけかけて食べた方がおいしかったり・・？

記事を書いている　　いま・・　おなかがゴロゴロしてる？

カニ缶・・・　あと1缶あるんだけど・・・

カニ缶と目が合ってしまった・・

お腹がすいた・・・・

寒いから買い物には出たくない・・

家にはろくな物がない・・・

で・・・　目に付いたのがカニ缶？

ず～っと前にもらったのですが食べないで・・

というよりどうやって食べていいかわからずに

そのままになっていたカニ缶と目が合ってしまった？

たぶん・・カニ缶なんて食べた記憶がない・・

でも・・缶の中に紙が入っていたような・・

食べたことあるのか？

テレビで見ただけなのか？

自分でもよくわかりませんが・・・

目が合ってしまった以上・・何とかしなければ・・

ご飯大好き人間としては・・

ご飯はいつも炊いてある

冷蔵庫の中には・・

かいわれ

サニーレタス

・・・・だけ (T_T)

かに雑炊・・おじや？・・・・

どんな物が出来るのか？

デジカメの電池を充電している間にネットでレシピを調べなきゃ・・

おいしかったら記事にします

このあと・・記事がアップされなかったら・・

まずかったんだ・・・って思ってください

JavaScript メチャクチャ・・遊んじゃおう？

最初はこんなにいじるつもりは無かったんですが・・・

調子に乗っちゃったのと・・リクもあったんで・・・

JavaScript　記事下foot　遊んでみよう・・？

JavaScript　コメント　遊んでみよう・・？

JavaScript サイドバーの見出しタイトル遊んでみよう・・？

ときて・・　遊んでみよう・・？シリーズ（？）　第4弾最後です

今回は最後なのであっちこっちやっています

好きなところを変更してください

ただ・・文字数を使いますのでフリープラグインの3800文字制限に引っかかる場合も・・

現在のフリープラグインはメモ帳とかにコピペして保存してから行ってください

見本のブログ　http://ameblo.jp/ex007/

フリープラグインに・・・

この中に下を参考に変更したい部分を入れます

});
//-->
</script>

※変更しない部分は入れないで下さい

↓全部入れたときの見本・・

$('#favorite li').each(function(){
$(this).html($(this).html().replace(/更新！/g, "<img src='http://stat.ameba.jp/user_images/20101031/13/exlink/fb/3e/g/o0030000910831609321.gif'>"));/*20*/
});　↑20は最初の方に入れてください

↓あとは順番は関係ないと思います・・動かなかったら順番を変えてみてください
$(".profLink a:nth-child(1)").html("blog");/*7-プロフィールブログ*/
$(".profLink a:nth-child(2)").html("now");/*8-プロフィールなう*/
$(".profLink a:nth-child(3)").html("pigg");/*9-プロフィールピグの部屋*/

$(".nickname").html( $(".nickname").html().replace( /ニックネーム：/g , "name：" ));/*10*/
$(".sex").html( $(".sex").html().replace( /性別：/g , "sex：" ));/*11*/
$(".birthDay").html( $(".birthDay").html().replace( /誕生日：/g , "birthday：" ));/*13*/
$(".bloodType").html( $(".bloodType").html().replace( /血液型：/g , "blood type：" ));/*14*/
$(".hometown").html( $(".hometown").html().replace( /出身地：/g , "hometown：" ));/*15*/
$(".genre").html( $(".genre").html().replace( /ブログジャンル：/g , "genre：" ));/*16*/

$(".menuMsg a").html("Message");/*17-メッセージを送る*/
$(".menuAmember a").html("Amember");/*18-アメンバーになる*/
$(".menuPresent a").html("Present");/*19-プレゼントを贈る*/

$(".list a").html("list");/*21-一覧を見る*/

$(".theme").each(function(){
$(this).html( $("this").html().replace( /テーマ/ig , "theme" ));/*6-テーマ*/
});

$(".readerMainLink a").html("読者になって～お・ね・が・い");/*1-このブログの読者になる（チェック）*/

$(".topPaging .previousPage").html("← previous");/*2-ページナビ前ページ*/
$(".topPaging .firstPage").html("first");/*3-ページナビ最新*/
$(".topPaging .lastPage").html("last");/*4-ページナビ最初*/
$(".topPaging .nextPage").html("next →");/*5-ページナビ次ページ*/

$("#reader dd").html("更新したのがわかるよ～");/*22-このブログの更新情報が届きます*/
$("#reader .contents").html( $("#reader .contents").html().replace(/読者数/g, "信者数★"));/*23*/

});

//-->
</script>

↑これで1900文字近くあります・・

フリープラグインには3800文字の制限がありますから注意ください・・・

ブログの過去記事に対処方法がありますが・・

$(".theme").each(function(){
$(this).html( $("this").html().replace( /テーマ/ig , "theme" ));/*6-テーマ*/
});

< とか　> とかはタグになってしまいますので書く場合は特殊文字として文字表記します
詳しくはyahooとかgoogleで「HTML特殊文字」とかで検索下さい
たとえば・・・

次ページ >>　こうやりたい場合は

↓ は空白　>は>

次ページ >>　・・このように書きます
<< Previous　でしたら　<< Previous このように画面表示されます
NEXT >> でしたら　NEXT >> こう画面表示されます

参考　：　　<< Previous latest| 1 | 2 | 3 |oldest Next >>

　　　　　　　　　　　　　　　　　　　　　　あっ・・・　12をとばしちゃった・・・↓

$(".profLink a:nth-child(1)").html("blog");/*7-プロフィールブログ*/
$(".profLink a:nth-child(2)").html("now");/*8-プロフィールなう*/
$(".profLink a:nth-child(3)").html("pigg");/*9-プロフィールピグの部屋*/

$(".nickname").html( $(".nickname").html().replace( /ニックネーム：/g , "name：" ));/*10*/
$(".sex").html( $(".sex").html().replace( /性別：/g , "sex：" ));/*11*/
$(".birthDay").html( $(".birthDay").html().replace( /誕生日：/g , "birthday：" ));/*13*/
$(".bloodType").html( $(".bloodType").html().replace( /血液型：/g , "blood type：" ));/*14*/
$(".hometown").html( $(".hometown").html().replace( /出身地：/g , "hometown：" ));/*15*/
$(".genre").html( $(".genre").html().replace( /ブログジャンル：/g , "genre：" ));/*16*/

$(".menuMsg a").html("Message");/*17-メッセージを送る*/
$(".menuAmember a").html("Amember");/*18-アメンバーになる*/
$(".menuPresent a").html("Present");/*19-プレゼントを贈る*/

$('#favorite li').each(function(){
$(this).html($(this).html().replace(/更新！/g, "<img src='http://stat.ameba.jp/common_style/img/ameba/common/icons/new.gif'>"));/*20*/
});

NEW画像は縦9pxくらいで作ってください
なんか・・動き物が多すぎて・・うまく動いていないかもですが？

わたしが作ったのでお持ち帰りは自由にどうぞ・・

　　　　　　　　　　　

　　　　　　　　

　　　

↓アメブロで使っているNEW画像
new 　http://stat.ameba.jp/common_style/img/ameba/common/icons/new.gif

※画像を使う場合・・・

$(this).html($(this).html().replace(/更新！/g, "<img src='http://stat.ameba.jp/common_style/img/ameba/common/icons/new.gif'>"));/*20*/
「 " 」ダブルコーテーションの中ですから「 ' 」シングルコーテーションを使わないとエラーです

※べつに画像を使わなくても　<font color="#ff0000">あっぷ！</font>　文字でもOKです

※20は最初の方でないと動作しない可能性があります

$(".list a").html("list");/*21-一覧を見る*/

参考　：　more　とか　もっと見る