アコーディオンパネルを作成しました。 その際、こちらの記事を参考にさせて頂きました！ Bootstrap3 アコーディオンとCollapseの簡単な使い方 | Designupどうせアコーディオンにするなら、開くときに色とか変えたいので作ってみました。 パネルを開くときに…

複数のSNSボタンを簡単に表示するために、こちらのサイトのお世話になりました！ SNSのシェアボタンの設置方法まとめ (サンプルコード付き) サンプルコードをダウンロードし、少し編集するだけで、複数のSNSボタンを簡単に実装できます！ ありがたやー(━＿━)…

さて、Link Scraperって標準だとこんな感じに表示されると思います。テキストボックスの横幅とかは指定できるんですが、Bootstrapのデザインを使いたい！ と思ったので、JQueryで無理矢理やってみました(笑) こんな感じにしました。実装したコードは以下の通…

さて、CakePHPの機能でフラッシュメッセージがありますよね。 こんなやつこれをBootstrapのalertのデザインでやりたい！ でもCSSいじるのめんどくさいし(苦手なだけ(ｰﾍー;))、自前でフラッシュメッセージの機能を作ってみました！ とりあえず、infoとdanger…

CakePHPでViewをbakeするとページネーションのボタンが出来ますが、せっかくBootstrapを使っているんだから、Bootstrapのデザインのやつを使いたい！ということで作ってみました！ 実装したコードは下の方にまとめて載せています。 まずはbakeしたときに出来…

Bootstrapを利用する環境でPopBoxをそのまま利用すると、表示がおかしくなり利用できなくなるので対処法をメモ。PopBoxの導入についてはこちらの記事を参考にさせてもらいました！ jQuery - シンプルにポップアップを実装できる「PopBox」 どうやらPopBoxとB…

前回はMultiple selectの大きさをいじりましたゞ(`')、 jQueryプラグイン、Multiple selectの大きさをいじる。 - 新米SE、マーケティングを学ぶの巻ただ、Multiple selectの二つ目を書くと縦に並んでしまうので、Bootstrapで横並びにしたいと思います。 こん…

一つのmodal dialogに対して保存箇所が複数というケースで作ってみました。 こんな感じです。ボタンを3つ用意、ボタンが押されるとmodal dialogが表示され、その中で入力し保存ボタンをクリック。 すると、最初に押したボタン横に入力内容が表示されるよ、と…