コピペ+αではてなブログにSNSフォローボタンを設置するカスタマイズ - Yukihy Life

2015/06/26 111 users コピペ Yukihy Life カスタマイズ disp ブログ

2015-06-26 コピペ+αではてなブログにSNSフォローボタンを設置するカスタマイズ ブログ ブログ-カスタマイズ text-small">◯◯</span>」の部分を消去してください。 その後下のコードをコピペです。 .follow-btn{ width: 100%; text-align: left; margin-bottom: 10px; } .follow-btn a { disp... 続きを読む

シリアとヨルダン、「イスラム」フィルターを外すと見えてくるもの 人口と食料生産で読み解く国家の姿：JBpress(日本ビジネスプレス)

2015/02/08 179 users float JBpress 博之 ヨルダン 川島

2015年02月09日(月) <div style="float:left;margin-right:10px;""> [ 中東・アフリカ ] シリアとヨルダン、 「イスラム」フィルターを外すと見えてくるもの 　人口と食料生産で読み解く国家の姿 [川島 博之] テレビや新聞で中東に関して各種の情報が伝えられているが、ここではもう少し根本から中東で起きていることを考えてみるために、シリアとヨルダンの... 続きを読む

【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた | バシャログ。

2012/03/06 388 users バシャログ CSS margin Zoff hakoishi

モニターを見つめる目に優しいメガネがZoffからも出る！しかも度付きOK、フレームも選べる！気になってます。hakoishiです。 さて、今回は実は便利なcssのセレクタ指定方法をちょっとだけ掘り起こしてご紹介。 直下要素だけ、とかセレクタ名が部分一致したら、とか実はかなり便利です！ 特定の要素の直下の要素に一括でマージンを設定 #container>* { margin: 0 10px; } 親... 続きを読む

全150種類以上、ミニサイズでかわいらしいけど実用的なアイコン素材 -Bijou | コリス

2012/01/11 108 users ウェブアプリケーション tiny コリス ウェブサイト ベース

ウェブサイトやウェブアプリケーションなどで汎用的に利用できる、10pxをベースにしたミニサイズのアイコン素材を紹介します。 Bijou — tiny, 10 pixel icons for free ダウンロードできるア [...] 続きを読む

[CSS]たった二行で、さまざまなカラムを設定するグリッドのフレームワーク | コリス

2010/11/14 271 users コリス margin Row カラム フレームワーク

たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシンプルでdiv要素を使うだけです。... 続きを読む

[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム | コリス

2009/02/19 235 users グリッドシステム コリス マージン グリッド CSS

全幅970px（960+10px）の6カラムと12カラムのグリッドをベースにし、汎用的に展開できるように設計されたグリッドシステム「The Golden Grid」を紹介します。 The Golden Grid ベースとなる6カラムと12カラムのグリッドは、下記のようになっています。 6カラムの構成 1カラム：150px、マージン：10px 150*6+10*7=970px 12カラムの構成 1カ... 続きを読む

[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス

2008/12/03 230 users ウォーターマーク padding コリス キャプション URL

TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。 Drop Shadow Effect demo HTML CSS img.shadow { background: url(shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5... 続きを読む