<< 2018年4月 >>
  月 火 水 木 金 
  1  2  3  4  5  6  7
  8  9 10 11 12 13 14
 15 16 17 18 19 20 21
 22 23 24 25 26 27 28
 29 30               
19 Jul 2014
14:08 // Saturday
2


国民共同生活の安全と独立と自由とを維持する為に軍隊は造られたものである。其れが、隣国の同胞の共同生活の安全と独立と自由とを破壊する為に用ゐられる。個人と個人との間の、地方と地方との間の、国民と国民との間の、物資の有無を融通し、需要と供給とを調和する為に商業は行はるべきである。其れが、其有無の融通を妨害し、供給を壟断ろうだんする為に行はれる。暴力の横行を防禦して人民の自由、平安を保護せんが為に設けられたる警察は、自ら暴力を用ゐて人民の平和的自由を妨圧する。人民の熱望と熟慮によりて選択せらるべき筈の代議士は、自ら詐欺、脅迫、誘惑の「選挙運動」を敢てして省みない。政府も、学校も、工場も、賭場も、女郎屋も、淫売屋も、教会も、寺院も、悉く是れ吾等自ら幻影を追ふて建設したる造営物に過ぎない。かくて偉大なる近代的バベルの塔は科学と工学の知識を傾倒して築かれた。(石川三四郎「土民生活」より三、引用元「青空文庫」)
19 Jul 2014
13:31 // Saturday
1
国民共同生活の安全と独立と自由とを維持する為に軍隊は造られたものである。其れが、隣国の同胞の共同生活の安全と独立と自由とを破壊する為に用ゐられる。個人と個人との間の、地方と地方との間の、国民と国民との間の、物資の有無を融通し、需要と供給とを調和する為に商業は行はるべきである。其れが、其有無の融通を妨害し、供給を壟断ろうだんする為に行はれる。暴力の横行を防禦して人民の自由、平安を保護せんが為に設けられたる警察は、自ら暴力を用ゐて人民の平和的自由を妨圧する。人民の熱望と熟慮によりて選択せらるべき筈の代議士は、自ら詐欺、脅迫、誘惑の「選挙運動」を敢てして省みない。政府も、学校も、工場も、賭場も、女郎屋も、淫売屋も、教会も、寺院も、悉く是れ吾等自ら幻影を追ふて建設したる造営物に過ぎない。かくて偉大なる近代的バベルの塔は科学と工学の知識を傾倒して築かれた。(石川三四郎「土民生活」より三、引用元「青空文庫」)
Description
※この説明は全体レイアウトの#blog#タグ下に入っています。使用する際は#blog#タグの下をすべて削除して下さい。
※見やすくするため下部の各サンプルに”実際には不要な”余白を入れています。その為、ブラウザサイズを小さくした場合、横スクロールが出てしまいます。ご了承下さい。説明コンテンツを削除すればなくなります。


横並びカレンダーのブログデザインです。
カテゴリ分けをしない日記向け/コメントなし/カテゴリ・過去ログのフォームなし
ガラケー未確認、PC/タブレット/スマフォ向けです。ブラウザによるデザイン崩れは想定していません。
軽量化のためCSSは圧縮(minify)しています。カスタマイズの際はご注意下さい。
サポートしていません。
リンクや使用報告は不要です。

■カレンダーについて
訪問者のアクセス環境が「Javascript無効」の場合は横並びにならずナノデフォルトのカレンダーが表示されてしまいます。
また、カレンダーは自動で挿入されるspanタグ自体に等幅フォントが指定されており数字部分の折り返しが効きません。その為、カレンダーの横幅以下ではデザインが崩れるので、コンテンツ幅を下回るブラウザには横並びカレンダーは不向きです。
Javascripst無効のほとんどがガラケーとし、対策として860px以下のブラウザに対しメディアクエリでdisplay:none;を指定しています。コンテンツ幅の800pxに見栄えよく余裕を持たせるため+60pxとしました。


Sample
実稼働サンプルはこちら(別窓開きます)です。

▼カレンダーサンプル
ブラウザサイズ860px以下は表示されません。
<< 2014年7月 >>
  月 火 水 木 金 
        1  2  3  4  5
  6  7  8  9 10 11 12
 13 14 15 16 17 18 19
 20 21 22 23 24 25 26
 27 28 29 30 31      


▼jQueryプラグインだけ使用したい方はコピペして下さい。(改変可、再配布可)
フォントの変更は.cal > span{}!importantしないと変更されません。

