スタンダード・デザインラボ

　いろいろな文字装飾の確認ができたかと思います。
　文字装飾に関しては、当サイトで「CSS講座」としてもサポートしています。

　結構簡単に使いこなせるモノです。
　ブログを読みやすくしたり、検索エンジンへのアピール（最適化）などにも重宝します。

　当サイトのテンプレートのスキンタイプ…ごくシンプルなものに関しては、テンプレート改造の手引きも用意しています。
　テンプレートをダウンロードしたら、是非ともそのテンプレートの説明部分を覗いてみてください。

　比較的簡単に自分好みにカスタマイズも出来ると思います。

　当サイトでは、ブログを使って何かができないかを考えています。

　こちらから、当サイト管理人が書き散らかした様々なブログコンテンツをご覧になれます。

http://www.google.com/profiles/109085850250012785490

　すべて無料スペースのブログなので、サイトが使えるのかどうなのかはわかりませんが、当サイト作者と何かを提携してみたいと思われる方がいらっしゃいましたら、どうぞお気軽にご連絡ください。

　また、写真サイトを運営中の方で、自分のサイトの素材を使ってテンプレートを作らせてみたい…という方がいらっしゃいましたら、どうぞご連絡お待ちしています。
　FC2テンプレートの規約では、テンプレート制作者のクレジット、そして素材サイトのクレジット表示が許可されています。
　作者の気まぐれで申し訳ないですが、使用したいと思ったときには、折り返し連絡させていただきます。

　これらの場合のコメントは、「プライベートモード」「管理者にだけ表示を許可する」にチェックを入れてからご連絡ください。
　或いは、以下のサイトのメールフォームからも問い合わせをすることができます。

http://lovephotoshop.web.fc2.com/about.html#mail

テスト

サンセットで、プロフィールなどの画像に白フチがついてしまいます、白フチがつかないようにするには、どうすればいいでしょうか？教えて下さい、御願いします。

　テンプレートのスタイルシートの編集で

#side img{
background:#fff;
padding:2px;
margin:2px;
border:1px solid #ccc;
}

　これを丸ごと消せば、サイドバーの画像に枠は出なくなります。

こんなに便利なボタンがあったんですね！
ページ作るのが早くなりそうです。

このデザインのテンプレートを使用させてもらっているのですが、ブラウザ下部で常に移動してついてくるヘッターをページ下部に固定表示する方法を教えていただけないでしょうか？
素人ながら自分でも色々やってみたのですが、どうしてもうまくいかず・・
お願い致します。

上記で質問したものです。
使用テンプレートは「スタンダード・３ヴァリアブル」です。

　フッターの表示ですね？
　結論から申し上げますと、このテンプレートでは出来ないんですよ。


　専門的な話になりますが、もしHTMLの知識がおありになれば…
　当サイトでレイアウトに使っているタグは「position」と言うちょっと変わったタグです。
　コレを使わずに、定番の「float」タグでサイドバーを左右にフロートさせ、ネガティブマージンで強引に整形するという方法か、或いは、jQuery等を利用して、サイドバーとメインブロックの高さを出し、長い方の高さに配置する等といった方法も考えられます。
　ただ、jQueryの方はあまりお勧め出来ません…簡単にできるのはこちらの方なんですが…
　floatの方は、テンプレートを相当量書き直さないとならないので…これまた難しいです。

　もし時間が取れれば、そういった可変テンプレートも公開してみようと思います。その時もしご縁があれば、また宜しくお願いいたします。

はじめまして。
ブログでこちらのテンプレートを設定している者ですが、調べても分からなかったので問い合わせさせていただきました。
TOPページで記事の表示を一番最新のもの１件だけにして、他のページではそれ以前の記事を複数表示させる事は可能でしょうか？
環境設定だと表示数の設定は出来ても全てのページに対応してしまうので、TOPページ以外も１件の表示になってしまいます。
いろいろと検索して探してみたのですが、探せなかったのか無いのか、それすらも分かりませんでした。
もし、可能であればご指南頂けると幸いです。

　こんにちは。おもしろいですね。
　FC2デフォルトでは出来ませんが、超強引にスクリプト使ってだったらできそうですが…
　結構大変ですよ…
　多分検索では出て来ないと思います。

　スクリプトで表示した他の記事を消せば簡単ですが、非表示アイテムはとにかくGoogleに嫌われそうなんで…。

　いったんスクリプトにトップページの複数記事を入れ込んで、それを見えないように表示させてjQueryで一番最初のブロックのみ取り出して表示させる。
　こんな事が思いつきますが、これはスクリプトがちゃんと出来る人に問い合わせた方が良いかもですね。強引すぎる気がします。もっとスムースな方法があるかもしれません。

はじめまして、こちらのテンプレをダウンロードしようとしたのですが、「検索条件に該当するテンプレートはありませんでした」とでます。
削除してしまったのでしょうか？

　いえ、【共有テンプレートのダウンロード】画面にて、【作者】の欄に
------
designlabolatory
------
　と入れて検索してみてください。
　私、綴りを間違えているので（笑）コピペが確実です。

