今日の敗戦

なんでも広く浅く手を出しすぎていつも負けてる主婦日記

【はてブ】スマホでも見れるカスタマイズ【メモ】

最近ようやくはてブが理解できてきた私です。

今回は記事を書いてる上でだんだんできるようになっていったカスタマイズを

自分用としてメモしておきます。

見出しカスタマイズ

 ☟こちらは前回の記事の見出しです

f:id:villain315:20190822214827p:plain

 これはPCから見た表示ですが、スマホからは太文字になるだけで

吹き出し型見出しになることはありません。

これらを表示させる方法はこちら

  1. デザインスマホ記事上下のカスタマイズ「PCと同じHTMLを表示する」にチェックを入れる

    f:id:villain315:20190822215150p:plain

  2. デザインカスタマイズ記事記事上下のカスタマイズ「記事上(もしくは下)」に入れたいスタイルシートを入力する※デザインCSSに入れるCSSの上下に必ず<style></style>を入れること

    f:id:villain315:20190822215638p:plain

  3. 以上でちゃんとスマホでも見出しのCSSが表示されます

 万一表示が崩れたなどの症状が出た場合は(私の場合PC表示のようなサイズになり文字がセンター寄せになっていた/タイトルのあたりにCSSが表示された)余計なCSSを削除することをお勧めします。(<style>はお忘れなく!)

このブログでは現在デザインCSS部分に見出しとボックスCSSを入力しているのですが、記事上に見出しのCSSのみにしたら無事直りました。

 

参考にさせていただいたサイト様はこちら☟

dondontyakutyaku.hatenablog.com

 ちなみに他サイトでよく書かれている「レスポンシブデザイン」にチェックを入れるだけの方法は、PCの見た目になるのですがスマホで見ると上部に広告が入って見た目が崩れることがあるので注意です。

見出しを装飾する

 表示のさせ方がわかったところでその見出しの作り方です。

  1. 使いたい見出しのCSSをコピー
  2. デザインカスタマイズデザインCSSに1をペースト

    f:id:villain315:20190823083739p:plain

  3. 変更を保存する

 これで完了です( `ー´)ノ

見出しにしたい文字を範囲指定して編集画面左上の「見出し」から設定した見出しを選ぶだけで冒頭のような見出しに変わっちゃいます。

 こんなに簡単にとっても見やすくなりますね!

CSSのソースは各所とっても素敵なデザインを配布しているサイト様がたくさんありますので是非そちらを参照してください。

このブログで参考にさせていただいたのはこちら様☟

saruwakakun.com

そしてここで使用しているソースはこちらです。

h4 {
position: relative;
padding: 0.6em;
background: -webkit-repeating-linear-gradient(-45deg, #f0ebeb, #f0ebeb 4px,#e2dede 3px, #e2dede 8px);
background: repeating-linear-gradient(-45deg, #f0ebeb, #f0ebeb 4px,#e2dede 3px, #e2dede 8px);
border-radius: 7px;
}

h4:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #f0ebeb;
width: 0;
height: 0;
}

はてなブログでは各見出しをこのように設定してあります。

 なので上記ソースの"h4"部分はお好きな見出しに設定してください。

見出しについて詳しく説明されてるサイト様はこちら☟

dearbrother.hatenablog.com

 ボックスを多用する

 ボックス(囲み枠)とはこういった

四角で囲んだ枠のことです

 この記事の上部でも多用してますね。

文字を装飾して見やすくする他に強調させられる作用の一つです。

使い方は

  1. 見出し同様使いたいデザインのCSSをコピー
  2. 見出し同様デザインCSSにペースト
  3. 挿入したい部分にHTMLを貼りつけ

 以上です。

このブログでは

.box3 {
padding: 0.5em 1em;
margin: 2em 0;
color: #2c2c2f;
background: #f0ebeb;/*背景色*/
}
.box3 p {
margin: 0;
padding: 0;
}

 をデザインCSSに記入し、編集部分には

 <div class="box3> <p>囲われたい文章</p></div>

こちらを入力します。

この枠はbox3という名前をつけてデザインをしているので編集部分には同様のbox3と入力します。

他にもbox1などデザイン毎に番号をふりわけて入力します。

参考&素敵なデザインがあるサイト様はこちら☟

saruwakakun.com

 今回は見た目にフィーチャーした記事でした。

これらを利用してすてきなブログになるといいなと思います。

【かぎ針編み】レース編みはじめました

アッシュの家の窓を作成するにあたって。

窓があるからにはカーテンがあるはず!だって高級アパートメントだもの!

f:id:villain315:20190822185222j:plain

ありました。

「カーテンがないならカーテンを作ればいいじゃない」

ということで今回はカーテンの話・・・・ではありません!!!

 

☟前回までのおさらい

302302.hatenablog.com

 カーテンを作っているはずがかぎ針編みをはじめていた

 何を言ってるのかわからねーと思うがry

高級アパートメントを作るにあたってカーテンの形状を調べてみたのですがつい現代ではなく時代物のほうで調べてしまったので出てくる画像がこれ

f:id:villain315:20190822190839j:plain

Oh。。。。。。。。。。。。。。。。。。

 ここまで高級感あふれるのは。。。と思ったのでせめて布の周囲にブレードをつけようと自作することになりました。

しかし普通のブレードでは幅がありすぎてミニチュアのカーテンにはサイズ的に不向きです。なので、ハンカチの裾の裾編みを参考にしてみました。

今回参考にしたサイト様はこちら☟

yasmin-hawaii.com

すごくわかりやすかったです!

ということでこちらをミニチュア用に。

f:id:villain315:20190822192100j:plain

めちゃくちゃわかりにくい。。。。。。。。(ペンタブの調子が悪くて描けなかった)

青で描いたのはピコットです。

手順は

  1. 布に糸を通す
  2. くさり編み1個
  3. ピコット用くさり3個
  4. 引き抜き編み
  5. くさり編み1個
  6. 布に糸を通す....エンドレス

ということでこちら

f:id:villain315:20190822192552j:plain

黒い糸なのでわかりにくいですね。

拡大してみると

f:id:villain315:20190822192612j:plain

こうなっております(見えない)

 サイズ的にはとてもいいです!

この調子でどんどん作ります( `ー´)ノ

 

