本日、申請していたテンプレート [serene_resp3c] [serene_resp2c-r（右メニュー）] [serene_resp-l（左メニュー）] の3点が共有化致しました。今回の共有化は早かったです。が、実は昨日CSSで一ヵ所（FC2ブログ上部に有る検索バーの表示が）崩れる問題が有って、FC2に却下されたんですけどね。(^-^; 直ぐに修正して再申請し、無事共有化致しました。昔は共有テンプレートを申請する人もいっぱいいて、共有化するまで一週間位掛か...
*Essence
HP用フリー素材とFC2共有テンプレートを作成・配布しています。
Top Page › Category － テンプレート
本日、申請していたテンプレート [ct_responsive3c] [ct_responsive2c-r（右メニュー）] [ct_responsive2c-l（左メニュー）] の3点が共有化致しました。← [ct_responsive3c（3カラム）］ディスプレイサイズによって、カラム数が 3 → 2 → 1 と変化します。← [ct_responsive2c-r（2カラム・右メニュー）］ディスプレイサイズによって、カラム数が 2 → 1 と変化します。← [ct_responsive2c-l（2カラム・左メニュー）］ディスプレイサ...
ありがとうございます * by ヒロ
aki様、こんばんは。
丁寧な説明ありがとうございました。
ほぼ知識がない自分でも簡単に出来ました！
これからも大切に利用させていただきます。
まだまだ寒い日が続きますのでご自愛ください。
丁寧な説明ありがとうございました。
ほぼ知識がない自分でも簡単に出来ました！
これからも大切に利用させていただきます。
まだまだ寒い日が続きますのでご自愛ください。
ヒロ 様へ * by aki
初めまして♪そして、明けましておめでとうございます。m(__)m
拙いテンプレートのご利用、誠に有難うございます。
早速ご質問の件です。
記事内の余白は2カラムも3カラムも同じ寸法になっておりますので、改変個所も全て同じです。（スマホやタブレット、PCでの閲覧用に全部で4か所あります。）
スタイルシート編集枠を1/4程スクロールした所にある
.con_body {
margin: 20px 20px 10px;
}
3/4ちょい上までスクロールしたところに有る
@media only screen and (max-width:749px)
.con_body {
margin: 15px;
}
5/6程までスクロールしたところに有る
@media only screen and (min-width:1000px)
.con_body {
margin: 20px 30px 10px;
}
7/8程までスクロールしたところに有る
@media only screen and (max-width:400px)
.con_body {
margin: 10px;
}
の4か所です。
数値が3つになっているものは、左から 上 左右 下 になっていて、
margin: 上px 左右px 下px;
というように指定しています。なので、margin: 20px 20px 10px;と書かれていたら、上に20px,左に20px,右に20px,下に10px; という余白になります。
marginの数値が1つの場合は、上下左右が同じ数値の余白になります。
（…因みに数値2つの場合は 上下px 左右px になります。）
この数値を左のみ変えたい場合は、4つに分けて記述します。
margin:上px 右px 下px 左px;
というように、上から時計回りに指定します。（上→右→下→左）
左側を狭めたい場合は一番最後の数値を小さくしてあげれば良いので、前出の数値であれば
margin: 20px 20px 10px 0px;
という数値になります。
それを、上記のスタイルシート箇所に当てはめ（0pxで記事タイトル枠と一緒位になりますが、5～10px位は有った方が読み易いと思います…）ご自身でブラウザの幅を狭めて確認しながら、丁度良い余白を決めて下さい。
上記の説明でご不明な点が有りましたら、再度コメント下さいませ。m(__)m
拙いテンプレートのご利用、誠に有難うございます。
早速ご質問の件です。
記事内の余白は2カラムも3カラムも同じ寸法になっておりますので、改変個所も全て同じです。（スマホやタブレット、PCでの閲覧用に全部で4か所あります。）
スタイルシート編集枠を1/4程スクロールした所にある
.con_body {
margin: 20px 20px 10px;
}
3/4ちょい上までスクロールしたところに有る
@media only screen and (max-width:749px)
.con_body {
margin: 15px;
}
5/6程までスクロールしたところに有る
@media only screen and (min-width:1000px)
.con_body {
margin: 20px 30px 10px;
}
7/8程までスクロールしたところに有る
@media only screen and (max-width:400px)
.con_body {
margin: 10px;
}
の4か所です。
数値が3つになっているものは、左から 上 左右 下 になっていて、
margin: 上px 左右px 下px;
というように指定しています。なので、margin: 20px 20px 10px;と書かれていたら、上に20px,左に20px,右に20px,下に10px; という余白になります。
marginの数値が1つの場合は、上下左右が同じ数値の余白になります。
（…因みに数値2つの場合は 上下px 左右px になります。）
この数値を左のみ変えたい場合は、4つに分けて記述します。
margin:上px 右px 下px 左px;
というように、上から時計回りに指定します。（上→右→下→左）
左側を狭めたい場合は一番最後の数値を小さくしてあげれば良いので、前出の数値であれば
margin: 20px 20px 10px 0px;
という数値になります。
それを、上記のスタイルシート箇所に当てはめ（0pxで記事タイトル枠と一緒位になりますが、5～10px位は有った方が読み易いと思います…）ご自身でブラウザの幅を狭めて確認しながら、丁度良い余白を決めて下さい。
上記の説明でご不明な点が有りましたら、再度コメント下さいませ。m(__)m
カスタマイズについて * by ヒロ
はじめまして。あけましておめでとうございます。
理想のレイアウトだったのでお借りして使わせてもらっています。
色々試したのですがどうしてもわからなかったので質問させてください。
記事内の余白を小さくして、本文の左側をもうちょっと枠に寄せたい（記事タイトルくらいの位置）のですがうまくいきません。
急ぎではないのでお時間あるときアドバイスいただけないでしょうか？
理想のレイアウトだったのでお借りして使わせてもらっています。
色々試したのですがどうしてもわからなかったので質問させてください。
記事内の余白を小さくして、本文の左側をもうちょっと枠に寄せたい（記事タイトルくらいの位置）のですがうまくいきません。
急ぎではないのでお時間あるときアドバイスいただけないでしょうか？
HTML5、レスポンシブ…が当たり前になって参りましたので、随分と昔に作成した共有テンプレートを整理したいと思います。先ずは既に申請済みの11種22点を10月末で共有テンプレートから外し、後は追々に考えます。かつては不勉強な中 色々作っていたのですが…今の流れに追従することが難しくなって参りましたので、そろそろお休みしようかな、と。頭の中の物は ほぼ出尽くしましたし、素晴らしいデザインが沢山共有化されてますので...
本日、レスポンシブのテンプレートを共有申請致しました。← 『al_responsive3c』3カラム申請は左の画像（記事簡易表示タイプ）。HTMLを5行変更するだけで記事全表示タイプ(右画像）になります。← 『al_responsive2c-l』（2カラム・メニュー左）申請は左の画像（記事簡易表示タイプ）。HTMLを5行変更するだけで記事部全表示タイプ(右画像）になります。← 『al_responsive2c-r』（2カラム・メニュー右）申請は左の画像（記事簡易表示...
FC2総合インフォメーション 【ブログ】 7月テーマ☆自作テンプレート応募作品紹介！申請済みテンプレート「dt21_ryo-3c」、総合インフォメーションに掲載してもらいました。（このテンプレートです。昨年の夏にも応募していたのですが、その際のテーマは「夏のイベント」で花火のテンプレートを申請しました。（dt10_hanabi-2c 共有化済みです。）（昨年）8月のデザインテーマ 「夏のイベント」 応募作品紹介募集期間も7月テーマで...
またご不明な点などがございましたら、当方の分かる範囲でお答え致しますので、どうぞ気兼ね無くお声掛け下さいませ。
（その際、カラム数によって改変が異なる箇所もございますので、ご利用になっているテンプレート名の明記もお願い致します。）
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m