▲ back to TOP

admin |  RSS
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 FRAZ-001-2colum  2014/01/30 (Thu)
fraz-002-2css
[ FRAZ-001-2colum ](Sample)
2カラム / プラグイン対応

FRAZ-001の2カラムver.です。
外観はFRAZ-001を2カラムにしただけなのですが、cssなどがよく分からない方には幅変更はオススメしません。
モノクロでシンプルなテンプレート。
CSS3で角丸を施し、サイドにも余裕を持たせてあるので全体的に柔らかい印象に。
日記にも写真展示にも使えるかと思います。

カスタマイズポイント


カスタマイズ ブログ名の下のメニューはデフォルトではCategoryを表示しています。
   必要に合わせてリンクを増やしたり、不要ならメニューごと削除してください。
※カテゴリー数が多い場合、表示がはみ出てしまいます。
 その場合、カテゴリーを整理して頂くか、デフォルトの状態だと子カテゴリーも表記されるので親カテゴリー表記のみにして頂ければ多少余裕が出来るかと思います。


カテゴリ以外のメニューやリンクを増やす場合
<!-- メニュー -->
<div class="menu">
<ul>
<li><a href="アドレス">リンク名</a></li>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name></a></li>
<!--/category-->
<li><a href="アドレス">リンク名</a></li>
<li><a href="アドレス">リンク名</a></li>
</ul>
</div>
<!-- メニューここまで -->


といった感じに<!--category-->~<!--/category-->の上下にリストタグを増やせばメニューが増えます。
サイトをお持ちの方でサイトに戻る為のリンクが欲しい方などには便利かも?

カテゴリー表記が不要でリンクだけメニューに使いたいという方は<!--category-->~<!--/category-->をざくっと削除してしまってください。


カスタマイズ 右上のfacebookやtwitterアイコンは不要なら削除してください。
   使用する場合はtwitterとfacebookのアドレス入力を忘れずに。
関連記事
スポンサーサイト
COMMENT FORM
URL:
comment:
password:

初めまして。
とてもデザインが気に入り早速使用させて頂こうとしたところ、画像を貼ると文字が改行されず画像の横にきてしまいます。
何か改善策はありませんか?

2014/02/19(Wed) |URL|R [edit]

Rさんこんにちわ。返信が遅くなり申し訳ありません。
画像を貼る場所は記事内でよろしいでしょうか。
それでしたら記事編集画面にて画像URL後、改行をして頂ければ文字が画像の横に来ることはありません。
試してみてください。もしダメなようでしたらまたご連絡頂けると嬉しいです。

2014/02/21(Fri) |URL|管理人 [edit]

「記事編集画面にて画像URL後、改行をして頂ければ」

「記事編集画面にて画像URLタグを入れenterを押し、改行してから文字を記入して頂ければ」
です。
分かりにくい表記をしてしまい申し訳ありません。

2014/02/21(Fri) |URL|管理人 [edit]

ご回答ありがとうございます。
Google Chromeで観覧した場合書いた記事通りに改行されますが、Internet Explorerで観覧した場合は何度改行や改行タグを入れても画像の横に本文が来てしまいます。
また、最新の記事の画像がその前の記事のタイトルに被ってしまったりします。

2014/02/21(Fri) |URL|R [edit]

Rさんへ

とりあえずの解決方法として
<p><img=○○></p>
といったようにimgタグの前後に<P>タグを付けてみてもダメでしょうか。

また根本的にテンプレートタグの中に何らかの記述ミスがあると思われますが、当方ではIE10、IE8以外での表示確認できない状況となっております。
そのどちらでも表示崩れは確認できませんでした。
原因解明の為に良ければご使用になられているIEのバージョンとOSのバージョンを教えて頂けませんでしょうか。

当方のテンプレートを気に入ってくださったのに不甲斐無く、ご迷惑をお掛けして申し訳ありません。

2014/02/21(Fri) |URL|管理人 [edit]

返信ありがとうございます。
Internet Explorer11、windows 7です。
<P>タグを試してみましたが状況は変わりませんでした。
いえこちらこそ体調が優れない中返信を頂きまして、丁寧な対応大変感謝致します。
テンプレートを使用できる日を楽しみにお待ちしてます。

2014/02/21(Fri) |URL|R [edit]

こんにちは。
windows 8、Internet Explorer10でも確認したところ同じ状況になりました事をご報告致します。

2014/02/22(Sat) |URL|R [edit]

Rさんへ

返信遅くなりまして申し訳ありません。
(win8.1にアップデートするのに時間が掛かってしまいました…;)
IE11にてRさんのおっしゃる通りの表示崩れを確認致しました。

テンプレートのCSSの下記の部分を修正してみてください。

.kizi_body img{  
  float:left;
margin: 0 10px 0px !important;
padding:0 10px 5px !important;
border: 0 !important;
}

となっている部分の【 float:left; 】の一行を削除して頂ければ正常な表示になるかと思います。


もしこれで直らなければ良ければまたご連絡ください。
またテンプレートも修正したものを近日中に共有テンプレートに公開させて頂きたいと思います。
何度もご報告と手間を取らせてしまって申し訳ありません。
これからもっと精進させて頂きますね…!

2014/02/23(Sun) |URL|管理人 [edit]

ありがとうございます。
無事直りました!
早速テンプレートを使用させて頂いております。
この度はお忙しい中迅速なご対応大変感謝致します。

2014/02/24(Mon) |URL|R [edit]

Rさんへ

表示崩れ直って良かったです!
私もほっとしておりますと同時にわざわざご報告有難うございました。
今後も何かありましたらどうぞお気軽にご連絡くださると嬉しいです。
RさんのBlogの盛況を願いつつ、失礼いたします。
Blog運営頑張ってくださいませ!

2014/02/24(Mon) |URL|管理人 [edit]

承認待ちコメント

このコメントは管理者の承認待ちです

2015/02/06(Fri) || [edit]
Trackback
トラックバックURL: http://fraz.blog.fc2.com/tb.php/4-511c84b1
Template by :FRAZ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。