にほんブログ村 ハンドメイドブログ かぎ針編みへ
にほんブログ村

【初心者】襖の張り替えを実践

お久しぶりです。

子供達の夏休み終了ということでブログもほぼ一か月ぶり。

この一か月は仕事と実家の片づけをしていました。

f:id:villain315:20190822180345j:plain

結婚前の私の荷物たち。。。ごめんよぉ

f:id:villain315:20190822180423j:plain

新盆ということで精霊馬も作ってみました!

きゅうり左が長男作「犬」 い・・・・・いぬ!?????

きゅうり右が次男作「モンハンの舟」 ちゃんと帆があるすごいぞ

手前なすが私作「過積載トラック」です。

長年トラックドライバーだった父なので、帰りはゆっくり荷降しして還ってくれ、という気持ちを込めました( ´∀` )

 犬は・・・・・・・・・・・・・・・・・い、いぬぅ

初心者が襖紙を貼ってみた

さて実家の片づけも大詰めを迎えておりまして残すは襖と畳の新調です。

(出ていく際の契約)

ですが地元の畳屋さんでは襖の取り扱いをやめてしまったとのことだったので急遽私が出張ることに。

実は以前、父が生きていたころに水で貼るタイプの襖紙を使ってみたのですがものっっっっっすごく大変だったので、今回はアイロンタイプを購入してみました。 

 これ、めっっっっっちゃくちゃ!!!!!楽!!!!!!!!!!

ちなみにこの商品、☝は通販価格ですがホムセンでは大体1枚入りが1080円前後、2枚入りが2000円前後でした。

 

貼り方はこちら☟

youtu.be

以前はスチームアイロンのみだったのがドライでも可能になったそうですね。

そして貼りつけたふすまがこちら☟

f:id:villain315:20190822181915j:plain

できる子じゃん~~~~~~~~~~~~~~~~~~~~~

f:id:villain315:20190822182035j:plain

裏張りも余裕✌です。

 ただし難点があって、今回コードレスアイロンを使用しましたが冷めるのが早いので

温度に注意しながらアイロンをかけないと浮いているのに気が付かなかったりします。

 温めている間はいい休憩タイムが取れますね!

ということで計4枚張り替えしました。

楽だけど疲れたぜ~

 

にほんブログ村 住まいブログ セルフリフォームへ
にほんブログ村

【ミニチュア】アッシュの家基礎ができるまで

 前回の記事

302302.hatenablog.com

 突然家が出来ているのでそこまでの経緯をまとめておきます。

59丁目アパートメントが出来るまで

 初心者なので床板を安価にしようか手作りにしようか悩みましたが安価(100均のリメイクシートなど)だとサイズ的に合わなそうだと思って思い切って手作りにしました。

参考にしたのはこちら

www.youtube.com

木製スティックは海外で流行ってるようですね。

こちらを切り出していきます。

f:id:villain315:20190729112236j:plain

f:id:villain315:20190729112959j:plain

ウォールナットの水性ニスで塗装。

カラーボードに貼りつけているのですが湿気やらで少したわみます。

私は上から重いものを載せて修正しました。

f:id:villain315:20190729113119j:plain

カウンターや棚を作っていきます。

f:id:villain315:20190729113211j:plain

吊戸棚を制作。

アニメでは全部戸が閉まる吊戸棚ですが完全に一緒にしてしまうと可愛げが無くなりそうだったので多少個人的解釈を入れていきます。

中が見えるように一つの扉はガラス扉にしました。

f:id:villain315:20190729113439j:plain

一枚はモールを取り付けます。

ガラス扉のガラス部分はプラ板を使用しました。

一番左は扉をつけないでわざと中を見せるようにしてます。

f:id:villain315:20190729113605j:plain

アニメではキッチンのグリル側壁がかわいい青いタイルだったんですがちょうど似たようなタイルシールがseriaにあったので喜んで貼る図。

左にある引き出しは作ってみたものの何かイマイチ…という出来だったのでお蔵入り。

ちなみにスペースの問題でこちら側にグリルが置けないのでタイルはただの見た目要員になってしまいました(笑)

f:id:villain315:20190729114330j:plain

吊戸棚の取っ手はダイソーの手芸コーナーにあったものを流用です。

金色の小さいビーズみたいな部品をTピンで留めています。

後ろのレンガ風壁、印刷した紙を貼ってみたんですがあとから凸凹になってしまうのが難点(´-ω-`)デコパージュしたほうがよかったのかなぁ。。。

