Ｑ＆Ａ：記事上にフリースペース
2007年01月28日(日曜日)
Ｑ4．記事の上にフリースペースを作りたいのですが？
Ａ．方法は三通りあります。
もっとあるかも知れませんが、鮎が現在判るのはこれだけです(^^ゞ
<１>１番簡単なのは、日付を未来に設定して、記事を書く方法です。
これなら、常に１番上に持ってくることができ、フリースペースとして利用できます。
但し、日付が表示されちゃうのが、難点。
<２>HTML内にソースを書く方法です。
「HTMLの編集」内の場所に、
改行は文末に「<br>」と入れてください。
「スタイルシートの編集」内にどこでも良いので、
フリースペースの内容変更は、常に「HTMLの編集」内で変えることになります。
TOPページのみに表示されます。
全ページに表示させたい時は、最初「<!--index_area-->」と最後「<!--/index_area-->」のみを消してください。
上記のソースは、鮎の作成したテンプレート「ayu-tp3_01」を基準に作ってあります。
他のテンプレートに使う場合は、枠の上下位置など変更する必要がありますので、ご注意ください。
<３>プラグイン｢3｣を使って、HTMLを変える方法です。
ちょっと知識はいりますが、プラグイン｢3｣HTMLを記事上に編集します。
これだと内容の変更は、プラグインの設定の中でできます。
でも、その他のカテゴリーは、プラグイン｢3｣に持って来れないので、サイドメニューには｢3｣は使えない不便もありますが、｢1｣と｢2｣があるので、さほど問題はないと思います。
方法を知りたい方は、お聞きください。
Ａ．方法は三通りあります。
もっとあるかも知れませんが、鮎が現在判るのはこれだけです(^^ゞ
<１>１番簡単なのは、日付を未来に設定して、記事を書く方法です。
これなら、常に１番上に持ってくることができ、フリースペースとして利用できます。
但し、日付が表示されちゃうのが、難点。
<２>HTML内にソースを書く方法です。
「HTMLの編集」内の場所に、
<div id="primary-column" class="column"><!-- primary-column -->と入れてください。
<!--index_area-->
<div align="center">
<!--TOPフリーエリア-->
<div class="free_area">
フリースペースの使い方は、作者ブログをご覧ください。<br>
<strong>太字にしたい場合はこの中に入れてください</strong><br>
普通の字は、ココへ書いてください。
</div>
<!--/TOPフリーエリア-->
</div>
<!--/index_area-->
改行は文末に「<br>」と入れてください。
「スタイルシートの編集」内にどこでも良いので、
div.free_area {と入れてください。
width : 90%;
text-align: left;
font-size: 13px;
padding: 13px;
margin: 15px 0px 15px 0px;
line-height: 130%;
border : 2px dotted #c8b693;
}
フリースペースの内容変更は、常に「HTMLの編集」内で変えることになります。
TOPページのみに表示されます。
全ページに表示させたい時は、最初「<!--index_area-->」と最後「<!--/index_area-->」のみを消してください。
上記のソースは、鮎の作成したテンプレート「ayu-tp3_01」を基準に作ってあります。
他のテンプレートに使う場合は、枠の上下位置など変更する必要がありますので、ご注意ください。
<３>プラグイン｢3｣を使って、HTMLを変える方法です。
ちょっと知識はいりますが、プラグイン｢3｣HTMLを記事上に編集します。
これだと内容の変更は、プラグインの設定の中でできます。
でも、その他のカテゴリーは、プラグイン｢3｣に持って来れないので、サイドメニューには｢3｣は使えない不便もありますが、｢1｣と｢2｣があるので、さほど問題はないと思います。
方法を知りたい方は、お聞きください。
スポンサーサイト
修正：０５＆０７＆０８＆０１
2007年01月27日(土曜日)
《１月２７日００時００分：共有テンプレ「ayu-tp2_05」再登録済み》
《１月２７日００時００分：共有テンプレ「ayu-tp2_07」再登録済み》
《１月２７日００時００分：共有テンプレ「ayu-tp2_08」再登録済み》
《１月２７日００時００分：共有テンプレ「ayu-tp3_01」再登録済み》
●サイドメニューに「フリーエリア」を使うと、文字が左に寄る不具合を修正しました。
カスタマされている方は下記の方法で修正してください。
【方法】
「スタイルシートの編集」内、
《１月２７日００時００分：共有テンプレ「ayu-tp2_07」再登録済み》
《１月２７日００時００分：共有テンプレ「ayu-tp2_08」再登録済み》
《１月２７日００時００分：共有テンプレ「ayu-tp3_01」再登録済み》
●サイドメニューに「フリーエリア」を使うと、文字が左に寄る不具合を修正しました。
カスタマされている方は下記の方法で修正してください。
【方法】
「スタイルシートの編集」内、
p.plugin-freearea {と数値（任意）を変更してください。
margin : 5px 5px;
}
Ｑ＆Ａ：サイドメニューが落ちる（カラム落ち）
2007年01月26日(金曜日)
Ｑ3．サイドメニューが下に落ちて、レイアウトが崩れるのですが？
Ａ．これに関してはあまり詳しくはないのですが、２通りの原因があります。
〔1〕１番判りやすい原因は、アップ画像の大きさ。
記事中、若しくは、メニューエリアに、横幅以上の画像を入れてしまうと、テンプレートに設定した全体幅（記事幅＋メニュー幅）を超えてしまうので、レイアウトが崩れてしまうのです。
直すには、画像の大きさを変更し、再UPするしかないようです。
または、サムネイルを活用するとか…（←鮎は判りません…）。
レイアウトが崩れるウンヌン…の前に、大きな画像は、読み込み時間がかかるので、訪れてくれている人を待たせてしまい、読者の足を遠のかせてしまう原因になるのでは、と思います。
〔2〕２番目は、プラグインが原因の時。
サイドメニュー欄に、いろいろ機能（プラグインＤＬなど）を付け足すと思いますが、その中のどれかが原因の場合もあります。
直すには、原因となるプラグイン機能を削除することです。
どれが原因かを見つけるには、「プラグインの設定」画面でプラグインカテゴリーの「設定の変更」で、「表示の設定」を“非表示”にします。
必ず、ひとつを非表示にして、画面を確認して、と試してくださいね。
“削除”ではありませんので、お間違いのないように。
Ａ．これに関してはあまり詳しくはないのですが、２通りの原因があります。
〔1〕１番判りやすい原因は、アップ画像の大きさ。
記事中、若しくは、メニューエリアに、横幅以上の画像を入れてしまうと、テンプレートに設定した全体幅（記事幅＋メニュー幅）を超えてしまうので、レイアウトが崩れてしまうのです。
直すには、画像の大きさを変更し、再UPするしかないようです。
または、サムネイルを活用するとか…（←鮎は判りません…）。
レイアウトが崩れるウンヌン…の前に、大きな画像は、読み込み時間がかかるので、訪れてくれている人を待たせてしまい、読者の足を遠のかせてしまう原因になるのでは、と思います。
〔2〕２番目は、プラグインが原因の時。
サイドメニュー欄に、いろいろ機能（プラグインＤＬなど）を付け足すと思いますが、その中のどれかが原因の場合もあります。
直すには、原因となるプラグイン機能を削除することです。
どれが原因かを見つけるには、「プラグインの設定」画面でプラグインカテゴリーの「設定の変更」で、「表示の設定」を“非表示”にします。
必ず、ひとつを非表示にして、画面を確認して、と試してくださいね。
“削除”ではありませんので、お間違いのないように。
カスタマ：０８＆０１
2007年01月26日(金曜日)
「０８」＆「０１」テンプレートですが、ブログ名の説明文が長文になると、クマ＆ネコマークにかかってしまいます。
気になる方は、直してください。
【方法】
「スタイルシートの編集」内、
但し、幅が狭くなると云うことは、一行に入る文字数が少なくなると云うことですので、行数によっては、ブログタイトル画像とのバランスが悪くなりますので、ご了承ください。
気になる方は、直してください。
【方法】
「スタイルシートの編集」内、
.site_intro {の赤文字数値を増やしてください。
margin-top: 5px;
font-size: 10pt;
padding-left: 150px;
padding-right: 20px;
padding-top: 5px;
font-weight : normal;
}
但し、幅が狭くなると云うことは、一行に入る文字数が少なくなると云うことですので、行数によっては、ブログタイトル画像とのバランスが悪くなりますので、ご了承ください。
テンプレ【ayu-tp3_01】
2007年01月25日(木曜日)
【ayu-tp3_01】*ピンク＆茶系 *しおり風素材使用
*３カラム *シンプル
[見本]
［鮎から一言］
「08」の３カラム版です。
ほとんど変えてはいませんが、左メニューのタイトル背景画像だけは、反転しました。
年月日の丸画像とリボン部分が横並びになって、これはちょっと…と思ったので。
記事部分が「440px」と「08」よりは小さくなってます。
３列になると、どうしても小さくしないと収まりきらないので。
メニュー部分も「200px」になってます。
［機能］
「スレッドテーマ」＆「ジャンル」を表示できるようにしました。
記事に貼り付けた画像には、写真風の枠が表示できるようにしました。
［３カラムの使い方］
* 右メニューは、プラグイン・カテゴリーの「１」と「２」、
* 左メニューは、プラグイン・カテゴリーの「３」、
が入ります。
左メニューに入れたい項目は、設定を変更してください。
［画像アップ］
画像をアップする時は、横420px程度でおさえてください。
越えると、レイアウトが思いっきり崩れますぅ…。
［お願い］
ダウンロードされた方で、使用に不具合があった方は、この記事下に書き込んでください。
お尋ね頂いた内容＋解決法は、今後のために、内容のみブログに記載させて頂きますので、ご了承ください。
原因究明に時間がかかることもあり、お返事が遅れたり、後の書き込みの方の返事が先になったりすることもあると思います。
Ｑ＆Ａ：カレンダー表示
2007年01月25日(木曜日)
Ｑ2-1.テンプレートにカレンダーが表示されないのですが？
Ｑ2-2.前のテンプレートでは表示されてたのに、テンプレートを変えたらカレンダーが表示されなくなりました。どうすれば良いですか？
Ａ．Ｑ１の場合……
ブログの開始当初は、プラグインにはカレンダーが設定されていません。
「環境設定」→「プラグインの設定」→「プラグインの追加」でカレンダーを選び、設定してください。
Ａ．Ｑ２の場合……
テンプレートには、「プラグイン対応」と「プラグイン非対応」の二通りのタイプがあります。
プラグイン非対応テンプレートは、HTMLにカレンダーが組み込まれているので、プラグインにカレンダーが設定されていなくてもブログには、カレンダーが表示されます。
つまり、プラグイン非対応テンプレートから、プラグイン対応テンプレートに変えた場合に、プラグインのカレンダー設定が必要になるのです。
以上の２つを試してもカレンダーが表示されない場合は、テンプレート作成者にその旨を明記して、お尋ねください。
ちなみに鮎のテンプレートは、すべてプラグイン対応です。
Ｑ2-2.前のテンプレートでは表示されてたのに、テンプレートを変えたらカレンダーが表示されなくなりました。どうすれば良いですか？
Ａ．Ｑ１の場合……
ブログの開始当初は、プラグインにはカレンダーが設定されていません。
「環境設定」→「プラグインの設定」→「プラグインの追加」でカレンダーを選び、設定してください。
Ａ．Ｑ２の場合……
テンプレートには、「プラグイン対応」と「プラグイン非対応」の二通りのタイプがあります。
プラグイン非対応テンプレートは、HTMLにカレンダーが組み込まれているので、プラグインにカレンダーが設定されていなくてもブログには、カレンダーが表示されます。
つまり、プラグイン非対応テンプレートから、プラグイン対応テンプレートに変えた場合に、プラグインのカレンダー設定が必要になるのです。
以上の２つを試してもカレンダーが表示されない場合は、テンプレート作成者にその旨を明記して、お尋ねください。
ちなみに鮎のテンプレートは、すべてプラグイン対応です。
修正：０８
2007年01月21日(日曜日)
《１月２１日２３時１５分：共有テンプレ「ayu-tp2_08」再登録済み》
気になっていたのですが、ブログ名・日付・エントリー名などが、弱冠ぼやけて見えるような気がします。
最初はそんなことなかったので、気のせいかな、と思ってたのですが、どうやら、太字になってたみたいです。
指定ソースが書かれてなかったのが原因のようです。
気になる方は直してください。
【方法】
「スタイルシートの編集」内、
《div#branding》 《div.date》 《div.date h3》 《h1》 《.site_intro》
《div.section》 《div.section h2》 《h3.comment-post》 《h3.comment-edit》
《h3#trackback-top》 《div.plugin_title》 《div#siteinfo-legal p》
それぞれの欄に、
「 font-weight : normal; 」
と入れてください（↑コピーできます）。
気になっていたのですが、ブログ名・日付・エントリー名などが、弱冠ぼやけて見えるような気がします。
最初はそんなことなかったので、気のせいかな、と思ってたのですが、どうやら、太字になってたみたいです。
指定ソースが書かれてなかったのが原因のようです。
気になる方は直してください。
【方法】
「スタイルシートの編集」内、
《div#branding》 《div.date》 《div.date h3》 《h1》 《.site_intro》
《div.section》 《div.section h2》 《h3.comment-post》 《h3.comment-edit》
《h3#trackback-top》 《div.plugin_title》 《div#siteinfo-legal p》
それぞれの欄に、
「 font-weight : normal; 」
と入れてください（↑コピーできます）。
カスタマ：０８
2007年01月20日(土曜日)
リクエストを頂きましたので、背景透過を消し、記事背景に画像を固定する方法を書きます。
どれくらい軽くなるかは判りませんが(^^ゞ
【方法】
まずは、背景透過を消します。
方法は、前の記事に書いてありますので、そちらを見てください。
背景画像のソースはコピーしておくと下の作業に便利です。
次に記事背景に画像を貼り付けます。
「スタイルシートの編集」内、
上でコピーしたソースを貼り付けると簡単です。
但し、紫文字の「a」を忘れずに追加してくださいね。
「background-attachment」は削除してください（あっても、反映はされませんけど）。
「50% 0%」は、記事内での画像位置を表します。
（↑は中央・上になります）
前%は左右、後%は上下です。
0%で左・上、100%で右・下になります。
お好きな位置に変えてください。
どれくらい軽くなるかは判りませんが(^^ゞ
【方法】
まずは、背景透過を消します。
方法は、前の記事に書いてありますので、そちらを見てください。
背景画像のソースはコピーしておくと下の作業に便利です。
次に記事背景に画像を貼り付けます。
「スタイルシートの編集」内、
div.entry-body {のソースを入れてください。
padding : 15px 10px 10px 45px;
background-image : url(http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/08-r13a.gif) ;
background-repeat : no-repeat;
background-position : 50% 0%;
}
上でコピーしたソースを貼り付けると簡単です。
但し、紫文字の「a」を忘れずに追加してくださいね。
「background-attachment」は削除してください（あっても、反映はされませんけど）。
「50% 0%」は、記事内での画像位置を表します。
（↑は中央・上になります）
前%は左右、後%は上下です。
0%で左・上、100%で右・下になります。
お好きな位置に変えてください。
カスタマ：０８
2007年01月20日(土曜日)
背景が透過してあるので、表示が重いです。
（重いと判ってて作る鮎も鮎ですが…）
いろんな装飾（プラグインやブログペットなど）をされてる方は、特に表示が遅いことと思います。
そんな方は、透明化を削除するのも良いか、と思います。
表示が遅いのは、読者さんが尤も嫌がることだからねぇ～。
でも、背景画像がないと、ノッペリした画面になるのが、淋しいかも。
他にも方法はあって、
＊クマ＆ネコマークを透明（元から薄く）にして、記事背景に固定しちゃうって手もあるんですが、これだと、記事文字数（段数）が短いと、画像全部が記事枠に入りきらず切れちゃうこともあるので、組み込めなかったんです。
もし、この方法を試したい！って方がお見えでしたら、方法を載せますので、書き込んでくださいね（ご要望がないと、載せても仕方ないので…）。
＊鮎のブログのようにすべてに背景色をつけないと、１番下の画像が出ます。
ただ、これも難点があって、画像位置がパソコンの画面の大きさによって変わるので、必ず記事の下に画像が来ない場合もあります。
それに全体が同じ色になって殺風景だしね。
とりあえず、透明化の削除方法を下記に書きましたので、参考に。
【方法】
「スタイルシートの編集」内、
消すと、背景が白くなるので、背景色を付けたい方は、「スタイルシートの編集」内、
薄～い色がベストです。
但し、透過してない画像もありますので、ご注意を。
（重いと判ってて作る鮎も鮎ですが…）
いろんな装飾（プラグインやブログペットなど）をされてる方は、特に表示が遅いことと思います。
そんな方は、透明化を削除するのも良いか、と思います。
表示が遅いのは、読者さんが尤も嫌がることだからねぇ～。
でも、背景画像がないと、ノッペリした画面になるのが、淋しいかも。
他にも方法はあって、
＊クマ＆ネコマークを透明（元から薄く）にして、記事背景に固定しちゃうって手もあるんですが、これだと、記事文字数（段数）が短いと、画像全部が記事枠に入りきらず切れちゃうこともあるので、組み込めなかったんです。
もし、この方法を試したい！って方がお見えでしたら、方法を載せますので、書き込んでくださいね（ご要望がないと、載せても仕方ないので…）。
＊鮎のブログのようにすべてに背景色をつけないと、１番下の画像が出ます。
ただ、これも難点があって、画像位置がパソコンの画面の大きさによって変わるので、必ず記事の下に画像が来ない場合もあります。
それに全体が同じ色になって殺風景だしね。
とりあえず、透明化の削除方法を下記に書きましたので、参考に。
【方法】
「スタイルシートの編集」内、
body {の打消線部分をすべて消してください。
filter:Alpha(opacity='88');
color : #774d40;
background-color : #e7decd;
text-align : center;
line-height : 1.5;
font-size : x-small !important;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small !important;
margin: 0px;
padding: 0px;
background-image : url(http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/08-r13.gif) ;
background-repeat : no-repeat;
background-position : 30% 100%;
background-attachment : fixed;
}
消すと、背景が白くなるので、背景色を付けたい方は、「スタイルシートの編集」内、
div#container {の赤文字部分を好きな色コードに変えてください。
width : 850px;
margin-top : 0px;
padding-top : 0px;
background-color : #ffffff;
border-left : solid 2px #938359;
border-right : solid 2px #938359;
border-bottom : solid 2px #938359;
}
薄～い色がベストです。
但し、透過してない画像もありますので、ご注意を。
修正：０８
2007年01月19日(金曜日)
《１月１９日２２時０５分：共有テンプレ「ayu-tp2_08」再登録済み》
あぁぁぁ～(◎-◎;)
申請登録されたら１番に再登録しようと思ってたのに、すでに１００名の方がＤＬを……(>y<;)
いえ、嬉しいんですけどね。
今夜は外せない会合で、３０分前に帰ってきたので、間に合わなかった…。
ってことで、修正報告２件です。
［１］コメント欄での装飾棚の不具合の修正。
［２］メニュー棚最下部の囲み画像と大枠がぴったり付いている箇所の修正。
【方法】
［１］コメントの装飾棚の「太字」「斜体」が反映されない不具合の修正。
「スタイルシート」の上部にある、下記の部分を消してください。
［２］メニュー棚最下部の枠が大枠にくっついてしまってました。
記事部分よりもメニュー棚が長くなるとか、コメント書込ページにしないと判りませんが、一応直した方が見目が良いかと。
「スタイルシート」内、
あぁぁぁ～(◎-◎;)
申請登録されたら１番に再登録しようと思ってたのに、すでに１００名の方がＤＬを……(>y<;)
いえ、嬉しいんですけどね。
今夜は外せない会合で、３０分前に帰ってきたので、間に合わなかった…。
ってことで、修正報告２件です。
［１］コメント欄での装飾棚の不具合の修正。
［２］メニュー棚最下部の囲み画像と大枠がぴったり付いている箇所の修正。
【方法】
［１］コメントの装飾棚の「太字」「斜体」が反映されない不具合の修正。
「スタイルシート」の上部にある、下記の部分を消してください。
* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
}
［２］メニュー棚最下部の枠が大枠にくっついてしまってました。
記事部分よりもメニュー棚が長くなるとか、コメント書込ページにしないと判りませんが、一応直した方が見目が良いかと。
「スタイルシート」内、
div#secondary-column {の赤文字数値を変更してください（数値は任意）。
float : right;
width : 255px;
margin : 0px 5px 20px 4px;
padding-top : 20px;
padding-right : 0px;
padding-left : 0px;
padding-bottom : 0px;
text-align : left;
}
テンプレ【ayu-tp2_08】
2007年01月19日(金曜日)
【ayu-tp2_08】*ピンク＆茶系 *しおり風素材使用
*２カラム *右メニュー
*シンプル＆ちょっぴり可愛い系(…と思う)
[見本]
［鮎から一言］
今回は、可愛い系を目指してみましたぁ～(^_-)-☆
日付などレイアウトも位置を変更し、NEWマークなど機能を追加。
お気に入りのフォントをふんだんに使いました。
難点は、表示が重いかも…。
後、透過してあるので、画像も透過しちゃう…。
［機能］
*記事タイトルの場所に日付を移動し、しおりの中に配置。
曜日も入れました～。
*２４時間以内の記事には「NEWマーク」がタイトル前につきます。
時間は変更可能。
*記事を書いた日のバックにピンクの丸が出ます。背景色ではなくて、画像です。難点を云えば、微妙に数字の位置がずれてます。（直し方が解らない……。知ってる方、教えて～）
*ヘッター部分に記事を書いた時間が出るようにしました。まぁ、あまり意味はないけど…。（コメントの投稿時間は出ません）
*記事の背景を透明化して、背景が浮き出るようにしました。画像は、タイトルにも使っている「クマ＆ネコ」マークです。スクロールしても画面位置は動かないようになってます。文字を読むのに支障のない程度には透過したつもりですが、見えにくくて邪魔なら、消してください。
［画像アップ］
画像をアップする時は、横480px程度（未確認）でおさえてください。
越えると、レイアウトが思いっきり崩れますぅ…。
崩れないように模索中です。
知ってる方がお見えでしたら、教えてくださ～い(^_^)b
［お願い］
ダウンロードされた方で、使用に不具合があった方は、この記事下に書き込んでください。
お尋ね頂いた内容＋解決法は、今後のために、内容のみブログに記載させて頂きますので、ご了承ください。
原因究明に時間がかかることもあり、お返事が遅れたり、後の書き込みの方の返事が先になったりすることもあると思います。
修正：０５＆０７
2007年01月19日(金曜日)
《１月１９日００時２０分：共有テンプレ「ayu-tp2_05」再登録済み》
《１月１９日００時２０分：共有テンプレ「ayu-tp2_07」再登録済み》
コメント投稿に、装飾棚がありますが、その中の「太字」と「斜体」が反映されない不具合がありましたので修正しました。
お手数ですが、再ＤＬしてください。
ご自身でカスタマされる方は、下記を参照ください。
【方法】
「スタイルシートの編集」の上の方の下記の部分を消してください。
《１月１９日００時２０分：共有テンプレ「ayu-tp2_07」再登録済み》
コメント投稿に、装飾棚がありますが、その中の「太字」と「斜体」が反映されない不具合がありましたので修正しました。
お手数ですが、再ＤＬしてください。
ご自身でカスタマされる方は、下記を参照ください。
【方法】
「スタイルシートの編集」の上の方の下記の部分を消してください。
* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
}
カニ御飯
2007年01月15日(月曜日)
お歳暮でゆで蟹を頂きました。半分はお正月にお鍋で食べ、殻を取っておき（冷凍保存）。
残りは、今夜、カニ御飯にして頂きました。
今日の分は、身を取っておき、出た殻と冷凍しておいた殻を一緒に鍋でコトコト煮て、出汁をとって、その出汁で御飯を炊きます。
出来上がった御飯の上に、取った身を置いて保温。
すんご～く、美味しかったです(^_^)v
テンプレ：０７の別バージョン
2007年01月11日(木曜日)
「４５０px以上の画像をアップして使いたい！」とのお願いがありましたので、囲み画像を横に長くして作り直しました。
５０px長くしたので、５１０pxまでなら入ると思います。
再登録はできませんので、お手数ですが、ご自分で変更ください。
直す場所が多いので画像説明は省きます。
【方法】
「HTMLの編集」内、
「/comment」の上の「img src=http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/05-h10.gif align=center」→「img src=http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m10-line.gif align=center」。
「スタイルシートの編集」内、
「div#container」の中の「width : 800px」→「850px」。
中にあるすべての「width : 500px」→「550px」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m04.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m04a.gif」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m05.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m05c.gif」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m06.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m06b.gif」。
で、できると思います。
書き落としがあるかも知れませんので、挑戦してできなかった方は、お知らせください。
確認する時は、コメント投稿ページも確認してください。
５０px長くしたので、５１０pxまでなら入ると思います。
再登録はできませんので、お手数ですが、ご自分で変更ください。
直す場所が多いので画像説明は省きます。
【方法】
「HTMLの編集」内、
「/comment」の上の「img src=http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/05-h10.gif align=center」→「img src=http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m10-line.gif align=center」。
「スタイルシートの編集」内、
「div#container」の中の「width : 800px」→「850px」。
中にあるすべての「width : 500px」→「550px」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m04.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m04a.gif」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m05.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m05c.gif」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m06.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m06b.gif」。
で、できると思います。
書き落としがあるかも知れませんので、挑戦してできなかった方は、お知らせください。
確認する時は、コメント投稿ページも確認してください。
修正：０５＆０７
2007年01月09日(火曜日)
《１月９日１９時４０分：共有テンプレ「ayu-tp2_05」再登録済み》
《１月９日１９時４０分：共有テンプレ「ayu-tp2_07」再登録済み》
コメント投稿のページと修正のページに、装飾棚(太文字にしたり、絵文字を入力できたりするアレのことね)がありませんでした。
SAMPLEをカスタマしてるので、当然あるものだと思ってたので、今まで気付きませんでした～f(^ー^;
【方法】
「HTMLの編集」内の、４カ所を直します。
《１》
「コメントの投稿」と「コメントの編集」の２カ所に追加。
《２》
「コメントの投稿」と「コメントの編集」の２カ所に追加。
《１月９日１９時４０分：共有テンプレ「ayu-tp2_07」再登録済み》
コメント投稿のページと修正のページに、装飾棚(太文字にしたり、絵文字を入力できたりするアレのことね)がありませんでした。
SAMPLEをカスタマしてるので、当然あるものだと思ってたので、今まで気付きませんでした～f(^ー^;
【方法】
「HTMLの編集」内の、４カ所を直します。
《１》
「コメントの投稿」と「コメントの編集」の２カ所に追加。
<div class="comment-area">
<h3 class="comment-post">コメントの投稿</h3>
<form method="post" action="./"
name="comment_form">
<dl>
《２》
「コメントの投稿」と「コメントの編集」の２カ所に追加。
<dt><label for="comment">Comment</label></dt>
<dd>
<script type="text/javascript" src="http://blog85.fc2.com/load.js"></script><br>
<textarea id="comment" cols="50" rows="8" name="comment[body]"></textarea></dd>
ＤＬ・ありがと～♪
2007年01月09日(火曜日)
テンプレート[ayu-tp2_07]のダウンロード数が、二日で１０００件を超えました～(^_-)-☆
ありがとうございますぅ～(^・^)
寝る間も惜しんで…ってほど、没頭はしてませんが、頑張って作成したカイがありました。
４作目も作りたく、構成を練ってますが、明日から仕事が始まりますので、３作品のようには、早くは仕上がらないと思います。
気長にお待ちくださいね。
ありがとうございますぅ～(^・^)
寝る間も惜しんで…ってほど、没頭はしてませんが、頑張って作成したカイがありました。
４作目も作りたく、構成を練ってますが、明日から仕事が始まりますので、３作品のようには、早くは仕上がらないと思います。
気長にお待ちくださいね。
修正：０７
2007年01月08日(月曜日)
《１月８日２１時１５分：共有テンプレ「ayu-tp2_07」再登録済み》
２回目の修正…(^^ゞ
いえいえ、こちらも気にならなければ…以下同文(-_-;)
同じブログ説明文の場所なのですが、長文で２行になると、最初の文字が、メニュー画像スレスレになるみたいです。
そこの修正です。
【方法】
「スタイルシートの編集」内、
２回目の修正…(^^ゞ
いえいえ、こちらも気にならなければ…以下同文(-_-;)
同じブログ説明文の場所なのですが、長文で２行になると、最初の文字が、メニュー画像スレスレになるみたいです。
そこの修正です。
【方法】
「スタイルシートの編集」内、
.site_intro {の赤文字数値を290～300程度に直してください。
margin-top: 3px;
font-size: 12px;
padding-left: 290px;
padding-right: 10px;
padding-top: 5px;
}
ブログ名変更
2007年01月08日(月曜日)
ブログ名を変更しました。
もともと、自分のＨＰの日記として書こうと思ってたブログでしたが、テンプレ作成にハマってしまって、日記ブログはまた別に作りました。
このブログは、テンプレ専用に使うことに。
なので、ブログ名も日記用に考えたモノだったので、この際、テンプレ作成ブログとして相応しい名前に変えることに。
はい、「TENTEN★くらぶ」のTENはテンプレートのことです。
(いえ、本当なら「TEMTEM」になるんですけどね…)
まるわかりで名付けの才能はないわ、鮎って…(*_*)
ってことで、よろしくです♪
もともと、自分のＨＰの日記として書こうと思ってたブログでしたが、テンプレ作成にハマってしまって、日記ブログはまた別に作りました。
このブログは、テンプレ専用に使うことに。
なので、ブログ名も日記用に考えたモノだったので、この際、テンプレ作成ブログとして相応しい名前に変えることに。
はい、「TENTEN★くらぶ」のTENはテンプレートのことです。
(いえ、本当なら「TEMTEM」になるんですけどね…)
まるわかりで名付けの才能はないわ、鮎って…(*_*)
ってことで、よろしくです♪
教えてください～！
2007年01月07日(日曜日)
今日公開された共有テンプレ「ayu-tp2_07」ですが、カスタマイズが解らない箇所がありました。
をずっと下まで伸ばしたくて、いろいろ試したのですが、鮎の知識ではできませんでした。
変わりに画像で蓋したのですが、中身によって、長さが違うので、キレイに覆い切れません。
この伸ばし方を知ってる方がおられましたら、教えてください。
参考文献でもイイです。
サポート掲示板に書けば良いのですが、敷居が高くて書き込みにくい感じ…。
検索でも出てこなかったし…。
をずっと下まで伸ばしたくて、いろいろ試したのですが、鮎の知識ではできませんでした。
変わりに画像で蓋したのですが、中身によって、長さが違うので、キレイに覆い切れません。
この伸ばし方を知ってる方がおられましたら、教えてください。
参考文献でもイイです。
サポート掲示板に書けば良いのですが、敷居が高くて書き込みにくい感じ…。
検索でも出てこなかったし…。
修正：０７
2007年01月07日(日曜日)
↑毎回タイトルが長くなるので、テンプレート名の下２字の数字で表すことにしました。
《１月７日午後１０時２０分：共有テンプレ「ayu-tp2_07」再登録済み》
う～～ん(>y<;)
１回でバッチリ完璧♪なテンプレは作れないものか……。
鮎が未熟なだけですけど……。
ってことで、修正です。
いえ、気になさらないのでしたら、必要ないんですけどね。
ブログ名の下の説明文が太字指定されているので、読みにくくありませんか？
文字サイズが小さいので特に。
今回の修正は、この部分です。
フォントを変えても良いのですが、鮎はこのフォントが好きなので、今回使ってみました。
太字指定を取るだけですので修正は簡単です。
【方法】
「スタイルシートの編集」内、
《１月７日午後１０時２０分：共有テンプレ「ayu-tp2_07」再登録済み》
う～～ん(>y<;)
１回でバッチリ完璧♪なテンプレは作れないものか……。
鮎が未熟なだけですけど……。
ってことで、修正です。
いえ、気になさらないのでしたら、必要ないんですけどね。
ブログ名の下の説明文が太字指定されているので、読みにくくありませんか？
文字サイズが小さいので特に。
今回の修正は、この部分です。
フォントを変えても良いのですが、鮎はこのフォントが好きなので、今回使ってみました。
太字指定を取るだけですので修正は簡単です。
【方法】
「スタイルシートの編集」内、
.site_intro {の打消線部分を削除してください。
margin-top: 3px;
font-size: 12px;
font-weight : bolder;
padding-left: 290px;
padding-right: 10px;
padding-top: 5px;
}
テンプレ【ayu-tp2_07】
2007年01月07日(日曜日)
【ayu-tp2_07】*深ピンク系 *花素材使用 *２カラム
*左メニュー *シンプル(?)
[見本]
［鮎から一言］
お花素材第３弾。
勉強も兼ねて、同素材でいろいろ挑戦してみたのですが、このお花素材はこれで一応終わりで～すヽ(^0^)ノ
次は、違う素材・違う色で作成予定（あくまでも予定ですが…）。
メニュー欄を上にあげてみました。
画像の花模様がキツイかな、とも思うので、お花のない模様も作成してアップしました。←こ～ゆ～の。
変更される方は、「スタイルシートの編集」の
div#secondary-column {の赤文字部分を「07-m01-2.gif」と変えてください。
float : left;
width : 260px;
margin-top : -165px;
margin-left : 0px;
padding-top : 0px;
padding-right : 0px;
padding-left : 0px;
padding-bottom : 0px;
text-align : left;
background-image : url(http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m01.gif) ;
background-repeat : repeat ;
background-position : top center ;
}
記事部分のヘッターもナミナミにしたら、マンボウっぽくなったけど、それはそれで可愛いかなぁ～、っと(^^ゞ
ん～、テーブルクロスにも見えなくないか…。
［画像アップ］
画像をアップする時は、横430px程度でおさえてください。
越えると、レイアウトが思いっきり崩れますぅ…。
崩れないように模索中です。
知ってる方がお見えでしたら、教えてくださ～い(^_^)b
［お願い］
ダウンロードされた方で、使用に不具合があった方は、この記事下に書き込んでください。
お尋ね頂いた内容＋解決法は、今後のために、内容のみブログに記載させて頂きますので、ご了承ください。
原因究明に時間がかかることもあり、お返事が遅れたり、後の書き込みの方の返事が先になったりすることもあると思います。
著作権表示部分
2007年01月06日(土曜日)
ダウンロードして頂いた方々のブログを拝見させて頂いてて、時々、ヘッター部分のFC2さんの表示がないのがあります。
ご自身で消されたのか、何かの不具合か……。
赤文字部分が、FC2さんの表示ですので、絶対に消さないでください。
でも消すなら、鮎の表示も消すだろうし、FC2さんだけ消す方が面倒だとも思うので、やっぱり不具合かなぁ～？
それとも見えないだけ？
ご自身で消されたのか、何かの不具合か……。
<!-- 著作権表示・削除厳禁 -->この部分全部、削除厳禁です。
<div id="siteinfo-legal"><!-- siteinfo-legal -->
<p><br><br>Copyright (C) 2006 <%blog_name> rights reserved.
<br>
<a href="http://zuttoissyodayo2.blog85.fc2.com/" target="_blank">Template&Material by 鮎</a>
<br>
<%ad><%ad2></p>
</div><!-- /siteinfo-legal -->
赤文字部分が、FC2さんの表示ですので、絶対に消さないでください。
でも消すなら、鮎の表示も消すだろうし、FC2さんだけ消す方が面倒だとも思うので、やっぱり不具合かなぁ～？
それとも見えないだけ？
修正：ayu-tp2_05
2007年01月05日(金曜日)
《１月５日午前９時３０分に共有テンプレート再登録済み》
メニュー欄の「リンク」の「管理者ページ」が中央になってました。
多分、１日にいろいろ触った時に変更してしまったのだと思います。
すみません…m(__)m
バランスが悪いので、テンプレートは変更して再登録しました。
修正箇所は、下記の場所です。
【修正】
「スタイルシートの編集」内の
メニュー欄の「リンク」の「管理者ページ」が中央になってました。
多分、１日にいろいろ触った時に変更してしまったのだと思います。
すみません…m(__)m
バランスが悪いので、テンプレートは変更して再登録しました。
修正箇所は、下記の場所です。
【修正】
「スタイルシートの編集」内の
div#container {に赤文字部分を変えてください。
width : 760px;
border-left : solid 1px #cb705c;
border-right : solid 1px #cb705c;
margin-left : auto;
margin-right : auto;
text-align : left;
background : #fffaf4;
}
Ｑ＆Ａ：画像の枠
2007年01月04日(木曜日)
Ｑ1．記事内の画像の枠を写真風にするにはどうすれば良いですか？
Ａ．以下の方法で試してください。
（ブログ・ヘルプのカスタマイズ・マニュアルにも載ってます）
【方法】
「スタイルシートの編集」内、
「entry-body」は記事内を表しますので、記事内の画像にしか反映されません。
「padding」は、余白の太さ、
「background-color」は、余白の色、
「border」は、外枠の太さ(1px)と枠模様と枠の色、
を指定します。
“solid”は線、“dotted”は点線です。
Ａ．以下の方法で試してください。
（ブログ・ヘルプのカスタマイズ・マニュアルにも載ってます）
【方法】
「スタイルシートの編集」内、
div.entry-body img {のソースをどこでも良いので、入れてください。
padding : 3px;
border : 1px solid /*dotted*/ #c8b693;
background-color : #ffffff;
}
「entry-body」は記事内を表しますので、記事内の画像にしか反映されません。
「padding」は、余白の太さ、
「background-color」は、余白の色、
「border」は、外枠の太さ(1px)と枠模様と枠の色、
を指定します。
“solid”は線、“dotted”は点線です。
ぷち補正：ayu-tp2_05
2007年01月01日(月曜日)
テンプレートの補正ではないのですが、ダウンロードして頂いた方々のブログを拝見させて頂いて、ブログの説明文が長くて２列になり、ブログ名が背景画像にかかっているのがありました。
気にしない、と云う方は良いのですが、ブログバランスが悪いので直したい、と云う方のために、修正箇所を書いておきますね。
ブログを再登録(18：50)したので、２通りあるのですが、
再ダウンロードされた方は、［１］だけ、
再ダウンロードされない方は、［１］と［２］を変えてください。
【修正方法】
「スタイルシートの編集」で、
［１］
増やすと下がり、減らすと上がります。
［２］
気にしない、と云う方は良いのですが、ブログバランスが悪いので直したい、と云う方のために、修正箇所を書いておきますね。
ブログを再登録(18：50)したので、２通りあるのですが、
再ダウンロードされた方は、［１］だけ、
再ダウンロードされない方は、［１］と［２］を変えてください。
【修正方法】
「スタイルシートの編集」で、
［１］
h1 {の赤線数値を変えてください。
padding : 50px 5px 10px 30px;
}
増やすと下がり、減らすと上がります。
［２］
div#branding p {に赤文字数値を変えてください。
font-family: "Comic Sans MS";
color :#660000;
text-align : left;
padding : 0px 10px 43px 60px;
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
}
補正：ayu-tp2_05
2007年01月01日(月曜日)
《１月１日午後６時５０分に共有テンプレート再登録済み》
ダウンロードされた方はお気づきかもしれませんが、タイトル画像、メニュー枠、記事枠が微妙に左に寄ってます。
登録されてから気付きました……(>_<)
修正して再登録しましたので、気になる方は、再ダウンロードしてください。
しなくても、機能的には、問題ないと思うんですが…。
どこを直したら良いか判らずいろいろ触ったので、どこを直したのかまったく覚えてなく、いつもの修正方法を載せられません。
独自でカスタマイズされた方、ごめんなさい。
ダウンロードされた方はお気づきかもしれませんが、タイトル画像、メニュー枠、記事枠が微妙に左に寄ってます。
登録されてから気付きました……(>_<)
修正して再登録しましたので、気になる方は、再ダウンロードしてください。
しなくても、機能的には、問題ないと思うんですが…。
どこを直したら良いか判らずいろいろ触ったので、どこを直したのかまったく覚えてなく、いつもの修正方法を載せられません。
独自でカスタマイズされた方、ごめんなさい。
テンプレ【ayu-tp2_05】
2007年01月01日(月曜日)
【ayu-tp2_05】*深ピンク系 *花素材使用 *２カラム
*左メニュー *シンプル(?)
[見本]
［鮎から一言］
個々の枠を強調してみました。
メニューも記事も丸角では芸がないかなぁ～と思って、メニューは四角です。
四角だけも味気ないので、細い線と二重に囲ってみました。
素材は、一作目でも使ったお花素材をいろいろと組み合わせて使ってます。
タイトルとヘッター部分も同素材で挟みました。
画像が小さめなので、ゴチャゴチャ感はないと思うんだけど、どうでしょうか？
［画像アップ］
画像をアップする時は、横430px程度でおさえてください。
越えると、レイアウトが思いっきり崩れますぅ…。
［お願い］
ダウンロードされた方で、使用に不具合があった方は、この記事下に書き込んでください。
お尋ね頂いた内容＋解決法は、今後のために、内容のみブログに記載させて頂きますので、ご了承ください。
原因究明に時間がかかることもあり、お返事が遅れたり、後の書き込みの方の返事が先になったりすることもあると思います。
Copyright (C) 2006 ＊TENTEN★くらぶ＊ rights reserved.
Template&Material : TENTEN★くらぶ
わんこ写真：Digital Image Studio 410319【ふぉとさいく】
