1. ブログのPerfor..
    2018/June/18/15:57 Mon   Comment(0)
    ブログのPerformance Upに 出来る事をやってみまし... ( Read more )
  2. FOAFデータ
    2018/June/10/04:26 Sun   Comment(0)
    このブログの プロフィール欄に表示されている 色付きの団子の... ( Read more )
  3. さくらのブログ独自の..
    2018/June/03/07:24 Sun   Comment(0)
    さくらのブログでは 独自の埋め込みタグが存在しています。 ... ( Read more )
2018/May/

2018年05月30日

ドロワーメニューを実装する

ブログサイドの余白部分に
メニューを表示したいなと思い、
jQueryのサイドバー
固定サブメニューを試して
みたのですが、いまいち
うまくいかない・・。

何か良いものはないかなと
たどり着いたのがDrawer。

drawer.jpg

drawerとは
引き出し、たんすの事だそうです。

なるほどー

さて、
このdrawerは
CDNも用意されていますし、
実装も意外に簡単です。



当ブログでは、
プルダウンメニューにて
表示していますが、

Bootstrap dropdown.js
が必要となります。

こちらも
CDNが用意されています。

その他、

当ブログのカスタマイズとしては、
フォントの変更、
リストナンバーの表示、
日付の表示方法を変更、


Responsive Breakpoint
(レスポンシブ ブレイクポイント)を
タブレット縦置き以下は
display:none;で
表示しないように設定しました。

※ わたしは、スマホで見た時に
ハンバーガーメニューが邪魔に感じたので
ブレイクポイントを設定しましたが、

気にならない方やスマホで必要な方は
そのまま表示させるか、
トップに固定される
ナビバーも選択できるので、
そちらをおすすめいたします。




貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました




posted by four4to6 at 14:01 | Comment(0) | カスタマイズ JS&CSS

2018年05月26日

怒った顔

2017年3月のおん
この頃の彼ら、
逃げこそしないものの、

表情は怒った感じで
可愛いとは言い難い
顔つきをしていました。

DSC03192.JPG

朝陽を背に受ける


彼は毛の模様が印象的で、
ちょっと崩れちゃっているけど、
隠れミッキーな模様が
彼のトレードマークです。


DSC03277.JPG

おん
険しい表情、
おとなしく座っては
いるものの
その目つきはとても鋭く
警戒している様子が
うかがえます。

家猫ではない彼ら、
人を見たら警戒するのは
当然の事ですよね。

厳しい環境を
生きている彼らなのです。




貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました






TAG:photo Leon&Ai
posted by four4to6 at 03:24 | Comment(0) | 写真 恋音と愛音

2018年05月20日

GitHub リボンをつける

GitHubのリボン、
皆さまも
見たことがあると思います。

マネしたいなと思い
調べましたら、
画像はGitHubで
用意しているのですね。



forktocat.jpg

CSSだけで
何とかならんか(・・?と思い、
調べましたらありましたよ!

良いものが!

あなたも
お好みのリボンを
おひとついかがでしょうか。



当ブログのカスタマイズとしては、
画像ではできないフォントの変更、
マウスオーバー時の
バックグラウンドカラーの変更と、
Responsive Breakpoint
(レスポンシブ ブレイクポイント)を
タブレット縦置き以下は
display:none;で
表示しないように設定しました。



↑これは
上部だけでなく、
下部にも設置できそうですね。

しかも、
CDNも用意されています。

カスタマイズに
こだわらなければ
こちらがお手頃でしょうか?





貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました






posted by four4to6 at 14:16 | Comment(0) | カスタマイズ CSS