ここはあとで作り変えます(現在絶賛制作中)

f:id:villain315:20190729114316j:plain

冷蔵庫は一目ぼれしたシルバニアの冷蔵庫!

このタイプの冷蔵庫なかなか売ってなくて(もうちょっと小さい冷蔵庫ばかりあった)遠出して買ってきました。

タミヤのダークアイアンで塗装。

窓を作ります

f:id:villain315:20190729115235j:plain

お次は窓ガラス。

見づらいですが右側、プラ板を利用してます。

細い木を銀色で塗装。

f:id:villain315:20190729115356j:plain

後ろからニューヨークの街並みを貼ってサッシを嵌めていきます。

12階からの眺めっぽくしてみたけどどうかな??

ちなみに画像は著作権フリーのものを使用させていただいております。

f:id:villain315:20190729115706j:plain

完成。

ちなみにこちらも後日作り直す予定です。

(せっかく作ったのにかわいそうだからお焚き上げup)

f:id:villain315:20190726181723j:plain


合わせるとこんな感じに~

 

敗因:カラーボードは便利なんだけど湿気(気候的な湿気だけじゃなくてボンドなども)がなぁ。ということを学んだ。

 

にほんブログ村 その他日記ブログ オタク日記へ
にほんブログ村

【ミニチュア】アッシュの家作り再開しました

 先日の記事☟でも言っていたアッシュ(正確にはクリス)の家作りを再開しました。

302302.hatenablog.com

 ちなみに途中まで作っていた写真はこちら

f:id:villain315:20190725185204j:plain

クリス宅で一番よく映るキッチン!

