CSSでチェックボックスのサイズを変える方法 – いつか誰かの役に立つかもしれないweb制作屋の備忘録
2.transform:scaleでサイズを変える 一番最初の試したのが、scaleでサイズを変える方法でした。 .chkbox input[type=checkbox] { width: 24px; height: 24px; -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } この方法でもサイズを変えることはできましたが、ブラウザによってはボックスの絵が荒くなってしまう場合があり、使用するのをやめました。 3.独自にチェックボックスのスタイルを作る 色々調べたところ、元からあるチェックボックスを表示しないようにして、CSSでチェックボックスのスタイルを作成する方法があり、これならばサイズも大きくできることができます。自分でチェックボックスのスタイルを作成するので色や形を自
チェックボックスのチェック保持 - OKWAVE
おそらくcookieについても理解が浅いのでしょうね 本件についてはチェックボックスのnameがそのページでユニーク であるという条件が必要です。 あとはこんなかんじ <script> window.onload=function(){ var tags=document.getElementsByTagName("input"); for(var i=0;i<tags.length;i++){ if(tags[i].type=="checkbox"){ tags[i].checked=getCookie(tags[i].name); } } } try{ document.addEventListener('click',function(e){clickFunc(e)},true); }catch(e){ document.attachEvent('onclick',function(
ブログの画像に！フリーで使える写真や画像を目的別にまとめてみた【17選】 - MUTANT
こんにちは、てつです。 今日はタイトル通りブログで使えるフリー素材を国内・海外を問わず集めてみました。 ブログを運営していると記事内に写真や画像を使うケースがありますよね。 ブログという性質上、自分が撮影した写真を使う機会が多い気がしますが意外とフリー素材から使う写真も多いものです。 フリー素材のまとめ記事はよく見かけますが、今回はそれを目的別にまとめてみました。 文字だけのコンテンツよりも画像を複数配置した方がパッと見た感じの印象も違ってきますよね。 ブログ画像でどれを使うか悩むという人は17個ほど集めてみたのでぜひチェックしてみてください。 日本人のフリー素材を使いたい→ぱくたそ 皆大好きぱくたそ。私も大好きです。 最初は面白いフリー素材のサイトが出来たなぁ位に思っていたのですが、コラボやったり盛り上がりがスゴイ。 今ではかなり知名度のあるフリー素材サイトになりました。すごいなぁ・・
はてなブログで使えるアイコンフォント（Webフォント）123種類 - FOXISM
はてなブログでいろいろ書こうと思って、数記事書きながらテーマのカスタマイズにも入っています。その中でアイコンフォントを使いたいと思っていたけど、どうやらはてなブログではデフォルトでいくつかのアイコンフォントを読み込んでいるようです。それを使えば別途Font Awesomeなど読み込む必要がないというわけですね。 デフォルトで読み込まれるアイコンフォント はてなブログではシステム側で自動的に読み込まれるものがたくさんあります。実際に自分のブログのソースを見ると分かりますが、その中にこんな1行があります。 <link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=a9926d57dd7fb1de147b42457ac5ba6d"/> このblog.cssという
商品紹介ブログパーツ カエレバ
「カエレバ」ブログパーツは、ブログ上で、特に量販品を紹介するためのブログパーツです。アマゾン、楽天市場、Yahoo!ショッピングなどの複数のネットショッピングモールへのリンクを表示することで、アフィリエイト報酬のとりこぼしを減らせます 楽天ポイントを貯めている人はAmazonでは買いません。彼らは、あなたが紹介した商品を買おうと思っても、楽天へのリンクがなければ、楽天市場へ移動して探します。報酬率を意識して楽天を紹介しないことは、読み手のニーズ無視した、無意味な機会損失です！ デザインは「amazlet」や「G-tools」といった人気ツールに準拠しています。それらのパーツ利用に慣れている方でも安心して利用できると思います なにはともあれ、まずは上のキーワード検索フォームから、お好みの商品を検索して、ブログパーツを作ってみてください(見本を作れます) ●表示例
え？ たったの1時間!? WordPressで会員制サイトを爆速で立ち上げる方法
WordPressとプラグインを使えばたいていのサイトは作れます。たとえば複雑そうな会員制サイトのしくみも、よくできたプラグインを使えば1時間で実装できちゃうんです。 利益拡大を願うどのようなビジネスにとっても、会員制システムの導入はすばらしい方法です。会員1人ずつから繰り返し収入を得られ、オーディエンスからその場で支持を受けられる上に、ブランドのリーチ度を高められるからです。また、会員制システムはオンライン講座や販売、そのほか本当にいろいろなものの販売にも使えます。 フル機能を備えた会員制サイトを、WordPressだけを使って作るのは驚くほど簡単です。実際、たった1つのプラグインを使うだけでWordPressの会員制Webサイトを1時間以内で作成し、稼働できるのです。 この記事では、WordPressの会員制サイトを作るのに必要ないろいろな選択肢を探り、実際にどのように設定するのかを説
書籍紹介ブログパーツ ヨメレバ
開発者:かん吉 会社員時代に副業で始めたウェブサービス事業で独立して、会社をつくってしまいました。将来の夢は、古民家で野菜を作って暮らすこと。 プロフィール詳細 ヨメレバ開発ブログ ユーザーさんの声募集 「ヨメレバ」ブログパーツは、ブログ上で書籍を紹介するためのブログパーツです。アマゾン、楽天ブックスなどの複数のブックショップへのリンクを表示することで、アフィリエイト報酬のとりこぼしを減らせます 楽天ポイントを貯めている人はAmazonでは買いません。彼らは、あなたが紹介した本を買おうと思っても、楽天へのリンクがなければ、楽天市場へ移動して探します。報酬率を意識して楽天を紹介しないことは、読み手のニーズ無視した、無意味な機会損失です！ デザインは「amazlet」や「G-tools」といった人気ツールに準拠しています。それらのパーツ利用に慣れている方でも安心して利用できると思います アマゾ
カエレバ・ヨメレバ・トマレバの使い方からカスタマイズまで完全解説！
今日も爽やかな朝日を迎えながらブログに精を出すぶるろまんです（笑） 突然ですが・・・ 今回、お悩み相談室からこんな悩みと望みの意見がありました。 1. アフィリエイト広告を探す手間を「時短」したい！ 2. アフィリエイト広告をもっと「オシャレにカスタマイズ」したい！ という内容のもの。 あなたも実際のところ・・・ 1. アフィリエイト広告の商品を探したり、商品リンクを作ったりする時間に、正直かなり無駄を感じていませんか？ 2. アフィリエイト広告は、ただのテキストリンクじゃ物足りなくて、もっとオシャレにカスタマイズしたい！って正直思っていませんか？ ・・・ 思っているあなたは「正直者」です（笑） 今回お伝えしたいテーマは、ズバリ！ アフィリエイト作業の時短効率化！ オシャレ広告で成約率アップ！ というプロジェクトでお届けしていきます。 この2点を改善するだけで、更にアフィリエイトが楽しくな
Life-is-bitter.com
This Domain Has Expired, To Renew Please Contact Your Provider.
はてなブログのカスタマイズで参考にしたいおしゃれなブログを紹介！ - NIMONOISM
どーも！ コピペカスタマイザーのにものです。 先日、僕がキーボードのCtrlとCとVキーの文字が剥げるぐらいの勢いでブログをカスタマイズしたので、カスタマイズの際に参考にしたおしゃれなブログをみなさまに紹介したいと思います。 おしゃれなブログ LITERALLY 参考にしたい記事 えむしとえむふじんがあらわれた 参考にしたい記事 NaeNote 参考にしたい記事 hacogaki 参考にしたい記事 Life is bitter 参考にしたい記事 Nimonoism 参考にしたくない記事 はてなブログ以外で参考にしたいサイト LIG S5-Style おわりに おしゃれなブログ LITERALLY CatNoseさんのブログ。 ブログのデザインに困ったらここに駆け込みましょう。 隅から隅までおしゃれ！ LITERALLYのデザインを、僕はめちゃくちゃ参考にさせて頂いています。見出しとかモロパ
ブログの目次をウィキペデア風に連番で表示するCSS - DREAMARK
はてなブログでは目次を簡単に入れる事が出来ます。[:contents]と編集画面で打ち込めばその部分が目次に変換されてブログに表示されるようになります。 しかし、デフォルトのままでは、リストが表示されるだけなので味気ないもの。この部分にCSSを適用して装飾し見やすくしてみましょう。そして今回紹は、装飾はもちろんですが、各項目にCSSを使って連番を表示させています。 下のが今回の記事の目次です。こんな風に表示出来ます。 連番をカウントするCSS contentプロパティ counter-increment counter-reset: toc; オマケ 今回使用したCSS 最後に １，２，３と進むだけでなく入れ子になった目次にも連番が付きます。 下記の画像のように、１.１、１.２、１.３のような感じですね。子だけでなく、孫やひ孫にも対応しています。また、この表示はスマホにも対応をしております
多数のCSSカスタム適用済のコンテンツ制作に最適なテーマCONTENTSを発表 - DREAMARK
執筆の息抜きにと思いテーマを作成していたのですが、コツコツと作り進めやっと完成をしました。本当は執筆後にと思っていたのですが、ブログを書かずにテーマの作成を進めてしまいました。実際に今このブログにもテーマを適用しています。見え方としては今見ているページのようになります。ちなみに現在はPCのみに対応しているので、スマホ等から見ている方ははてなページのままだと思います。 ２０１６年５月２９日にレスポンシブデザインに対応しました。 ※スマホ用のCSSは後の記事で一覧をまとめて書きます。 今回作ったテーマのコンセプトは、「主役はコンテンツ」と言うことで、よりコンテンツ作りに集中してもらえるようなテーマを作ろうという所から出発し、見てくれるユーザーからも見やすくするために全体的に余白や文字の間隔等にも余裕をもたせいます。そして楽しまれるような実用的なテーマを目指して来ました。その想いが現れるように、
WEBデザインを本格的に勉強するなら、絶対に見るべきはてなブログ7選｜はてな神7 - 元『企業戦士』の1日1歩ブログ ~素晴らしき日常~
はじめに 17年05月30日迄のデザイン 1．『NO TITLE』 ブログ運営者様 ここがすごい！ 2．『LITERALLY』 ブログ運営者様 ここがすごい！ 3．『Minimal Green』 ブログ運営者様 ここがすごい！ 4．『Yukihy Life』 ブログ運営者様 ここがすごい！ 5．『FOXISM』 ブログ運営者様 ここがすごい！ 6.『急がば急いでまわれ！』 ブログ運営者様 ここがすごい 7.『つばさのーと』 ブログ運営者様 ここがすごい 最後に はじめに 4月にブログをはじめて、記事を書く中で「WEBデザイン」を勉強することにハマってしまい…現在のブログデザインに至るまでに、かれこれ4回変更を加えてました。 変更理由は「飽き性」というより、皆様の反応を見ながら「改良」を行ってきた感じです。それこそ例で出すなら、ブログはじめて2か月目は、こんなデザインでした(笑) 17年05
wonderland02.com
As you play a slot machine, money management is just one among the necessary factors which affect your success. If in order to able to control your money wisely, you will have better amount of your time which may do spend positively playing. You need understand when to extend bets or decrease it... This choices are great for both those who desire the name of the track marked on their music. By wor
はてなブログで標準的に利用可能なアイコン絵文字フォント一覧 - 太陽がまぶしかったから
はてなブログで標準的に利用可能なアイコン絵文字 はてなブログには各種サービスやブログ内のアイコン画像がWebフォントとしてインストールされており、特定のクラスをつけたタグを用いる事で「はてなブログ」の様に文字列として出力可能となっています。はてなブログ専用の絵文字という事ですね。 「<i class="blogicon-hatenablog"></i>はてなブログ」 はてなブックマーク Twitter でシェア Facebook でシェア Feedlyでフォロー こんな感じで、バイラル風のシェアボタンやブログパーツを作る時に重宝するのですが、実際に出力される内容について把握しきれていなかったので、これを機会に現時点で利用可能なアイコン絵文字フォントのリファレンスを作成しました。 アイコン絵文字フォント一覧 No クラス名 アイコン 000 blogicon-hatenablog 001 b
Demo: Pure CSS speech bubbles – Nicolas Gallagher
By Nicolas Gallagher The demo page for Pure CSS speech bubbles. For a detailed explanation view the CSS file. It is heavily commented. All examples use simple, semantic HTML. No empty elements, no unnecessary extra elements, no JavaScript, no images (apart from that Twitter logo). Have a look at the source code. The basic bubble variants This only needs one HTML element. For example, <p>[text]</p>
はてなブログのCSS編集が使いづらい人はDropboxを使いましょう - なか日記
2017/03/18追記 Publicフォルダの変更による物だと思いますが、この方法は現在使えなくなっています。残念。 2017 年 3 月 15 日より、Dropbox アカウントの Public フォルダは通常のフォルダと同じになります。デフォルトでは、このフォルダは非公開になります。今回の移行操作は自動的に行われます。 Public フォルダ – Dropbox ヘルプ 2017/03/22追記 id:c-miyaさんからブコメを頂きました。 はてなブログのCSSをDropboxに置けなくなったのでGitHub Pagesを使うようにした - なか日記 ちょっとURL変えればDropboxで大丈夫ですよ。<a href="https://dl.dropboxusercontent.com/s/8h9zwdwle12phz6/nakaji.hatenablog.com.css" tar
シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld
画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
急がば 急いでまわれ！
Site is undergoing maintenance
