スポンサーサイト

  • --.--.--  --曜日
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
FC2ランキング

FC2ブログテンプレート 4

  • 2007.09.28  金曜日
FC2ブログテンプレート第4弾。今回は自信なし作品ですが、良ければ使ってやってください。
omiseya-san_3
kanso
(3カラム)
サンプルページ
利用規約

テンプレートを使うならFC2ブログに登録。 開設はこちら>>>

テンプレート仕様

  • 3カラム 両サイドバー
  • メイン部分 435px サイド部分 176px

関連記事


ランキング参加中。良ければポチリとお願いします。
FC2ランキング

この記事へのコメント

 
  • トミー
  • URL
  • 2007.10.10 21:24

すっごくこのデザインが気に入って、是非使いたいと思ってるのですが、右がカラム落ちしてしまいます。大きな画像を使ってるせいだとは思うのですが、全体の幅を広げるには何処をいじればいいですか?色々試したのですがうまくいかなくて…ここに質問するのは間違ってるかもですが、教えて貰えたら嬉しいです。
 

>トミーさん

はじめまして、気に入って頂けてうれしいです。
ご質問の件ですが、スタイルシートの以下の部分を変更してください。

#container{
width:920px;
background:url("http://blog-imgs-10.fc2.com/m/a/s/masimarock/bg-03.gif");}

#wrapper{
width:705px;}

#content{
width:488px;}

#side-left{
width:215px;}

#side{
width:217px;}

幅を変えるには上記のwidth部分の数値を変更します。

#container は全体
#wrapper はメイン記事部分と右サイド部分を足したもの
#content はメイン記事
#side-left は左サイドバー
#side は右サイドバー

#containerの背景画像も920pxなので、幅を変えるならこちらも変更しなければいけません。

画像を変えずにメイン記事部分の幅を拡げたいならば、#contentのwidthの数値を上げ、#sideの数値を同じだけ下げると変更できます。そうするとメイン記事部分の幅は広くなりますが、右サイド部分は狭くなります。

以上の方法で変更してみてください。何か分からない点があればまたご質問ください。
 
  • むぅぼん
  • URL
  • 2007.10.12 16:59

チャコ様
お世話になります。むぅぼんと申します。

kansoのシンプルなデザインがとても気に入り使わせてもらっています。
多少のカスタマイズもさせていただいています。
利用規約内に収まっていると思っていますが・・・。
お時間がありましたら、私のページを見ていただき、規約外等がある場合にはご指摘いただければと思います。
その際には、お詫びし直ちに修正致します。
よろしくお願いいたします。

カスタマイズに関して一つ質問させてください。

こちらの「ブログデザイン勉強中」のように、著作権表示部分をメインおよび右サイドバー部分を使用し、ページの下部(フッター部分にではなくメインの一部になるような形)に配置することは可能でしょうか。

チャコ様のテンプレートデザインに対するポリシーや現在のソース構造上などを
踏まえ、ご回答いただければと思います。
また、可能な場合には具体的な方法についてもアドバイス頂ければ幸いです。

ご迷惑をお掛けしますが、よろしくお願いいたします。
 

>むぅぼんさん

はじめまして、ご丁寧なコメント、とても嬉しいです。

ご質問の件ですがまずHtmlの編集で、以下のところに青文字部分を書き加えてください。

<!--nextpage-->
<a href="<%nextpage_url>">次のページ ≫</a>
<!--/nextpage-->
</div>

<div class="○○">Copyright(C) 2006 むぅだぼん。All Rights Reserved.</div>

</div>
</div>
<!--/ メイン ********** -->

○○のところは半角英数で好きな文字を入れてください。その際、すでにスタイルシートで使われている文字は控えてください。(copyrightも使っています)

そして次にスタイルシートに以下のものを書き加えてください。場所はどこでも構いません。○○にはHtml編集で使った同じ半角英数を入れてください。

.○○{
text-align:center;
margin:20px 0 0 0;
font-size:10px;}

marginの数値は、上にあるホームなどのリンクとの間隔を指定しています。ご自分の好きな数値に変えてみてください。

これで表示されると思います。また何か分からない点があればご質問ください。
 
  • むぅぼん
  • URL
  • 2007.10.16 13:33

チャコ様

