*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

 > 2009年08月

熱闘甲子園決勝戦!面白過ぎです(^o^)丿

熱闘甲子園決勝戦!面白過ぎです(^o^)丿

昨日の話ですが…甲子園の決勝戦面白すぎた。たまたま仕事が休みで、新潟出身の私はやっぱり見なきゃいけないかなぁ~と…負けるの覚悟で見始めたら、最終回二死無塁から驚異の粘りで5点の猛攻1点差まで追いついたけれど、最後の打球はサード正面のライナーでゲームセット。中京大中京(愛知) 10 - 9 日本文理(新潟)9回だけで全部見たような満足感でした。。ここ数年、高校野球なんて全然興味無くって見なかったけれど、いやぁ~...

... 続きを読む

lace-d2cの記事カラムを幅広にするカスタマイズ

lace-d2cの記事カラムを幅広にするカスタマイズ

昨日の記事でメニューカラムを右から左へ変更するカスタマイズを掲載しましたが、IE6等でカラム落ちしてしまう不具合が有りましたので修正しました。「私も~~」というユーザー様は昨日の記事を修正しましたのでご覧下さいませ。m(__)m今日は、以前コメントにて要望頂いた lace-d2c の記事カラムを大きい写真用に幅広にするカスタマイズです。テンプレートのサイズは lace-d3c(3カラム)の幅で2カラムです。方法は簡単。オンマウ...

... 続きを読む

sayu様へ * by aki
sayu様、早速のご利用誠に有難うございます。

ご質問の件ですが、先ずメニュー部分の文字サイズについて。
スタイルシート編集枠を1/3程スクロールさせた所に/*メニュー*/という部分が有ります。
この十数段下に
.menu_body {
margin:5px 0;
padding: 0 5px;
overflow:hidden;
}

という箇所が有りますので、ここを
.menu_body {
margin:5px 0;
padding: 0 5px;
overflow:hidden;
font-size: 10px;
}

のように変更して下さい。続いてその十数段下に
.menu3_body {
margin: 0px;
padding:10px 15px;
overflow:hidden;
}

という箇所が有りますので、ここを
.menu3_body {
margin: 0px;
padding:10px 15px;
overflow:hidden;
font-size: 10px;
}

のように変更して下さい。このスタイルシートで加えているのはfont-size: 10px;という部分です。
この数値を変える事で文字サイズを大きくしたり小さくしたり出来ます。
(この一文が無い場合は全体の基本文字サイズ12pxになります)

次に文字の種類ですが、これは全体という事でしょうか?それともメニューカラム?記事カラム?
文字についてはカラム毎に設定していますので、必要な部分を探して変更して下さい。

(全体の基本文字及びテーブル内)
body, td {
font-family: "MS UI Gothic", Sans-serif;
font-size: 12px;
line-height: 1.7;
color: #4d4d4d;
}

変更後↓
body, td {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 1.7;
color: #4d4d4d;
}


(メニューや記事のタイトル)
.menu_title, .menu3_title, h2 {
font-family:"Georgia" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
font-size: 12px;
font-weight: bold;
}

変更後↓
.menu_title, .menu3_title, h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}


(ブログのタイトル)
h1 {
margin: 30px 30px 0px 30px;
font-weight: bold;
font-size: 24px;
font-family:"Georgia" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
position:relative;
}
h1 a, h1 a:visited, h1 a:hover {
font-weight: bold;
font-size: 24px;
font-family:"Georgia" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
text-decoration: none;
color: #ac6837;
}

変更後↓
h1 {
margin: 30px 30px 0px 30px;
font-weight: bold;
font-size: 24px;
font-family: Verdana, Arial, sans-serif;
position:relative;
}
h1 a, h1 a:visited, h1 a:hover {
font-weight: bold;
font-size: 24px;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
color: #ac6837;
}


(全記事一覧表示時)
/* 全記事表示 */
.entry_all {
margin: 10px 5px 10px 3px;
padding: 10px 15px 5px 15px;
font: 12px 'MS UI Gothic', sans-serif;
line-height: 1.5;
color: #4d4d4d;
border: 1px dotted #cccccc;
}

変更後↓
/* 全記事表示 */
.entry_all {
margin: 10px 5px 10px 3px;
padding: 10px 15px 5px 15px;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height: 1.5;
color: #4d4d4d;
border: 1px dotted #cccccc;
}


