カスタマイズに関するyururiururiのブックマーク (7)

  • はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2

    はてなブログにはPC表示用にもスマホ表示用にも、グローバルナビゲーションが純正では用意されていません。 スマホにもグローバルナビを設置したいなーという人は多いのでしょうか?昨日、吉ユータヌキさんからこんなツイートをもらいました。 @aiueolab ひ!非常に嬉しいです!!全然関係ないんですが、スマホ用ヘッダーのカテゴリーボタンの配置方法記事お願いします!!あれすごく良いです!!!— 吉ユータヌキ (@gonnakill_uta) 2014, 9月 18 私は恥ずかしながら、かなりテキトーにカテゴリを並べていただけですが、ユータヌキさんからリクエストをいただいたので、書いてみることにしました。 はてなブログはスマホでもヘッダーにJavaScript書けるんでしたっけ?調べるのちょっと面倒だったので、今回は使わずに設置してみます。 用例画像は、吉ユータヌキさんのブログ「タヌキ部屋」より

    はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2
  • 色の名前

    Mari's IROEMPITSU Home > いろずかん > 色を楽しもう > 色の名前-色別 [ピンク系] ピンク 赤 オレンジ 茶 黄 緑 青 紫 グレー Text Color Name Code これらの色はすべて参考色です。 ©1998-2006 MariMari All rights reserved.

    yururiururi
    yururiururi 2016/09/29
    カラーコード
  • html要素を移動・置換・挿入させるjQueryコード - Minimal Green

    blog.minimal-green.com はてなブログの公式パンくずリストを記事上、下に移動させるカスタマイズについての記事を書きましたが、 前回では空のdivを用意してその中のhtmlを既に記述されたhtml(サイドバーの関連モジュール)から取得し変更するという方法でした。 (という認識であってますか?) JavaScript、jQueryはほとんどわからないのですが、コードを眺めているうちに少しだけ法則性がわかってきたので勉強がてらカスタマイズ用のコードを書いてみます。 HTMLの移動 要素の置き換え 特定のURLで指定した要素Aの前に要素Bを挿入する JQueryを読み込んでいない場合は読み込んで下さい。 <!--jQueryを使用--> <script src="https://code.jquery.com/jquery-1.9.1.min.js" type="text/ja

  • HTMLカラーコード

    HTMLカラーピッカー 縦のスライドを動かしてカラーを選択し、左のマスをクリックして好きなカラーキャストのHTML カラーコードを入手します。 HTMLカラーコードの決まり 「この文字と数字の奇妙な組み合わせには何か意味があるのかな。」とお思いかもしれません。その通りです。このように決まっています。 HTMLコードのフォーマット 各HTMLコードには、「#」の記号と6つの文字や数字が含まれています。これらの数字は、16進法で表されています。例えば、16進法の「FF」は、10進法の255を表しています。 記号の意味 HTMLカラーコードにある最初の2つの記号は、赤色の濃さを表しています。00が最も薄く、FFが最も濃くなっています。3番目と4番目は緑色の濃さを、そして5番目と6番目は青色の濃さを表しています。ですから、赤、緑、青の濃さの組み合わせで、自分の望み通りの色をほぼ何でも作ることができ

  • ピンク色 - color-sample.com

    ピンク色 顔色を引き立て若々しい効果を演出するピンク色は、桜を愛でる日人が昔から好んだ色の一つです。淡いピンク色は、女性ホルモンの分泌を促す性質を持ち、可憐で優しいフェミニンなイメージを持たせることから、世界中の女性に好まれる色でもあります。ファッション業界や化粧品業界で好んで使用され、雑誌広告や製品パッケージに多く見ることができます。ただ、ベビーピンクという色名からも分かるように、淡いピンク色には子供っぽさがあるため、明度や色相を調節しながら利用してみてください。

    ピンク色 - color-sample.com
    yururiururi
    yururiururi 2016/04/26
    同じ系統をバッと集めてくれてて、すごく便利!
  • 【保存版】簡単コピペの"続きを読む"ボタンデザイン集【はてなブログカスタムVol.11】 - 急がば 急いでまわれ!

    オーソドックスなものから奇抜なものまで全部で11個作りました。僕のカスタム記事の一番最初が『続きを読む』のカスタムだったのですが、もっと読みやすくて分かりやすいものを書いてみました。 はじめに はてなブロガーの方へ はてなブロガーではない方へ 色変更について 角丸四角形について ボタンサイズについて 四角形+角丸四角形のボタン ノーマルタイプ 押すと線になるタイプ 線が点線になる 立体タイプ(へこむ) 立体タイプ(でっぱる) 横に大回転 バイブレーション(ぶるぶる) いろんな形 線が伸びる 丸が巨大化 丸が回転 最後にもういっちょ オートマチックグラデーションスペシャルサンダー まとめ 他にも沢山書いてます! はじめに すべてCSSのみで作ってあるので簡単に導入することができます。 IE(Internet Explorer)を使っている方は、もしかしたら上手く動かないボタンがあるかもしれま

    【保存版】簡単コピペの"続きを読む"ボタンデザイン集【はてなブログカスタムVol.11】 - 急がば 急いでまわれ!
    yururiururi
    yururiururi 2016/04/04
    なんてわかりやすいんでしょう!
  • はてなブログトップページでコメント欄を非表示にする(追記あり) - やがて煙になる日まで

    yururiururi
    yururiururi 2016/02/29
    さっそくやってみました^^ごちゃつきがスッキリして快適です♪ありがとうございました!
  • 1