早急に回答をいただきありがとうございました。
にも関わらず、返信が遅くなってしまい申し訳ありませんでした。

教えていただいた方法にて、
希望の場所に著作権表示をすることができました。
ありがとうございました!
これからも大切に使わせていただきます。

また何か質問させていただくこともあるかもしれませんが、
その際は、よろしくお願いいたします。

新作にも無理しない程度にがんばってほしいなぁと
ちょっぴり期待してます!!

では、失礼します。
 

ご丁寧な返事ありがとうございます。上手くいって良かったです。

今までよりも一層のろのろペースになると思いますが、今後もテンプレートは作っていきます。また良ければご利用ください。

ではでは。
 
  • 兎和
  • URL
  • 2007.12.17 11:27

はじめまして、素敵なテンプレートを使わせていただいています。
あれやこれやと悩んだのですが、どうしても解決できないので質問させていただきます;
それは新着記事にアイコンを付けるようにカスタマイズしたところ、どうやっても行間が詰まってしまうところがでるのです;
もしお分かりになるようでしたら、解決策をお願いいたします。
 

>兎和さん

はじめまして、テンプレートのご利用ありがとうございます。

ご質問の件ですが、IEではimgタグ(画像)などがあると指定してあるline-height(行間)が無効になってしまいます。該当するimgにpadding指定するなどして回避するといいと思います。

「line-height IE バグ」で検索すると詳しくCSSの記述を書いてあるサイトがありますので、そちらを参考にしてみてはいかがでしょうか。
 
  • 兎和
  • URL
  • 2007.12.28 11:22

ご親切な回答、ありがとうございます。

頑張って全てとはいきませんが、回避できました。
本当にありがとうございます。

とてもこのテンプレートが気に入っており、これからも使わせていただきたいと思っています。

そこでまた質問なのですが、プラグイン3を記事のトップにフリーエリアとして使用したいと思っています。
もし可能でしたら、教えていただいてもよろしいでしょうか;
 

>兎和さん

カスタマイズは出来るだけご自身でやって頂きたいと思っていますので、明確な回答は避けて答えさせて頂きます。ご了承ください。

まずテンプレート機能一覧(http://blog.fc2.com/template.html)からプラグインの表示方法を確認してください。ダウンロードしたテンプレートのHTMLから確認してみても結構です(クラス指定しているdivタグは省きます)。

それを表示させたい部分に貼り付けます。記事部分の上なら
<!--topentry--> の上に書き込むと良いかと思います。

カスタマイズする際はテンプレートをコピーして作業されると安心です。頑張ってください。
 

チャコ様

回答ありがとうございます。
FC2ユーザーフォーラムでは見つけられませんでしたが
検索しスクリプトを入れたところ、無事開くことが出来るようになりました。

質問場所については申し訳ありませんでした。

また何かありましたらよろしくお願いします。
_^) /" ではでは。
 

>tumoさん

検索で方法が見つかったのですね。FC2ブログのカスタマイズ関連のサイトもあるので、こういった事は私のところで訊くより早いかもしれませんね(^^;)

とにかく出来てよかったですね。ではでは。
 

チャコ様
ありがたくテンプレを使わせて頂いてます。
少し気になったので聞きたいのですが、TOPページは、何記事ほどで「次のページ」と表示されますか?

追記を使ってなく、今5記事書いたのですが、重過ぎて表示が困難になりました。仕様次第では、追記など工夫してみようと思ってますので宜しければご教授お願いします。
 

はじめまして

テンプレートのご利用ありがとうございます。

表示件数はテンプレートとは関係ありません。ブログの環境設定で変えられます。詳しくはFC2のマニュアルを御覧下さい。
 
  • まひろ
  • URL
  • 2010.02.10 18:30

チャコ様>
お恥ずかしいw
しかしありがとうございました。

↑ページトップ

コメントを書く

※質問は該当するテンプレート記事へお願いします

アイコン
装飾
 
※非公開コメント投稿不可

↑ページトップ

この記事へのトラックバック

この記事にトラックバックする(FC2ブログユーザー)

↑ページトップ

ブログランキング

カテゴリー

プロフィール

カレンダー(月別)

検索フォーム

コメント

リンク

RSSフィード

その他

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。