以上、文字を変更する箇所にコピペして下さい。(全部の場合は全部です^^;)
補足ですが、全てを適用すると投稿日が多いと横カレンダーがサイズ一杯になってしまい表示できなくなる事が有ります。
その場合は
/* YokoCalender */
.yoko_calender {
text-align:center;
font-size:12px;
color:#4d4d4d;
padding: 0px 0;
margin:10px auto; /* 左右マージンを自動算出して中央に配置 */
}

という部分の font-size:12px;font-size:10px;にして下さい。


次に、記事タイトル欄と日付を一緒にするカスタマイズです。
HTML編集枠を1/3程スクロールさせた所に
<!--エントリー-->
<!--topentry-->
<div class="contents">
<div class="contents_title">
<h2><a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>"><%topentry_title></a></h2>
</div>

<div class="entry_state"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) </div>


という箇所が有るので、ここを

<!--エントリー-->
<!--topentry-->
<div class="contents">
<div class="contents_title">
<TABLE class="table1">
<TBODY>
<TR>
<TD class="td1"><h2><a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>"><%topentry_title></a></h2></TD>
<TD class="td2"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) </TD>
</TR>
</TBODY>
</TABLE>
</div>


というように変更し、次にスタイルシート編集枠内の一番下にでも下記を追加して下さい。

.table1{
width:100%;
}
.td1{
font-family: Verdana, Arial, sans-serif;
text-align:left;
vertical-align : top;
}
.td2{
width:150px;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
text-align:right;
vertical-align : top;
}


取り急ぎ色々掲載しましたが、ご不明な点が有りましたらまたご連絡下さい。
テンプレートのカスタマイズはバックアップを取ってから行って下さいね。

* by sayu
以前コメントにて質問させて頂いたsayuです。

詳しく教えて頂いたおかげで、私でも簡単にカスタマイズ出来ました。
お忙しい中ありがとうございます。


ところで、また何点か質問があるのですが・・・。

まず文字について。
プラグイン部分(メニュー部分?)のタイトル以外の文字を小さくすることは可能でしょうか?
色々試してみたのですが、記事の文字も小さくなってしまいました。
また、文字の種類を変えることは可能なのでしょうか。
こちらも書き換えてみたのですが、いまいち変更できませんでした。
ちなみに、「Verdana」という文字に変更したいです。

あと、記事タイトルの欄について。(これは出来ればで構いません)
記事のタイトルと日付の行を揃えたいと思うのですが、可能なのでしょうか。
背景を白に近い色に変えたので、少し広さが気になっています。

それでは用件のみになりますが、この辺で失礼させて頂きます。

lace-d2cのmenuを左にするカスタマイズ(修正版^^;)

lace-d2cのmenuを左にするカスタマイズ(修正版^^;)

lace-d2c が数日前から共有化されてました。DLの際のコメントやブログへのコメント、メール、拍手、ランキング等々…当方とても励みになっております。沢山のDLを頂き、誠に有難うございます。さて、2カラム版 lace-d2c のメニューカラムを右から左へ変更するカスタマイズです。今まで使ってたテンプレートと左右逆で使い難い方、簡単なので是非tryしてみて下さい。変更したい方は下記をクリック!...

... 続きを読む

2カラム版申請しました

2カラム版申請しました

lace-d2c です。2カラム・プラグイン1~3(プラグイン3は記事の上に表示)「続きを読む」の折りたたみ・全記事一覧も対応。ミニ横カレンダー付き。本日、2カラム版を申請しました。画像はlace-d3cのを使ってますが、クリックでlace-d2cのサンプルを表示します。メニューカラムは右にも左にも移動可能。記事カラムワイド版もカスタマイズにて対応です。共有化しましたら記事にてカスタマイズ方法をupします。8/12(水)~8/15(土)...

... 続きを読む

あいり 様へ * by aki
勿論です。お好きな画像で飾って下さい。
当方のテンプレートはカスタマイズ自由です。(著作権表示削除・再配布以外)
自分専用のブログですもの。色んな画像でドンドン好みに仕上げていって下さい。
その際に、ご自身で作成した画像や他の素材サイトさまの素材を使っても問題ありません。

またご不明な点がございましたら いつでもコメント下さいませね。(^_^)

できました * by あいり
プレビューしてみましたら、きちんと表示されていました
ありがとうございます
それで、自分なりのオリジナルのブログが出来上がれそうな気がします♪

また質問がありますが、よろしいでしょうか(>_<)
もし私が作った背景画像を表示しても問題はないのでしょうか?

