2016年01月19日 【図解】lightbox2-masterをlivedoorblogに導入する方法 何やら前書いた記事通りにやってもできないんですけど…っていうメッセージをもらったのでちょっと見てみたところ、lightbox2のバージョンが前回とは変わっていて、導入フローがちょっとだけ変わってたみたいです。ということで再度説明。■1)lightbox2本体を入手本家サイト 続きを読む
2015年05月02日 昔のブログの記事全部移行してみた やっほおおおおい!!LivedoorBlogの無料版、有料版の区分が5月1日に撤廃!!これまでの有料版の最上級プランだったPremiumプランが全員無料で使えるようになりました!やったね!!これによって記事のエクスポート、バックアップができるように!!!やったぜ!!!というこ 続きを読む
2015年02月16日 【CSS】サイドバーを下で固定してフッターに併せてずらす追尾型jqueryのあれこれ ちょっと前からこれ半分導入してたんだけど、うまいこと動かなかったり気持ち悪かったりしてて、ようやくまぁ許せる範囲で挙動してくれたので、備忘録ついでに。参考にしたサイト:jQueryでフッターに重ならずに「空いた領域をフルに使い切る追尾型サイドバー」を実装する方 続きを読む
2015年02月10日 【CSS】Tinybox2とやらを導入してみた。モーダルウインドウ的なあれ Tinybox2とやらを導入してみた。Webの業界で言う「モーダルウインドウ」ってやつ。こういうの参考にしたサイトhttp://web.showjin.me/js_tinybox2.html (1)とりあえず公式サイトで一式DLしてくる。tinybox2公式http://www.scriptiny.com/2011/03/javascript-modal-windows/( 続きを読む
2015年02月01日 【CSS】超便利!Chromeで「要素の検証」 どうもぼくです。CSSって触り始めると大変面白いよね。でもCSS触ってて・どこの数値を変えれば思ったように動くのかわからない・変えてみたけど思うようにいかないそんな悩みを一発で解決するChromeの裏ワザを教えてあげようとりあえず基本的な部分だけ。■要素を調べるひか 続きを読む
2015年01月23日 【CSS】忍者レコメンド使ってみた ライブドアのはどうしてもaタグ内にtitle入れらんなかったので、自分のブログのRSS読み込ませて、新着記事一覧を外部RSSでやってみました。忍者レコメンドhttp://recommend.shinobi.jp/カスタマイズがすごい簡単で、いずれは他のブログのRSSもこっちに差し替えようかな~と思 続きを読む
2014年12月17日 【CSS】ライブドアブログのタグクラウド改造 グローバルナビの項目をいじってみました今は記事カテゴリっていう欄から、タグクラウドのタグがずらっと出てくるようになってます。(ChromeとFirefoxとIE11だけチェックしたけど他は知らね(´・ω・`))ずっとこれやりたかったんだけど、クソ面倒くさくてほったらかしにして 続きを読む
2014年11月06日 【CSS】サムネイルで画像を上下中央に表示する方法 サムネイルで画像を上下中央に表示する方法http://c-brains.jp/blog/wsg/14/08/06-100100.phpこれすげぇ!マジで初めて知った! 今までTOPのサムネイルが綺麗に揃わないの悩みの種だったんだけど、一発でできたわ!!! 続きを読む
2014年11月06日 【CSS】リンクつきの画像にマウスオーバーすると虫眼鏡出すJavascript 画像見づらかったので、マウスオーバーした時に虫眼鏡を出すのを探してたところ↓こういうの。imagelink.jsというので出来るらしいんだけど、本家がリンク切れになってるぜ…んで、漁ってたら見つかったので紹介。こちらで公開してますた。https://code.google.com/p/backsta 続きを読む
2014年11月04日 【初心者向け】Lightbox導入してやった ※この記事はlightbox2.7.1の導入方法です。lightbox2-masterの場合は新しく書いたのでこっちをどうそ---------------------------------------------わかんなすぎてゲロ吐きそうだったlightboxっつーのは↑これクリックしたときみたいに、ページ遷移させないでフルサイズ表 続きを読む
2014年10月29日 領域からはみ出した文字(テキスト)を三点リーダー(…)で省略する 今回ブログ作ってて便利だなーと思ったCSSについてこういう三点リーダーのやり方どうやるんだろーって思ってたら意外と簡単だったわ実際のCSS-------------------------.article-title { margin: 4px 0; width:100%; height:80px; overflow:hidden; ←はみ出たら消せ white- 続きを読む