<HEAD>〜</HEAD>の間に挿入
<!--***jQueryここから***-->
<!--via mqdesign // nanos.jp/mqdesign-->
<!--javascript無効の場合は動作しません-->

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){$(".cal").each(function(){var t=$(this).html();$(this).html(t.replace(/年/g," , "))}),$(".cal").each(function(){var t=$(this).html();$(this).html(t.replace(/<br>|日|月|火|水|木|金|土/g,""))})});
</script>
<!--***jQueryここまで***-->

ブログ機能の表示したい場所に挿入(#は半角英数字の#に変更して下さい)
<div class="cal">#cal#</div>


▼一覧画面サンプル
08 Jun 2014
#time# // #we2#
石川三四郎「土民生活」
/*改行なし*/国民共同生活の安全と独立と自由とを維持する為に軍隊は造られたものである。其れが、隣国の同胞の共同生活の安全と独立と自由とを破壊する為に用ゐられる。個人と個人との間の、地方と地方との間の、国民と国民との間の、物資の有無を融通し、需要と供給とを調和する為に商業は行はるべきである。其れが、其有無の融通を妨害し、供給を壟断ろうだんする為に行はれる。暴力の横行を防禦して人民の自由、平安を保護せんが為に設けられたる警察は、自ら暴力を用ゐて人民の平和的自由を妨圧する。人民の熱望と熟慮によりて選択せらるべき筈の代議士は、自ら詐欺、脅迫、誘惑の「選挙運動」を敢てして省みない。政府も、学校も、工場も、賭場も、女郎屋も、淫売屋も、教会も、寺院も、悉く是れ吾等自ら幻影を追ふて建設したる造営物に過ぎない。かくて偉大なる近代的バベルの塔は科学と工学の知識を傾倒して築かれた。(石川三四郎「土民生活」より三、引用元「青空文庫」)
25 Feb 2014
#time# // #we2#
石川三四郎「土民生活」
/*改行あり*/
国民共同生活の安全と独立と自由とを維持する為に軍隊は造られたものである。
其れが、隣国の同胞の共同生活の安全と独立と自由とを破壊する為に用ゐられる。
個人と個人との間の、地方と地方との間の、国民と国民との間の、
物資の有無を融通し、需要と供給とを調和する為に商業は行はるべきである。
其れが、其有無の融通を妨害し、供給を壟断ろうだんする為に行はれる。
暴力の横行を防禦して人民の自由、平安を保護せんが為に設けられたる警察は、
自ら暴力を用ゐて人民の平和的自由を妨圧する。
人民の熱望と熟慮によりて選択せらるべき筈の代議士は、
自ら詐欺、脅迫、誘惑の「選挙運動」を敢てして省みない。
政府も、学校も、工場も、賭場も、女郎屋も、淫売屋も、教会も、寺院も、
悉く是れ吾等自ら幻影を追ふて建設したる造営物に過ぎない。
かくて偉大なる近代的バベルの塔は科学と工学の知識を傾倒して築かれた。
(石川三四郎「土民生活」より三、引用元「青空文庫」)
08 Jun 2014
#time# // #we2#
記事タイトル
/*改行なし写真あり*/写真の横幅はコンテンツ要素に対して最大88%で表示されます。拡大はしませんが、大きいサイズの画像は自動的に縮小します。※なお、装飾は記事内のimgタグすべてにつきます。絵文字を画像で使用している場合はすべて装飾されますのでご注意下さい。


▼記事・追記画面サンプル
08 Jun 2014
#time# // #we2#
石川三四郎「土民生活」
国民共同生活の安全と独立と自由とを維持する為に軍隊は造られたものである。其れが、隣国の同胞の共同生活の安全と独立と自由とを破壊する為に用ゐられる。個人と個人との間の、地方と地方との間の、国民と国民との間の、物資の有無を融通し、需要と供給とを調和する為に商業は行はるべきである。其れが、其有無の融通を妨害し、供給を壟断ろうだんする為に行はれる。暴力の横行を防禦して人民の自由、平安を保護せんが為に設けられたる警察は、自ら暴力を用ゐて人民の平和的自由を妨圧する。人民の熱望と熟慮によりて選択せらるべき筈の代議士は、自ら詐欺、脅迫、誘惑の「選挙運動」を敢てして省みない。政府も、学校も、工場も、賭場も、女郎屋も、淫売屋も、教会も、寺院も、悉く是れ吾等自ら幻影を追ふて建設したる造営物に過ぎない。かくて偉大なる近代的バベルの塔は科学と工学の知識を傾倒して築かれた。(石川三四郎「土民生活」より三、引用元「青空文庫」)
追記テストです。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。これは追記です。
アクセス制限機能充実
夢小説のDLove
- ナノ -