■

55 66 1111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111…

2020-01-07

文章と画像を並べる　fotolife記法

配置

[f:id:ユーザID:画像番号:wサイズ:image:right] [f:id:ユーザID:画像番号:hサイズ:image:left] ＊サイズは、pxをつけない。数字だけ。文章を続けると、テキストが画像の下に回り込む、囲むようになっていく、fotolife記法。スマホで見ると。。。。。画像…

2019-12-25

サイドバーにアフィリエイト

アフィリエイト

Web Design Trendsさんのもう迷わない！CSS Flexboxの使い方を徹底解説からのコピペです。ブログのサイドバーに、こんな感じのアフィリエイト商品リンクを並べてみました。はてなブログカスタマイズガイド HTML ＆ CSSで「はてなブログ」を次のステッ [ …

2019-12-18

画像の一部だけ表示

トリミング

Webクリエイターボックスさんからのコピペと、divで、一列に並べる “float: LEFT” の覚書。 www.webcreatorbox.com acworksさんによる写真ACからの写真 ◎html <div style="float: LEFT; margin: 2px;"><img src="画像url"></div> <div class="img-a" style="float: LEFT; margin: 2px;"><img src="画像url"></div> <div class="img-b" style="float: LEFT; margin: 2px;"></div>

2019-12-09

考えごと風、顔つき吹き出し

吹き出し会話風

サルワカさんの CSSで作る！吹き出しデザインのサンプル19選からのコピペです。５つ目の “考えごと風” の吹き出しを “会話風” にして、使わせていただいてます。スマホで見ると、フェイスアイコンとコメントの間にある、大小の丸が、あらぬ方向に行ってし…

2019-12-06

cssだけで、画像拡大モーダル表示

モーダルウィンドウ重ねる

ネットショップ語りさんの CSSのみでモーダルウィンドウを作成からのコピペです。 <a href="#modal-01"> この数字を変えれば、同じページでも複数表示が可能です。ちょこちょこ数字を変えて、画像に拡大アイコンを重ねて、開いたときの余白を消して、閉じるアイコンをつけました</a>…

2019-12-05

cssファイルの分割

コピペを探してると、よく出てくる難しそうなネコさん、GitHub（ギットハブ）。こちらのサイトを参考に、やっと使えるようになりました！ www.lisz-works.com ありがとうございます。どこで間違えたのか、index url が、 https://copicopi.github.io/pepep…

2019-10-17

cssをイジらなくてもできること

css初心者 html ブログカスタマイズテキスト

<div style="プロパティ: 値;"> とか、 <p style="プロパティ: 値;"> <span style="プロパティ: 値;" > <table style="プロパティ: 値;"> <td style="プロパティ: 値;"> など。プロパティ: (半角スペース)値;(半角スペース)で続けるプロパティ: 値; プロパティ: 値; プロパティ: 値; "> 締めに </div></p></span></table></td>などプロパティ例 background-image: url('画像url'); background-color: #色; font-famil…