※こちらから利用規約を確認してください
2カラム

プレビュー表示
シンプルなフレームのテンプレートです。
トラックバックurlをボタンクリックでコピー
コメント表示欄の管理者のコメントに「コメントレス」と表示
*管理者の名前をテンプレートのHTMLに書き込む必要があります
コメント部分のカスタマイズについてはこちら
その他に公開しているテンプレート一覧
タイトル右の写真を入れ替えられます。
サイズは360×240
自分で好きな写真に入れ替えられます。
先ず、サイズ360×240の写真を用意して、アップロードします。
スタイルシートの
/* 写真部分の設定 */
background-image: url(画像のurl);
の画像のurlの部分に、アップロードした写真のurlを入れてください。
以下に替え用の写真を用意してます。
それぞれファイル名を記してありますので、
urlのファイル名の部分を書き換えてください。
※テンプレート以外では使用しないでください
ファイル名 kumo.jpg

ファイル名 aozora.jpg

ファイル名 hikouki.jpg

ファイル名 yuyake.jpg

気が向いたら増やすかも
3カラム版
HTMLファイル
CSSファイル
幅広版CSSファイル
ランキング参加中
ジャンル:ブログ テーマ:共有テンプレート
2カラム

プレビュー表示
シンプルなフレームのテンプレートです。
トラックバックurlをボタンクリックでコピー
コメント表示欄の管理者のコメントに「コメントレス」と表示
*管理者の名前をテンプレートのHTMLに書き込む必要があります
コメント部分のカスタマイズについてはこちら
その他に公開しているテンプレート一覧
タイトル右の写真を入れ替えられます。
サイズは360×240
自分で好きな写真に入れ替えられます。
先ず、サイズ360×240の写真を用意して、アップロードします。
スタイルシートの
/* 写真部分の設定 */
background-image: url(画像のurl);
の画像のurlの部分に、アップロードした写真のurlを入れてください。
以下に替え用の写真を用意してます。
それぞれファイル名を記してありますので、
urlのファイル名の部分を書き換えてください。
※テンプレート以外では使用しないでください
ファイル名 kumo.jpg

ファイル名 aozora.jpg

ファイル名 hikouki.jpg

ファイル名 yuyake.jpg

