かるみに

趣味とともに生きる

カスタマイズ

【コピペで楽々】どんなサイトにも馴染むシンプルなリンク強調ボタンカスタマイズ

こんにちは。すーく(@sytry7)です。リンクを目立たせるシンプルなデザインカスタマイズを作りました。はてなブログ向けです。 どんなブログに違和感なく溶け込むと思います。何かありましたらご連絡ください。 コードを貼り付ける場所 リンクの前を「Point!…

【コピペで楽々】アニメーションで強調部分に蛍光色のラインを引くカスタマイズ

こんにちは。すーく(@sytry7)です。スクロール沿ってアンダーラインを引くカスタマイズを考えました。 完成予想図 コードを貼り付ける場所 貼り付けるCSS 過去に作ったカスタマイズはこちらをどうぞ

【コピペで楽々】どのサイトにもなじむシンプルな固定シェアボタン

こんにちは。すーく(@sytry7)です。固定シェアボタンの新しいデザインを作りました。シンプルなデザインなのでどんなブログにも合うと思います。 完成予想図 スクロール前 スクロール後 コードを貼り付ける場所 貼り付けるCSS 過去に作ったカスタマイズはこ…

【コピペで楽々】はてなブログにトップへ戻るボタンを実装するCSSカスタマイズ

こんにちは。すーく(@sytry7)です トップに戻るボタンを実装しました。クリックすると記事の一番上に戻ります。 完成予想図 コードを貼り付ける場所 コピペするコード スクロールスピードの変更方法 TOPに戻る不要論もある 過去に作ったカスタマイズはこちら…

【コピペで楽々】インパクトの強いヘッダーをはてなブログに導入するカスタマイズ

こんにちは。すーく(@sytry7)です。はてなブログのヘッダーをつくりました!最近流行りのフラットデザインを意識しています。 ブログに個性を出したい方は試してみてください。 完成予想図 コードを貼り付ける場所 貼り付けるCSS 画像風のヘッダー コピペ部…

スクロールに応じて画像がふわっと現れるカスタマイズ

こんにちは。すーく(@sytry7)です。新しいカスタマイズを考えました。スクロールにつれて記事中の画像がふわっと現れます 実装予定図 コードの貼り付け先 貼り付けるコード まとめ

【コピペで楽々】スマートフォン向けのトグルメニューバーのカスタマイズ方法(サイドバー編)

こんにちは。すーく(@sytry7)です。前回に引き続き、今回は左からスライドして現れるメニューバーを作成しました。最近色々なWEBサイトで見かけるやつです。一度に多くの情報を見られるのが良い感じです。 ↓前回のトグルメニューバー www.colmin.xyz 注意!…

【コピペで楽々】スマートフォン向けのトグルメニューバーのカスタマイズ方法

こんにちは。すーく(@sytry7)です。 スマートフォン向けのメニューバーを作りました。リンク数は変更出来ます。 完成予想図 コードの貼り付け先 貼り付けるCSSコード メニューの色を変更したい場合 今まで取り組んだカスタマイズの一覧

【コピペで楽々】はてなブログのリンクを目立たせる、ボタン風のCSSカスタマイズ

こんにちは。すーく(@sytry7)です。リンクを目立たせるCSSカスタマイズを作りました。カラーは自由に変更出来ます。 完成予想図 共通HTML デザイン一覧 シンプルな影付きボタン シンプルな影なしボタン マウスオーバーで拡大するリンクボタン マウスオーバー…

【コピペで楽々】はてなブログのシェアボタンを一瞬で華やかにするカスタマイズ

こんにちは。すーく(@sytry7)です ブログを華やかにするシェアボタンを作成しました。記事中にある画像を読み取り、背景画像に自動で設定します。jQueryを導入しているので、記事ごとにシェアボタンの背景画像が変化します。 実装予想図 「Share Button」の文…

コピペで楽々。はてなブログ向けのSNSフォローボタンを実装するカスタマイズ6つ

こんにちは。すーく(@sytry7)です SNSフォローボタンをデザインしました。シンプルなものは様々な方がコードを公開していますので、アニメーションを利用して、デザインに動きをつけてみました。 設定の説明が前半は続くので、デザインだけをササッと見たい…

【2017年】はてなブロガー必見!ブログ運営がめちゃくちゃ便利になるChrome拡張5選

こんにちは。 ブログを書くときは、ブログを書くことだけに集中したいですよね。当たり前と思われそうですが、別のことに割かれる時間は少なくありません 例えば…画像を探すときは、少なくても7ステップは手順を踏む必要があります。 1.新しいタブをクリック…

日本語版IFTTTこと「myThings」は楽したい人におススメのWebサービスだ!

こんにちは。 生活の面倒事は出来るだけ減らしたいですよね。 Webサービスの面倒事を減らす「myThings」はあなたの生活を大きく変えるかもしれません 2016年12月26日、yahooが提供しているサービスで日本語版IFTTTと言われている「myThing」がLINEと提携しま…

【はてなブログ】スマホページのヘッダー画像の作り方

こんにちは。すーく(@sytry7)です 今回、はてなのスマホページのヘッダー画像を制作しました。 今やネットアクセスの主役はモバイルと言われています*1 「スマートフォン向けのサイトのデザインにこだわりたい」「ブログの顔であるヘッダーを作成したい」と…