えっなんかめちゃくちゃ狭くない?と思うと思うんですが実はこれ

f:id:villain315:20190718180807j:plain

この右上に見える棚の下の段を利用したドールハウスだったのでめちゃくちゃ狭いおうちになってしまったんです(´・ω・`)

しかし前回の記事のようにこの部屋を母に譲ることになったので急遽アッシュもお引越しに。幅1mほどある棚だったのでこの隣にお風呂とか寝室作ろうと思ってたんですが、この棚はこの部屋以外どこにも移動できなくなってしまったので(大きすぎて置く場所が無い)とりあえずでキッチンだけこのまま作ろうと思います。

 

今回キッチンを作るのに参考にしたのはアニメ版。

www.youtube.com

18話予告が結構映ってると思うので見比べてみてほしいです。…と思ったら

ごめんあんまり映ってなかった

原作は要所要所のみだったり昔の漫画はでたらめ配置があったりなので色見も参考にしたいと思ってアニメにしたんですが、18話予告見ると横にあるはずのテレビ(英二が新聞を見ながらのシーン)が背中にある(こういうの気になる部族)

 

外枠をカラーボードで作っていきます

f:id:villain315:20190726165631j:plain

木枠にしようと思ってたんですがちょっと購入してカッティングしてもらう時間がなかったので家にあったダイソーのカラーボードを使用。

f:id:villain315:20190726181553j:plain

外枠できたぜ!

カラーボードは発砲スチロールなので木工用ボンドではくっつきません。

なので発砲スチロール用のボンドでくっつけてあります(100均にもあるよ)

f:id:villain315:20190726181618j:plain

作ってある壁や床を配置していきます。

レンガ風壁、紙を貼ってみたんだけどぼこぼこだなぁ、、今度作り直そう"(-""-)"

f:id:villain315:20190726181723j:plain

家具を配置していきます。

う~~ん色見!ってなるのでおいおいテーブルなどはリペイントしようと思っています。

 

今日はここまで~

 

敗因:ドールハウス沢山作ってる方々ってどこに置いてるんだろう(置き場がない)

 

 ☟おうち(ここまでの基礎)が出来るまではこちら☟

302302.hatenablog.com

 

 

にほんブログ村 その他日記ブログ オタク日記へ
にほんブログ村

全部イベントのせい

ブログ停滞したのは夏休みに入って仕事が忙しくなったのとサバフェsイベのせいです。

 

サバフェスたのしい!!!!!!!!!!!!!!

 

 

にほんブログ村 その他日記ブログ オタク日記へ
にほんブログ村

90年代のバーチャルアイドルを知っているか

作業用BGMがなかなかアップデートされないのが最近の悩み。

若いころビルボードTOP40という番組にハマって洋楽をずっと聞いていたのですが最近「あの頃何聴いてたっけ?」て探すのが趣味です。

ところで最近はやって廃れてるVtuberを見て「何か既視感…?」と思っていたんですが90年代にも居たんです。Vtuberならぬバーチャルアイドルが。

middle-edge.jp

あぁぁああああーーーーーーーーーこれだ!!!!!!

実は名前も顔も思い出せず、CDを出したことだけは覚えていたんですが検索でヒットした時は歓喜の声を思わずあげてしまいました。

伊達杏子 - Wikipedia

昔深夜ラジオで「G1 Grouper」という番組でこの伊達杏子ちゃんがパーソナリティを務めていた時期があったのですがアニメキャラのようなかわいい声でギャルのようにはしゃぐとっても可愛い女の子だったんです。

当時はまだバーチャルアイドルのような存在はないに等しいものだったので半信半疑な気持ちもあったんですがついついこのCD、片田舎でめちゃくちゃ探して買った記憶があります。

f:id:villain315:20190720190529j:plain

伊達杏子で検索するとヒットするんだけどCDのイメージ強すぎて黒髪…!?とおどろきました。

twitter.com

えっ…しかも娘までいるの…?

 

敗因:伊達杏子ちゃんの敗因な記事ばかりヒットしてしまう世の中

 

にほんブログ村 その他日記ブログ オタク日記へ
にほんブログ村