気が向いたら増やすかも
3カラム版
HTMLファイル
CSSファイル
幅広版CSSファイル
ランキング参加中ジャンル:ブログ テーマ:共有テンプレート
<< ピーター・パン | ホーム | 大人の科学マガジンVol.16 卓上ミニ茶運び人形 >>
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/11 19:02 | [ 編集]
コメントありがとうございます!
センタリングされてしまうとのことなんですが、記事内は文字を左寄せの設定にしてあります。
このブログも拍手の下にリンクを貼ってるんですが、
HTML内の<!--/more-->の下に貼れば左寄せになる筈です。
どうしてもならない場合はタグに直接指定してみてください。
<a herf="url"><img src="url" align="left"></a>
赤字の設定をすると左寄せになります。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/11 20:42 | [ 編集]
もしかしてpタグで括ってますか?
もしそうならスタイルシートでセンタリング設定になっているので、
<p></p>を消してしまえば左寄せになると思います。
消さなくても<p>にalign="left"で左寄せ指定をするか、
画像と文字をdivタグかなんかで、こんな風に
↓
<div align="left">
〜
</div>
設定すれば左寄せになると思います。
分かりにくかったらすいません(汗)
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/12 14:08 | [ 編集]
うまくいきませんか?
う〜ん、どうしてなんだろう……
役に立たなくてすいません。
何かありましたら、またお気軽にどうぞ
ありがとうございました。
無事出来ました。
感謝します!!
2007/07/13 14:06URL | joona[ 編集]
無事解決してよかったです!!
何かありましたらまたどうぞ
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/14 17:20 | [ 編集]
コメントありがとうございます。
枠線が途切れてしまうとのことなんですが、
記事の部分は幅を460pxに固定してあるのでそれ以上大きい画像を貼ろうとするとレイアウトが崩れてしまいます。
多分、その所為だと思うんですが。
スタイルシートで幅を変更してもらえれば崩れなくなると思います。
/* ブログタイトルと説明部分 */
/* エントリー部分(幅・位置・余白) */
/* 全体の設定(幅・余白) */
のwidthを同じだけ増やしてください。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/14 18:49 | [ 編集]
幅が原因じゃなかったみたいですね。
えっと、どうしてなんだろう…
試しに携帯から投稿してみたら何故か横の線が途切れてました。
すいません。
ちょっと原因はわからないです。
パソコンからエントリーした時は何ともないのに。
う〜ん……
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/14 23:37 | [ 編集]
力不足で申し訳ないです。
これからもちまちま作っていく予定なので、気に入ったのがありましたらまたどうぞ
初めまして(^^)
sky_asahi_2cテンプレート素敵なので使用させて頂いております。感謝してます。
Blog下の「home」リンクを個人所有のサイトに変えたいのですが(Blogに戻るのではなく)どのようにしたら良いのでしょうか?
宜しかったら教えて頂けないでしょうか。
コメントありがとうございます。
>Blog下の「home」リンクを個人所有のサイトに変えたいのですが
とのことですが、
テンプレートの編集で
HTMLの編集の中を書き換えてください。
下の方に
<p><!--prevpage--><A HREF="<%prevpage_url>"><< <b>back</b></A><!--/prevpage--> | <b><a href="<%url>">HOME</a></b> | <!--nextpage--><A HREF="<%nextpage_url>"><b>next</b> >></A><!--/nextpage--></p>
</div>
と書いてある部分がありますので、赤字の部分をリンクさせたいurlに書き換えてください。
個々の記事ページのコメントとの間にあるホームのリンクも変更したい場合は、真ん中より上くらいのところに
<p class="pageLink">
<!--preventry-->
<a href="<%preventry_url>"><< <%preventry_title></a>
<!--/preventry-->
| <a href="<%url>">ホーム</a> |
<!--nextentry-->
<a href="<%nextentry_url>"><%nextentry_title> >></a>
<!--/nextentry-->
と書いてある部分がありますので、同様に赤字の部分を書き換えてください。
一応わざとなんですが、リンクの文字がHOMEとホームで統一されていないので、気になるようでしたら書き換えてください。
>ねこのみみげ様
早速のご解答ありがとうございます。
丁寧に教えて頂き助かりました。
本当にありがとうございます。
無事に解決してよかったです。
何かありましたらまたどうぞ
>ねこのみみげ様
ご親切に本当にありがとうございます。
こちらのテンプレお借りいたしました。
本記事のほうで、こちらの名前を出させていただいたのでコメを残しておきます。
問題あるようでしたら言ってくださいませ。
コメントありがとうございます!
全然構わないですよ。
全く問題ありません。
わざわざ確認ありがとうございました。
こんにちは
こちらのテンプレート気に入って使っています。さて、ブログの題名をクリックすると、今まで最新記事が載っているトップに飛んでいました。が、数日前からなぜか新しい記事を書いてもブログの題名をクリックすると3日前の記事に(それが最新のように)飛んでしまいます。その場で更新をクリックすれば最新に飛ぶのですが、また別にブログを立ち上げると、3日前の記事が最新と言う状態になってしまいます。これは何が原因なのか全くわからないのでこちらにコメントしてみました。もし解決策がわかればアドバイスをください。また、ここにアドレスを貼り付けるとコメントが書き込めないのでブログ名を書いておきます。「香港ハイキング」です。
宜しくお願いします。
2007/08/16 17:01URL | joona[ 編集]
こちらのテンプレートを使用させていただいています。
とても気に入っています。
質問があるのですが、
コメントにタイトルを付けたいのですが、
可能であればタグを教えていただけますか?
2007/08/16 21:07URL | Ryoko[ 編集]
joona様
こちらで確認しましたが、特に問題はありませんでした。タイトルのリンクも最新記事が表示されていました。
こちらから確認する以上はブログに異常は無いように見えるのですが……
原因はちょっとわからないです。すいません。
Ryoko様
コメントの送信部分にタイトルの項目を追加したいということですと、
コメントの送信部分に下のタグを追加して、
<label for="subject">TITLE:</label><br>
<input id="subject" type="text" name="comment[title]" size="50" value="" onblur="this.style.backgroundColor='';" onfocus="this.style.backgroundColor='#E5FCE2';"><br>
更に、編集部分がありますのでそこに下のタグを追加してください。
<label for="subject">TITLE:</label><br>
<input id="subject" type="text" name="edit[title]" size="50" value="<%edit_title>" onblur="this.style.backgroundColor='';" onfocus="this.style.backgroundColor='#E5FCE2';"><br>
わざわざ確認していただいてありがとうございます。
なんだか私のパソコン側の問題かもしれません。煩わせてしまって恐縮です。
2007/08/17 20:04URL | joona[ 編集]
ありがとうございます。
無事にタイトル欄を追加する事が出来ました!
追記-----
何度もすみません。
もうひとつ質問なんですが、
文字と文字の間をあけようと、
letter-spacing: 2px;
というタグを入力したら、
今まで改行で一行あいていたものが、
くっついてしまい、改行を2度しないと
一行あかなくなってしまいました・・・。
<br>タグのpxを増やしても変わりませんでした。
何か解決方法があればお願いいたします。
2007/08/17 21:15URL | Ryoko[ 編集]
ちょっと調べてみましたら、letter-spacingを指定した区間の連続した<br>タグは無視されてしまうという、IE6のバグらしいです。
他のバージョンではどうなのかは、確認してないですが。
解決策としては、<br>タグのスタイルシートに
letter-spacing: 0;
を足してください。
解決策、ありがとうございます。
早速実行してみましたら、上手くいきまいた。
重ね重ねのフォローありがとうございました。
2007/08/18 07:00URL | Ryoko[ 編集]
無事解決して良かったです!
はじめまして。
朝日の写真のテンプレートがとても素敵で使わせて頂きたいと思っているのですが、このテンプレートは3カラムには出来ないでしょうか?
初めてなのに勝手を言ってすみません。。。
朝日の写真のテンプレートがとても素敵で使わせて頂きたいと思っているのですが、このテンプレートは3カラムには出来ないでしょうか?
初めてなのに勝手を言ってすみません。。。
2007/08/29 23:44URL | Juli[ 編集]
sky_asahi_2cの3カラム版
記事の下に3カラム版のファイルを貼っておきましたのでそちらをダウンロードしてください。
自分で使っていたのを弄ったものです。
なのでもしかしたら余計なリンクが残ってるかも、なんですが……
一応確認したので大丈夫の筈です。何かあったらすいません。3カラムの元データが無かったものですから……
返事遅くなってすいませんでした。
記事の下に3カラム版のファイルを貼っておきましたのでそちらをダウンロードしてください。
自分で使っていたのを弄ったものです。
なのでもしかしたら余計なリンクが残ってるかも、なんですが……
一応確認したので大丈夫の筈です。何かあったらすいません。3カラムの元データが無かったものですから……
返事遅くなってすいませんでした。
さっそくありがとうございます。
ねこのみみげ さま
3カラム版ありがとうございます。
さっそくやってみたのですが、
プラグインを付けると形が崩れてしまいます。
(プラグインの下に日記部分がつく)
詳しくないのでよく分からないのですが、この場合どういう原因が考えられるでしょうか?
ご面倒をおかけしてすみません。
ねこのみみげ さま
3カラム版ありがとうございます。
さっそくやってみたのですが、
プラグインを付けると形が崩れてしまいます。
(プラグインの下に日記部分がつく)
詳しくないのでよく分からないのですが、この場合どういう原因が考えられるでしょうか?
ご面倒をおかけしてすみません。
2007/09/02 02:09URL | Juli[ 編集]
幅広版CSS
3カラム版は2カラムよりプラグインの幅が狭くなっているので、多分それが原因だと思います。
幅が160px以上のブログパーツなどを貼り付けると記事部分が下にずれて表示されてしまいます。
プラグイン部分の幅を増やせば解決すると思います。
記事の下に幅広にしたCSSファイルを貼っておきましたのでそちらにしてみてください。
3カラム版は2カラムよりプラグインの幅が狭くなっているので、多分それが原因だと思います。
幅が160px以上のブログパーツなどを貼り付けると記事部分が下にずれて表示されてしまいます。
プラグイン部分の幅を増やせば解決すると思います。
記事の下に幅広にしたCSSファイルを貼っておきましたのでそちらにしてみてください。
差し替えフォト
はじめまして。
テンプレート、大変気に入って使わせて頂いてます♪
トップ画像を差し替えられるのかな〜とずっと思っていて、ふと、もしかして差し替え画像があるのでは?とやって来ました。
綺麗な写真があって感激です!
早速DLさせて頂きました。
どうもありがとうございます♪
はじめまして。
テンプレート、大変気に入って使わせて頂いてます♪
トップ画像を差し替えられるのかな〜とずっと思っていて、ふと、もしかして差し替え画像があるのでは?とやって来ました。
綺麗な写真があって感激です!
早速DLさせて頂きました。
どうもありがとうございます♪
ルル様、コメントありがとうございます。
4枚しかないですが、どうぞご自由にお使いください。
ここにあるの以外でも、自分で撮った写真にも替えられますよ。
はじめまして。
素敵なテンプレートに出会え
使用させて頂きたいと思っております。
一つ教えて頂きたいのですが
記事中に使う画像を大きくしたいのですが
可能でしょうか?
素敵なテンプレートに出会え
使用させて頂きたいと思っております。
一つ教えて頂きたいのですが
記事中に使う画像を大きくしたいのですが
可能でしょうか?
2007/09/11 23:57URL | cime[ 編集]
記事中の画像について
コメントありがとうございます。
記事部分は幅460pxに固定されているので、それ以下の大きさだったら大丈夫です。
それ以上の大きさだとレイアウトが崩れるのでご注意ください。
コメントありがとうございます。
記事部分は幅460pxに固定されているので、それ以下の大きさだったら大丈夫です。
それ以上の大きさだとレイアウトが崩れるのでご注意ください。
本文中の文字サイズの変更について
すっきりしたテンプレートで、
写真の差し替えもOKということだったので、
今回自分のブログで利用させていただきました。
さて、さっそく質問があります。
FC2の記事編集画面のアイコンで操作する、
本文中の文字を小さくしたり大きくしたりする機能が
こちらのテンプレートだと無効になってしまうのですが、
表示する方法があるでしょうか。
よく使うのですが。。
よろしくお願いします。
すっきりしたテンプレートで、
写真の差し替えもOKということだったので、
今回自分のブログで利用させていただきました。
さて、さっそく質問があります。
FC2の記事編集画面のアイコンで操作する、
本文中の文字を小さくしたり大きくしたりする機能が
こちらのテンプレートだと無効になってしまうのですが、
表示する方法があるでしょうか。
よく使うのですが。。
よろしくお願いします。
文字サイズについて
文字サイズはスタイルシートでx-smallと同じサイズに指定しています。
なので、アイコンの文字小だと、同じ設定をしていることになるため、変化しません。大や中サイズは変化する筈なのですが……
↓のようにxx-smallサイズにすれば更に小さくできます。
<span style="font-size:xx-small;">小さい文字</span>
また、スタイルシートのエントリー部分のサイズをsmallに変更すれば通常通り機能します。
その分文字サイズは大きくなりますが。
文字サイズはスタイルシートでx-smallと同じサイズに指定しています。
なので、アイコンの文字小だと、同じ設定をしていることになるため、変化しません。大や中サイズは変化する筈なのですが……
↓のようにxx-smallサイズにすれば更に小さくできます。
<span style="font-size:xx-small;">小さい文字</span>
また、スタイルシートのエントリー部分のサイズをsmallに変更すれば通常通り機能します。
その分文字サイズは大きくなりますが。
Blog
こんにちは。
以前質問してお世話になった者です。
先週からBlog記事の表示が変ってしまい、どのように戻せばいいか分からないので質問させてください。
blog topが一番古い記事がtopに表示されてしまいます。今までは新しい記事がtopにきていたのですが、これは設定ミスでしょうか?どのように以前のように戻したらよいでしょうか。
多忙だとは思いますが、宜しくお願い致します。
店長
こんにちは。
以前質問してお世話になった者です。
先週からBlog記事の表示が変ってしまい、どのように戻せばいいか分からないので質問させてください。
blog topが一番古い記事がtopに表示されてしまいます。今までは新しい記事がtopにきていたのですが、これは設定ミスでしょうか?どのように以前のように戻したらよいでしょうか。
多忙だとは思いますが、宜しくお願い致します。
店長
記事の順番はブログ管理ページの環境設定で変更できますよ。
テンプレートでは、記事の順番は指定していないので、特別何か書き換えたりしていなければ、原因ではないと思うのですが……
お恥ずかしい・・(^^;;
今回もお世話になりました。
ありがとうございます。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2008/01/26 13:39 | [ 編集]
幅広版について
返事遅くなってしまってすいません。
幅広版なんですが、どうやら幅広版のファイルにリンクしていないことに、今頃気付きました。
本当に申し訳ありません。
ちゃんと幅広版にリンクするように修正しておきました。
ですが、こちらは3カラム用に作ったものなので、2カラムではありません。ご注意ください。
一応、変更点を挙げますと
#title_text{
width: 488px;
}
#side_l{width: 200px;
}
#side_r{width: 200px;
}
#main{width: 430px;
}
#all {
width:880px;
}
.calender {
width: 158px;
}
.calender caption {
width: 158px;
}
です。
変更箇所はwidthだけです。
ブログ拝見したら、問題なかったようなので、返事が今更のようになってしまって本当に申し訳ないです。
返事遅くなってしまってすいません。
幅広版なんですが、どうやら幅広版のファイルにリンクしていないことに、今頃気付きました。
本当に申し訳ありません。
ちゃんと幅広版にリンクするように修正しておきました。
ですが、こちらは3カラム用に作ったものなので、2カラムではありません。ご注意ください。
一応、変更点を挙げますと
#title_text{
width: 488px;
}
#side_l{width: 200px;
}
#side_r{width: 200px;
}
#main{width: 430px;
}
#all {
width:880px;
}
.calender {
width: 158px;
}
.calender caption {
width: 158px;
}
です。
変更箇所はwidthだけです。
ブログ拝見したら、問題なかったようなので、返事が今更のようになってしまって本当に申し訳ないです。
Trackback URL
| HOME |



























