monoのメモ帳

HTMLとCSSを勉強しながらはてなブログをカスタマイズ中です。

adobeで購入しようとしたらクレジットカードと郵便番号を入力してもエラーになる件

adobeでXDの体験版を試してみようとインストールしたときのことです。 XDの体験版は7日間無料で利用できるのですが、7日間を過ぎると自動的に本契約に移行するようになっていて、体験版のインストール時にクレジットカードの登録が必要です。 そのクレジット…

ブログのCTAのサンプルを作ってみた|はてなブログカスタマイズ

最近、ブログ記事の下の方にCTAを設置している方をお見かけしました。 CTAというのは行動喚起を意味して、ブログに来てもらった方に、何かを宣伝したいときに使います。 わかりやすいボタンを設置して、リンクをクリックしてもらえるように工夫している方が…

ブログのプロフィールアイコンを書いてもらいました

皆さんこんにちわ、モノトーンとシンプルなものが好きなmonoです。 いつもご訪問いただきありがとうございます。 さて、皆さんは、ブログやSNSのアイコンの画像はどうされていらっしゃいますか? 私は、今まで適当な画像を用意して利用していたのですが、今…

サイドバーのプロフィール欄にSNSのアイコンを作る

前回の続きです。 過去記事:はてなブログのプロフィール欄をシンプルなデザインに変えてみる - monoのメモ帳 この前、ブログのサイドバーのプロフィール欄を自分で作ったものに変更したのですが、SNSのボタンもつけたいと思って、簡単にSNSのボタンが作れる…

はてなブログのプロフィール欄をシンプルなデザインに変えてみる

はてなブログのサイドバーにあるプロフィール欄ですが、少し画像を大きくしたいと思って簡単にHTMLが吐き出せるツールを作ってみました。 出来上がりのイメージ 手順1 スタイルシートをコピペする スタイルシートのサンプルはこちら 「管理画面」→「 デザイ…

トップへ戻るのボタンを作る|はてなブログカスタマイズ

トップへ戻るのボタン はてなブログをカスタマイズしたくてHTMLとCSSの勉強をはじめたのですが、JavaScriptを覚えるともっといろんなことができるみたいで、JavaScriptの本も買いました。 はじめてのJavaScriptなので、まだ右も左もわかりませんが、ちょっと…

CSSで三角形を作る ーチートー

ブログのテーマを制作していると三角形をCSSで書く場面が度々でてくるので、チートとして記録しておきます。 下向き三角 下向き三角 .sankaku p:before{ content: ""; position: absolute; width: 0; height: 0; margin: 100px; border-style: solid; border…

注目記事にランキング番号を付ける|はてなブログカスタマイズ

出来上がりイメージ いろんなサイトで、人気記事に順番が振ってあるのを見るので、はてなブログの人気記事にも番号がつけられないかやってみました。 CSSのカウンターを利用して番号をつける 人気記事ランキングに番号を付ける サンプルCSS CSSのカウンター…

掲載しているコードについて

当ブログでは、カスタマイズを行なっていく上で、HTMLやCSSなどのコードを掲載しています。 自由にコピペしてご利用いただいても構わないのですが、利用しているテーマなどによってはうまくいかない場合もございます。 また、コードを利用して不具合が生じた場合でも一切の責任は負いかねますので、その点はご理解、ご了承いただきますようよろしくお願いいたします。