【楽天koboにも対応】カエレバやヨメレバをレスポンシブな紹介リンクにするためのCSSデザイン
「わかったブログ」を運営するかん吉さん(kankichi)が提供しているブックマークレットツール「ヨメレバ」と「カエレバ」。 お世話になっているブログ運営者の人も多いのではないでしょうか? さて、そんな両ツールに対応したレスポンシブなCSSを書いたので、さらっと公開してみることにしました。 まぁ、書いたと言っても、今回のネタフルリニューアルに派生したもので、この記事書くために書いたわけではないのですが、そこそこシンプルかつキレイに、なおかつ画面の別を問わず表示させられるので、これくらいは公開してもいっかーくらいのもんです。 つっても、CSSなんかブラウザ開いてさらっと見られるもんですから、別に非公開でもなんでもないんですけどね。 のちほど紹介するコードを、ご自分のサイトやブログのCSSファイルにペロッとコピペすることで、こんな感じの紹介リンクになります。 PC/タブレット向けでの表示 スマ
【ブログカスタマイズ】コピペするだけ！カエレバ・ヨメレバ・トマレバのカスタマイズ - えむしとえむふじんがあらわれた
こんにちは、今回はヨメレバ・カエレバなんかのカスタマイズのお話です。 *2016年10月9日 修正しました。一部余計な文字列や記述の不完全な部分がありましたので、使用されている方はコードの置き換えをお願いします。 10月14日 jtbの色を修正しました。ボタンのサイズ、文字サイズを修正しました。 10月15日 1024pxのメディアクエリを追加。yahooがどうしても崩れてしまうのでボタンが縦並びになる解像度を1024pxに変更しました。 10月23日 細かな部分の改修を行いました。新バージョンを作るので、これで最後の更新となります。 新バージョンはこちらになります。 mshitech.hatenablog.com まずはこのシステムを作って下さったかん吉さんに感謝を・・・ 商品紹介ブログパーツ カエレバ amazon以外の物を販売できる事もあって、ヨメレバ・カエレバの設定をしてらっしゃる
誰でもコピペで簡単に吹き出しで会話形式のブログが書けるCSS - 急がば 急いでまわれ！
2017.5月更新 こんにちは！いつの間にか14回目のカスタム記事！今回はブログでよく見かける『会話形式』の記事を簡単に実現させるCSSを作りました！ぜひご覧あれ！ 知らなきゃ損！いつでもAmazonで90%オフの商品を探す方法！ はじめに 完成系 まずはCSSをコピペしよう！ ブログでの使い方 簡単解説（飛ばして良し！） まとめ 【追記】この記事のCSSをもとにさらに手を加えてくれた素敵な記事があるので紹介します！ありがたい。 こんな記事も書いてるよん。 はじめに 参考記事としてこちらの記事を参考にいたしました。 akiueo (id:akiueos)さんのCSSも素晴らしいデザインですが、レスポンシブに未対応というのと、会話のアイコン画像が正方形の画像を使用しないと丸く表示されないので、この2点を改良して今回制作しました。 上記の記事内に「どなたか改良版をお願いします。」と書かれている
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