あいり 様へ * by aki
あいり様、長期テンプレートのご利用有難うございます。m(__)m
FC2ブログは沢山のテンプレートが有りますので、長ぁ~くご利用頂けるととっても嬉しいです♪

ご質問の件ですが、過去の記事でカスタマイズ方法を掲載しておりますので参照してみて下さい。
(記事は3カラム版になっておりますのが、2カラムでも修正箇所の基本は同じです。)
http://sorauta1.blog98.fc2.com/blog-entry-95.html

記事を読まれても分からない場合は、再度コメント下さいませ。
今後とも末永くお付き合い下さいます様 宜しくお願い致します。m(__)m

こんばんは、おひさしぶりです * by あいり
aki様がお作りになさったブログを愛用して、3年目になります♪
長く使っている私が驚きました(笑

さて、質問です^^*
こちらのテンプレートの背景をaki様が作った背景の画像(水玉柄の背景)を変えようと思っていますが、どのタグに変えればいいのでしょうか?
もちろん、変えたい画像は自分のブログでアップロードをさせて頂きます( ^∀^)ノ

いい返信をお待ちしています♪

ブルーベリー様へ * by aki
無事に表示出来た様で良かったです♪
FC2ブログの魅力は沢山の共有テンプレートやプラグイン等色々ですが、込み合う時間は表示が遅かったり障害復帰に時間が掛かったりという弊害も多々有ります。
FC2ユーザーが増えてきたのも有るのでしょうが、そこらへんは是非改善して欲しいものです。(^^ゞ

当方テンプレートはカスタマイズOKなので、ブルーベリー様のお気に召す様色々手を加えて楽しんで下さいね。
今後とも末永く当方テンプレとお付き合い下さいませ。m(__)m

* by ブルーベリー
aki様
そうなのです。FC2の障害情報には私のブログのサーバー番号がなかったのですが、
障害はしっかりと何日もありました(困)
時々障害があるのですが、載ってない事がほとんどです。
私もそうですが、障害発生の度に逐一問い合わせはしない人が多いのでしょうか。
問い合わせがないとFC2側でも障害のすべては把握しきれないのでしょうね。
今日久しぶりに見てみたらDBエラーが直っていましたので、
早速指示通りに</center>を入れてみたところ、背景もちゃんと表示されましたので
早速テンプレートを使わせていただいております。
お時間を取ってタグをすみずみまで見ていただき、本当に本当にどうもありがとうございました。<(_ _*)>
これからも素敵なテンプレを楽しみにしています♪

ブルーベリー様へ * by aki
ブルーベリー様
FC2の障害情報には貴殿ブログのサーバー番号は無かったようですよね?
早くDBエラーから復帰すると良いですね。i-229
また改めて、修正後のご連絡をお待ちしております。m(__)m

* by ブルーベリー
aki様
お時間を取ってタグを見ていただき本当にありがとうございます。

現在、トラブルが発生していまして、
プラグインの設定画面のMiscの「詳細」をクリックすると
「DBエラーが発生しました」と出て、
その下にこんなのが出て、詳細設定の画面が表示されない状態です。
=btCiNvpvkGZtDIFAyRGtRGCyOKr0OPMhSTVaNmW98zotHxHSu0It4JnaIUojOFGCWyEtZwoiyTqmIJqkOPYl42ocE3pyIKptjFZh9Jn0AKM1SUVHAHEZI0HtxPXtV3olWKMtD3Ly5zoiAzP+8PVlWTCcpFZajlWmVQAktQBjHwZkpPYaVGM09zo5WapyWJM1kzLaNPXtZIEIkHDJOFXtAKq0STqmOTYtITquETqmSTotkPLxyTLttPVhy2Mik2KvcTVCEyGWOFEQSRGDIxH

いつからこんなのが表示されるようになったのか不明ですが
これが表示されるので、Miscの内容を変更出来ません(泣)
Miscの詳細設定画面が開くようになったら
教えていただいたようにタグの閉じ忘れを変更して、
またこちらで報告させていただきます。
丁寧なご回答をいただきまして本当にありがとうございました。

kokorinrin様へ * by aki
kokorinrin様、当方テンプレートのご利用 誠に有難うございます。
当方ブログでは個人的な話よりもテンプレートの記事がメインですが、時々ペットの話や帰省した話、過去には時事ネタなんかも有るんですよ。(少ないですが^^;)
更新が少ないので、今後は遊びに来て頂いた方に読んで貰えるような記事を少しずつ増やしていこうと思います。
是非!また何度でも遊びに来て下さいね♪

yasumi様へ * by aki
yasumi様、いつも当方テンプレートをご愛顧頂き誠に有難うございます。
簡単にカスタマイズが出来て、見やすい・読み易いテンプレートを目指して作成してます。
是非♪自分好みに改変を楽しんでみて下さい。

DLして頂き、こうしてコメントを頂けるのが当方の励みになっております。(^_^)
今後とも末永くお付き合い下さいね。i-179

トップ画像の変更方法

トップ画像の変更方法

新作テンプレート lace-d3c 、多くのDL有難うございます。昨日の続き 「トップ画像変更の仕方」を掲載致します。お気に入りの画像を飾って貴方だけのブログを作って下さいねご興味の有る方は↓をクリック...

... 続きを読む

かおる 様へ * by aki
かおる 様、初めまして♪
数あるテンプレートの中から見付けて頂き、誠に有難うございます。m(__)m

出来るだけカスタマイズを容易にして、色んな方に「自分色」で使って欲しい…
そんな思いでテンプレートを作っております。(^_^;) が、
当方も素人(に毛が生えた程度?)なので不具合も多々有ります。
お気付きの点がございましたら、何なりとお教え下さいませ。

是非、素敵な画像に変更して 楽しく使って下さいね♪
今後とも末永くお付き合い下さいます様 宜しくお願い致します。m(__)m

初めまして。 * by かおる
aki様、初めまして。
かおると申します。

このテンプレートに一目惚れしまして、
早速お借りしています。
ド素人ですが、わかりやすい説明をしていただいていたので
自分の撮った画像に変更が出来ました。
どうもありがとうございます^^

神城 様へ * by aki
初めまして。コメント頂き有難うございます。
ご質問の件ですが、当方の作ったテンプレートではないので作者様にお尋ね下さいませ。
m(__)m
…というのが筋なのでしょうが、作者様はブログを更新されていないみたいですね。^^;
作者様を差し置いて出しゃばるのも何なんですが、調べてみましたら同様の質問がYahoo!知恵袋に出ていましたのでURLを載せておきます。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1057651435

div#header {
という部分を探して、アップロードした画像のURLを入れれば良いようですよ。
上記URLを参考に、頑張って改変して下さい。(^_^)

* by 神城
fragment_of_summer のテンプレート使ってるんですが

#header {  自体ない場合どうしたらいいですか?

青えんぴつ。様へ * by aki
青えんぴつ。様、初めまして♪
コメント頂き有難うございます。(^_^)
分かりやすい・使い易い、と言って頂けるのが一番嬉しいです。
せっかく自分のブログですもの 自分色にしたい・・。
カスタマイズも簡単に出来なきゃ、なかなか手を出し難いですよね。
利用される側の視点で、カスタマイズ方法を掲載するように心掛けています。
もしご不明な点がございましたら、いつでもコメント下さいませ。m(__)m

今後とも末永くお付き合いの程、宜しくお願い致します♪

* by 青えんぴつ。
初心者なのですが、とても分かりやすく、使いやすいです。
素敵なテンプレートありがとうございました^^

レイ * 様へ * by aki
著作権部分削除以外のカスタマイズは どうぞご自由に楽しんで下さい。(^_^)
Top画像以外に背景画像も簡単に変えられますので、機会が有りましたらTryしてみて下さいね。
また、カスタマイズ等でご不明な点がございましたらご連絡下さいませ。
当方の出来得る範囲でお答え致しますので。(^_^)

今後とも末永く テンプレートとお付き合い下さいませ。

p.s. 拍手&ランキングぽち、有難うございます!

ありがとうございました。 * by レイ *
自分の撮った画像にする事が出来てちょっとビックリです♪
益々愛着がわいてきましたe-266

拍手とブログランキングにポチっとな☆
しておきましたv-392

今後ともよろしくお願い致します。

綾乃様へ * by aki
プラグイン3にTopを入れたようですね。
文章を改行する場合は、文章の最後に<br>というタグを入れる事で強制改行されます。
例:初めまして。<br>このブログは共有テンプレのブログです。<br>
こんな感じに、改行したい所に入れて下さい。
ご不明な点はまたコメント下さいね。(^_^)

aki様 * by 綾乃
ありがと-ございます*