フォト

プロフィール

お問い合わせ・ご相談

  • お問い合わせ・ご相談のお申し込みにつきましてはこちらのページをご覧ください。

ブログランキング

弁護士木村康之へのお問い合わせ・ご相談について

このブログをご覧になられてのお問い合わせ・ご相談につきましては,お電話またはメールでのお申込みをお願いいたします。

お電話によるお問い合わせ・ご相談のお申込み

経堂綜合法律事務所
住所:東京都世田谷区経堂1-19-12 遠州ビル402
TEL:03-6432-6964
(受付時間:平日午前9:30~午後5:30)
までお電話ください。

受付の際に,木村宛のお問い合わせ・ご相談である旨お知らせいただければ,折り返しご連絡差し上げます。

メールによるお問い合わせ・ご相談のお申込み

こちらのメールフォームよりお申し込みください。
3営業日以内を目処に,折り返しご連絡を差し上げます。
(※ 不具合によりメールが届かないことがありますので,3営業日以内に折り返しの連絡がない場合には,お手数ですがお電話にてお問い合わせください。)

なお,お手持ちの資料等を拝見しないと正確な回答ができないこととの関係上,ご相談に対し,電話・メールでご回答を差し上げることはいたしかねます。

また,業務繁多その他の都合によりご相談をお受けできない場合もございますので,あらかじめご了承ください。

法律相談料

初回相談(30分まで)は相談料無料。
2回目以降のご相談(30分以降)は,30分毎に5,400円(税込)

主な取扱事件

刑事事件,一般民事事件,家事事件,行政事件,債務整理,労働事件等

特殊な取扱事件

・質屋に対する過払い金返還請求
・行政処分にかかる聴聞・意見の聴取,弁明の聴取手続代理
・社会保障(公的年金,医療保険,労働保険,生活保護等)に関係する事件

過去の解決例

こちらをご覧ください。

これまでの取扱事件

こちらをご覧ください。

2018年6月12日 (火)

レスポンシブデザインへの変更@ココログ-その1-

以前の記事に書きましたが,ブログをレスポンシブデザインに変更しました。
変更にあたって,いくつか悩むところもあったので,備忘も兼ねて,手順を公開しておきます。
(※ プランはココログプロを使用しています。)

ビューポートの設定

まずは,設定→「ブログのサブタイトル」に以下のとおり記述します。

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scale=0">

スタイルシートの記述

レイアウトは,ココログのテンプレートのうち「両サイドバー付」を使っていましたが,レスポンシブデザインに変更するにあたって,

・ブレイクポイントは480px,800pxで区切る。
・カラムの並び順を記事→右サイドバー→左サイドバーとして,縦並びにする。
・右サイドバーの並び順を,最近の記事→カテゴリー→バックナンバーとして,カレンダーを非表示にする。
・バナー画像はオリジナルのものを用いる。

とすることにしました。

これらを踏まえたスタイルシートが以下のものになります。

@media screen and (max-width: 480px) {
#container {
font-size: 105%;
width: auto;
}

#header {

width: auto;
}

#header-inner {

width: auto;
}

#banner {

background: url(http://kmrysyk.cocolog-nifty.com/banner-m1.png) no-repeat top left;
background-size: auto;
width: auto;
height: auto;
min-height: 120px;
}

#banner-inner {

width: auto;
padding: 28px 0 0 90px;
}

#banner-header {

font-size: 18px;
width: auto;
}

#banner-description {

font-size: 13px;
width: auto;
}

.entry-header,

.entry-header a {
font-size: 17px;
width: auto;
}

.layout-three-column #pagebody {

width: auto;
}

.layout-three-column #pagebody-inner {

width: auto;
display: flex;
flex-direction: column;
}

.layout-three-column #alpha {

order: 3;
width: auto;
}

.layout-three-column #gamma {

order: 2;
width: auto;
}

.layout-three-column #beta {

order: 1;
width: auto;
}

.layout-three-column #beta-inner {

padding: 0% 4% 0% 4%;
width: auto;
}

.layout-three-column #gamma-inner {

width: auto;
display: flex;                  
flex-direction: column;
}

.layout-three-column #recent-entries {

order: -2;
width: auto;
}

.layout-three-column #archive-category {

order: -1;
width: auto;
}

.module-header {

font-size: 1em;
width: auto;
}

.module .module-header a,

.module-header .edit a {
font-size: 1em;
width: auto;
}

.module-content {

font-size: 1em;
width: auto;
}

.module-calendar {

display: none;
width: auto;
}

#footer {

width: auto;
}

#footer-inner {

width: auto;
}

}


@media screen and (min-width: 481px) and (max-width: 800px) {

#container {
font-size: 125%;
width: auto;
}

#header {

width: auto;
}

#header-inner {

width: auto;
}

#banner {

background: url(http://kmrysyk.cocolog-nifty.com/banner.png) no-repeat top left;
background-size: container;
width: auto;
height: auto;
min-height: 170px;
}

#banner-inner {

padding: 55px 0 60px 195px;
width: auto;
}

#banner-header {

font-size: 24px;
width: auto;
}

#banner-description {

width: auto;
}

.layout-three-column #pagebody {

width: auto;
}

.layout-three-column #pagebody-inner {

width: auto;
display: flex;         
flex-direction: column;
}

.layout-three-column #alpha {

order: 3;
width: auto;
}

.layout-three-column #gamma {

order: 2;
width: auto;
}

.layout-three-column #beta {

order: 1;
width: auto;
}

.layout-three-column #beta-inner {

padding: 0% 4% 0% 4%;
}

.layout-three-column #gamma-inner {

width: auto;
display: flex;                  
flex-direction: column;
}

.layout-three-column #recent-entries {

order: -2;
}

.layout-three-column #archive-category {

order: -1;
}

.module-header {

font-size: 1em;
}

.module .module-header a,

.module-header .edit a {
font-size: 1em;
}

.module-content {

font-size: 1em;
}

.module-calendar {

display: none;
}

#footer {

width: auto;
}

#footer-inner {

width: auto;
}

}

2018年6月
          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