このページのトップヘ

ぼくの人生(クソゲー)

ゲームの攻略したりレビューしたり、日々の雑記を吐きだすブログです(´・ω・`) 最近はめっきりアプリゲーマー


カテゴリ■雑記 > CSS/Jquery

【図解】lightbox2-masterをlivedoorblogに導入する方法

何やら前書いた記事通りにやってもできないんですけど…っていうメッセージをもらったのでちょっと見てみたところ、lightbox2のバージョンが前回とは変わっていて、導入フローがちょっとだけ変わってたみたいです。ということで再度説明。■1)lightbox2本体を入手本家サイト
続きを読む

昔のブログの記事全部移行してみた

やっほおおおおい!!LivedoorBlogの無料版、有料版の区分が5月1日に撤廃!!これまでの有料版の最上級プランだったPremiumプランが全員無料で使えるようになりました!やったね!!これによって記事のエクスポート、バックアップができるように!!!やったぜ!!!というこ
続きを読む

【CSS】サイドバーを下で固定してフッターに併せてずらす追尾型jqueryのあれこれ

ちょっと前からこれ半分導入してたんだけど、うまいこと動かなかったり気持ち悪かったりしてて、ようやくまぁ許せる範囲で挙動してくれたので、備忘録ついでに。参考にしたサイト:jQueryでフッターに重ならずに「空いた領域をフルに使い切る追尾型サイドバー」を実装する方
続きを読む

【CSS】Tinybox2とやらを導入してみた。モーダルウインドウ的なあれ

Tinybox2とやらを導入してみた。Webの業界で言う「モーダルウインドウ」ってやつ。こういうの参考にしたサイトhttp://web.showjin.me/js_tinybox2.html (1)とりあえず公式サイトで一式DLしてくる。tinybox2公式http://www.scriptiny.com/2011/03/javascript-modal-windows/(
続きを読む

【CSS】超便利!Chromeで「要素の検証」

どうもぼくです。CSSって触り始めると大変面白いよね。でもCSS触ってて・どこの数値を変えれば思ったように動くのかわからない・変えてみたけど思うようにいかないそんな悩みを一発で解決するChromeの裏ワザを教えてあげようとりあえず基本的な部分だけ。■要素を調べるひか
続きを読む

【CSS】忍者レコメンド使ってみた

ライブドアのはどうしてもaタグ内にtitle入れらんなかったので、自分のブログのRSS読み込ませて、新着記事一覧を外部RSSでやってみました。忍者レコメンドhttp://recommend.shinobi.jp/カスタマイズがすごい簡単で、いずれは他のブログのRSSもこっちに差し替えようかな~と思
続きを読む

【CSS】ライブドアブログのタグクラウド改造

グローバルナビの項目をいじってみました今は記事カテゴリっていう欄から、タグクラウドのタグがずらっと出てくるようになってます。(ChromeとFirefoxとIE11だけチェックしたけど他は知らね(´・ω・`))ずっとこれやりたかったんだけど、クソ面倒くさくてほったらかしにして
続きを読む

【CSS】リンクつきの画像にマウスオーバーすると虫眼鏡出すJavascript

画像見づらかったので、マウスオーバーした時に虫眼鏡を出すのを探してたところ↓こういうの。imagelink.jsというので出来るらしいんだけど、本家がリンク切れになってるぜ…んで、漁ってたら見つかったので紹介。こちらで公開してますた。https://code.google.com/p/backsta
続きを読む

【初心者向け】Lightbox導入してやった

※この記事はlightbox2.7.1の導入方法です。lightbox2-masterの場合は新しく書いたのでこっちをどうそ---------------------------------------------わかんなすぎてゲロ吐きそうだったlightboxっつーのは↑これクリックしたときみたいに、ページ遷移させないでフルサイズ表
続きを読む

領域からはみ出した文字(テキスト)を三点リーダー(…)で省略する

今回ブログ作ってて便利だなーと思ったCSSについてこういう三点リーダーのやり方どうやるんだろーって思ってたら意外と簡単だったわ実際のCSS-------------------------.article-title { margin: 4px 0; width:100%; height:80px; overflow:hidden; ←はみ出たら消せ white-
続きを読む