こんにちは＾＾
こちらの「shampoo 」をお借りしたいのですが、レイアウトが崩れているようです。
どうすれば直せますか？
ご教授よろしくお願いいたします。

　崩れている状況をお知らせ頂けると幸いです。

早速のお返事ありがとうございます＾＾

ＦＣ２ブログのテンプレート管理ページから飛んで、「shampoo」をプレビューで拝見したら、本文を囲うボックスが綺麗に表示されませんでした。
…って、私のＰＣだけでしょうか？
だったら大変申し訳ありません；

　もしかして、ボックスの一番上の「丸角」部分でしょうか？
　もしそうであれば、一応下の方法を試してみてください。ちょっと煩雑ですが…。古いテンプレートで、いかんともしがたい部分があるんですが…。

///////////////// HTML部分の変更 //////////////////////////

<!--●メインカラム●-->
<div id="main">
<div class="main_top"></div><div class="main_body">
<!--◎メインエリア◎-->

///////////////////////////////////////////////////////////////////////////
↓
///////////////////////////////////////////////////////////////////////////
<!--●メインカラム●-->
<div class="main_top"></div>
<div id="main">
<div class="main_body">
<!--◎メインエリア◎-->
///////////////////////////////////////////////////////////////////////////


////////////スタイルシート部分の変更///////////////////////
#main{
width:560px;
float:left;
overflow:hidden;
background:url("http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/tampopo-06.gif") repeat-y center top;
}
.main_top{
background:url("http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/tampopo-23.gif") no-repeat center top;
height:32px;
}
///////////////////////////////////////////////////////////////////////////
↓
///////////////////////////////////////////////////////////////////////////
#main,.main_top{
width:560px;
float:left;
overflow:hidden;
background:url("http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/tampopo-06.gif") repeat-y center top;
}
.main_top{
background:transparent url("http://blog-imgs-60.fc2.com/d/e/s/designlabolatory/tampopo-23.png") no-repeat center top;
height:32px;
}
///////////////////////////////////////////////////////////////////////////

　「テンプレートの編集画面」にて、上図のように、それぞれ上の段に描いてある部分を探し、下の部分の記述へまるごと書き換えてみてください。

　「Ctrl+F」キーの「画面内検索」にて、素早く場所を探せるかと思います。

　IE6は切り捨てで、IE7、8は、もしかしたら、かなり凝視したとき色合いが違って見えてしまう可能性がありますが…最新のブラウザであれば、だいたいきちんと表示されると思います。

ご丁寧なご教授ありがとうございます＾＾

早速やってみたんですが、直りませんでした；
ボックス部分の左側の部分が削られて、その削られた部分が右側にくっついているような感じです。
前にも「shampoo」を拝借したことがあるんですけど、そのときは正常に表示され、私のPCはXPでIE8でした。
現在はWIN7でIE9なんですが、だからダメなんでしょうか？
だとしたら諦めるしかありません。とっても残念です…；

…本当ですね…
　ウチもwindows7なんですが、IE7の時に、記事タイトル部分がずれた（というか、恐らく本文背景画像がずれてます）現象が起きました。ただ、IE8以降は正常表示でした。

　スイマセン、結論から申し上げますと、コレはちょっとお手上げです。FC2にテンプレート登録したときは、IE7以降正常だったハズなんですが…

　このテンプレートは全体的に修正しなければならないので、ちょっと時間がかかります。私の方も時間が取れませんで…。


　詳細を一応書いておきます。
　私の環境では、IEに元からついている「開発者ツール」というツールで擬似的に（だと思う）IE7などを表示してチェックしていますが、正直もうしまして、IEは9も含めてテンプレート書きとしてはお手上げ状態です。HTMLをちゃんと書いても、マイクロソフト様独自の解釈とかで…手に負えません。それでもIE9はまだ良かったのですが…いろいろとIEの癖は勉強しているのですが…（というか、かなり勉強しているのですが、それでも予想外が多すぎて）
　このテンプレートには若干欠陥がありまして、「background:image center」という背景画像のセンタリングの問題（IEではbackgroundのセンタリングは御法度）か、float、padding辺りに問題がありそうで、私のHTMLの書き方もちょっと不味い部分があります。まだIEに関して知識不足の時に書いたものなので…

　あと、IEと言うブラウザは、キャッシュが消しきれない問題があって、特にCSSなどの小さいファイルのキャッシュは、どんなことをやっても消えないことがあります。コレがあるので、検証するのに日にちがかかってしまうんですよ…キャッシュが残っているのか、それとも残っていないのかが分からないという…「何日後にキャッシュをクリアする」という設定をすれば、日付が変わればキャッシュが完全になくなるようなのですが…（多分…）
　そういうわけで、手直しするより最初から描き直した方が早いんですが…
　もし時間が取れれば、修正版を再アップロードしたいのですが、ちょっと難しい状態ですので…

またしても迅速かつご丁寧なお返事ありがとうございます＾＾

そうですか。了解しました。
では、お時間ができて、お気が向きましたら、ぜひとも修正版の再アップロードをお願いいたします。できれば拝借したいので。

お忙しい中、何度もお手数をお掛けして申し訳ありませんでした。
本当にどうもありがとうございました！