07≪ 2009/08 ≫09
12345678910111213141516171819202122232425262728293031
個別記事の管理-------- (--) --:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
宜しければポチッと♪→FC2 Blog Ranking
* Category : スポンサー広告
|
個別記事の管理2009-08-25 (Tue) 19:53
昨日の話ですが…甲子園の決勝戦面白すぎた。
たまたま仕事が休みで、新潟出身の私はやっぱり見なきゃいけないかなぁ~と…負けるの覚悟で見始めたら、最終回二死無塁から驚異の粘りで5点の猛攻
1点差まで追いついたけれど、最後の打球はサード正面のライナーでゲームセット。
中京大中京(愛知) 10 - 9 日本文理(新潟)
9回だけで全部見たような満足感でした。。

ここ数年、高校野球なんて全然興味無くって見なかったけれど、
いやぁ~~あの熱さで見入ってしまいました。(^^ゞ
最後がライナーだったからスカッと終われたのかも?
…で、やっぱり負けは負けだけど、久しぶりに燃えたぁ~。
スポンサーサイト
宜しければポチッと♪→FC2 Blog Ranking
* Category : その他
* Comment : (0) * Trackback : (0) |
個別記事の管理2009-08-22 (Sat) 21:39
昨日の記事でメニューカラムを右から左へ変更するカスタマイズを掲載しましたが、IE6等でカラム落ちしてしまう不具合が有りましたので修正しました。
「私も~~」というユーザー様は昨日の記事を修正しましたのでご覧下さいませ。m(__)m

今日は、以前コメントにて要望頂いた lace-d2c の記事カラムを大きい写真用に幅広にするカスタマイズです。
テンプレートのサイズは lace-d3c(3カラム)の幅で2カラムです。
方法は簡単。オンマウスで画像を通常サイズで表示するには大き過ぎて見栄えが悪い・オンマウスで表示したくない、という方は是非この方法をご利用下さい。

続きはコチラ↓

先ず、lace-d2c をDLして下さい。
次にテンプレート管理画面の下段枠「スタイルシート編集」を1/5程スクロールした所に
/*レイアウト設定*/という部分が有りますので、その下

#back-w {
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/border-8.gif);
background-repeat:repeat-y;
background-position: center top;
text-align:center;
margin:0 auto;
}

#container {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
text-align: left;
}

#main {
float : left;
width:575px;
margin-right:5px;
overflow:hidden;
}

という部分を下記のように変更して下さい。

#back-w {
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/border-10.gif);
background-repeat:repeat-y;
background-position: center top;
text-align:center;
margin:0 auto;
}

#container {
width: 920px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
text-align: left;
}

#main {
float : left;
width:695px;
margin-right:5px;
overflow:hidden;
}


次に、それより少し下へスクロールすると /* ヘッダー部分 */ という箇所が有りますので、その下

#header {
background:#ffffff url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/re-fu1.jpg) no-repeat center top;
width:560px;
height:270px;
margin-top: 15px;
margin-left: 10px;
text-align: left;
position:relative;
}

という部分を下記のように変更して下さい。

#header {
background:#ffffff url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/re-fu.jpg) no-repeat center top;
width:690px;
height:270px;
margin-top: 15px;
margin-left:5px;
text-align: left;
position:relative;
}


後は更新ボタンを押せばOKです。
カスタマイズする際には元の複製を作ってバックアップを取っておくと安心です。

Return

宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (2) * Trackback : (0) |

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」という文字に変更したいです。

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

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

個別記事の管理2009-08-21 (Fri) 20:20
lace-d2c が数日前から共有化されてました。
DLの際のコメントやブログへのコメント、メール、拍手、ランキング等々…当方とても励みになっております。
沢山のDLを頂き、誠に有難うございます。

さて、2カラム版 lace-d2c のメニューカラムを右から左へ変更するカスタマイズです。
今まで使ってたテンプレートと左右逆で使い難い方、簡単なので是非tryしてみて下さい。
変更したい方は下記をクリック!

先ずFC2ブログの環境設定より「テンプレートの設定」をクリックして「テンプレート管理画面」を表示して下さい。
lace-d2c の「編集」をクリックし、表示された「スタイルシートの編集」(下段枠)を1/4程スクロールさせたところに

#main {
float : left;
width:575px;
margin-right:5px;
overflow:hidden;
}

#menu {
padding:10px;
padding-bottom:0;
float : right;
width:200px;
overflow:hidden;
}

という部分が有りますので、ここを

#main {
float : right;
width:575px;
margin-left:5px;
overflow:hidden;
}

#menu {
padding:10px;
padding-bottom:0;
float : left;
width:200px;
overflow:hidden;
}

に変更して下さい。後は更新ボタンを押せば完了です。
簡単に言うと、
#main と #menufloat : left を float : right に、float : right を float : left に、
#main margin-right を margin-left に変更するだけ。
カスタマイズの際は複製を作ってバックアップをしておくと安心です。
ご不明な点はコメントやメール等でお問い合わせ下さい。

Return

宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (0) * Trackback : (0) |
個別記事の管理2009-08-09 (Sun) 18:27
lace-d3clace-d2c です。
2カラム・プラグイン1~3(プラグイン3は記事の上に表示)
「続きを読む」の折りたたみ・全記事一覧も対応。
ミニ横カレンダー付き。

本日、2カラム版を申請しました。
画像はlace-d3cのを使ってますが、クリックでlace-d2cのサンプルを表示します。
メニューカラムは右にも左にも移動可能。
記事カラムワイド版もカスタマイズにて対応です。
共有化しましたら記事にてカスタマイズ方法をupします。

8/12(水)~8/15(土)まで帰省のため更新できません。
また、お問い合わせ等にも対応できませんので上記期間はお許しを。
宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : テンプレート
* Comment : (31) * Trackback : (0) |

あいり 様へ * 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

個別記事の管理2009-08-07 (Fri) 00:49
新作テンプレート lace-d3c 、多くのDL有難うございます。
昨日の続き 「トップ画像変更の仕方」を掲載致します。
お気に入りの画像を飾って貴方だけのブログを作って下さいね

ご興味の有る方は↓をクリック

先ず、テンプレート管理画面で lace-d3c の「HTML/CSS」→「編集」をクリックし、下段枠「スタイルシート編集」を表示して下さい。
1/3程スクロールしたところに

#header {
background:#ffffff url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/re-fu.jpg) no-repeat center top;
width:690px;
height:270px;
margin-top: 15px;
margin-left:5px;
text-align: left;
position:relative;
}


という部分が有りますので、ここのurl部分
http://blog-imgs-32.fc2.com/s/o/r/sorauta1/re-fu.jpg
をお手持ちの画像urlに変更して下さい。
その後「更新」ボタンを押せば変更完了です。

画像の表示サイズは幅 690px高さ 270px、です。
画像の幅はこれ以上大きくするとカラムが落ちたりして表示が崩れますので、この数値を超えないようにお願い致します。
高さは変更可能です。画像の高さに合わせて数値を変えて下さい。

画像のurlとは、画像をアップロードしたurlです。
FC2ブログ左のメニュー「ツール」→「ファイルアップロード」の画面から画像をアップロードし、アップロードした画像のサムネイルをクリックして表示されたウィンドウの一番上に表示されている「http://blog-image-**.fc2.com/~~~~」というのが画像のurlになります。
ご不明な点がございましたらコメント下さいませ。
是非お気に入りの画像を飾って 素敵にカスタマイズして下さいね。

Return

宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (39) * Trackback : (0) |

かおる 様へ * 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 綾乃 --
ありがと-ございます*

個別記事の管理2009-08-06 (Thu) 01:01
今回は共有化まで早かったぁ~~
厳密に言うと lace-d3c を申請したのは8月2日、いつもなら1週間は共有化に掛かるのに5日の夕方には公開されていました。
…という事で、あせって背景色の変更方法を掲載致します。
トップ画像の変更方法はまた明日。

テンプレート管理画面で lace-d3c の「HTML/CSS」→「編集」をクリックして、スタイルシート編集枠を表示して下さい。
枠内のスタイルシート、上から数段のところに

body, .contents_title, .menu_title,.menu3_title {
text-align: center;
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/tama6.gif);repeat:repeat;
background-attachment : fixed;
background-color : #e5dfd1;
}

という部分が有りますので、ここの
background-color : #e5dfd1;
という部分のカラーコードを変更して下さい。
カラーコードはコチラを参照→カラーコード表
また、カラーネームでもOKです。
カラーコードでの変更は background-color : カラーネーム;
のようにして下さい。
カラーネームはコチラを参照→カラーネーム表

ちなみに背景・記事・メニュータイトルの画像もお手持ちの画像に変更できます。
画像を変更する場合は上記CSS
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/tama6.gif);repeat:repeat;
のurl部分 http://blog-imgs-32.fc2.com/s/o/r/sorauta1/tama6.gif を変更して下さい。
画像のurlとは、画像をアップロードしたurlです。
FC2ブログ左のメニュー「ツール」→「ファイルアップロード」の画面から画像をアップロードし、アップロードした画像のサムネイルをクリックして表示されたウィンドウの一番上に表示されている「http://blog-image-**.fc2.com/~~~~」というのが画像のurlになります。

背景色((画像)と記事タイトル、メニュータイトルの背景も一緒に変更されますので、記事・メニューのタイトルが読み難くなる場合はスタイルシート編集枠をスクロールさせて下記の部分を探し、
color: #******; という部分を上記の「カラーコード・カラーネーム」を参考に変更して下さい。

(記事タイトル↓)
.contents_title, h2 a {
font-size: 12px;
text-decoration: none;
color: #b28479;
}

(メニュータイトル↓)
.menu_title {
color:#666666;
padding:5px;
padding-left: 10px;
padding-right:10px;
}
.menu_title:first-letter {
color : #ac6837;
}

(↑first-letter とは文字の先頭部分の色です。メニュータイトルに設定しています)

以上ですが、ご不明な点がございましたらコメント下さい。

Return

宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (13) * Trackback : (0) |

るんママ様へ * by aki --
るんママ様、お手数をお掛けしました。^^;
お気付きの部分、CSSの記述ミスを修正してテンプレートの更新しました。
ご指摘、誠に有難うございました。m(__)m
近いうちに記述ミス部分を記事にしてupします。
また何か不明な点などございましたらお教え下さいね。
今後とも末永く当方テンプレートとお付き合い下さいませ。(^_^)

出来ました! * by るんママ --
度々すみません。

.contents_title, h2 a {
font-size: 12px;
text-decoration: none;
color: #006400;
}

titleの後ろの『,』を外してみたら
タイトル色のみを変えることが出来ました。

お手数をお掛けして、申し訳ありませんでした。

記事 * by るんママ --
お返事ありがとうございました。
何度も申し訳ありませんが、もう一度教えて下さい。

スタイルシートの

/*記事部分*/

.contents{
margin: 0px 5px 30px 5px;
border: 1px dotted #cccccc;
}
.contents_title {
text-align: left;
font-weight: bold;
padding:5px;
padding-left:10px;
padding-right:10px;
}
h2 {
font-size: 12px;
text-decoration: none;
color: #b28479;
}
.contents_title, h2 a {
font-size: 12px;
text-decoration: none;
color: #006400;
}
と変更しましたが、やはり変わりません。

他の部分を変更したときに何か触ってしまったのかも…と思い、再度ダウンロードをしてタイトル色の変更を試してみましたが変わりませんでした。

確かに、HTMLには
<div class="contents">
<div class="contents_title">
となっていますが…。

主人に見てもらったところ、
変更している場所は正しいようなのですが
変えることが出来ません。

お手数ですが、宜しくお願い致します。

るんママ様へ * by aki --
るんママ様、初めまして♪
テンプレートのご利用、誠に有難うございます。

ご質問の件ですが、記事のタイトル文字色を変更したい、という事でご説明致します。
a というタグはリンクの貼られている部分の事で、記事タイトルは各個別の記事ページにリンクされているためスタイルシートでいうa のカラーが適用されます。
ただ、テンプレートのHTMLを見て頂くと記事タイトル部分は別のclass属性を設けてあるので、その部分のスタイルシートを変更すれば文字色が変わります。

スタイルシート編集枠を半分程スクロールすると

.contents_title, h2 a {
font-size: 12px;
text-decoration: none;
color: #b28479;
}


という部分が有りますので、ここの
color: #b28479;
という部分を変更して下さい。これで記事タイトル部分の文字色が変わります。

ご不明な点がございましたら再度コメント下さいね。
今後とも末永く当方テンプレートとお付き合い下さいませ。m(__)m

記事タイトルの色の変更 * by るんママ --
はじめまして。ドット&レースが大好きなので、使わせて頂いております。
クリスマスバージョンに、背景色を変更しました。
記事・メニューのタイトルが読み難くなってしまったので、タイトルの色も変更した。
記載されている通りにやったのですが、
メニュータイトルは変わりましたが、記事タイトルは何度やり直してみても変わりません。。。
初心者ながらに、色々と触ってみたところ
上の方の
a:link,a:visited {
color: #b28479;
text-decoration:none;
}
colorを変更したら、プラグイン2の文字と一緒に記事タイトルの色が変更されました。
元の色はほとんど見えなかったので、現在↑のcolorを変更した状態にしております。
出来れば、記事タイトルの色のみ変えたのですが…。
やり方が分かりません。
教えて頂けませんでしょうか?

やっちゃん!様へ * by aki --
やっちゃん!様、無事に改変できましたか。良かったです。(^_^)
カスタマイズするのは少し不安が有るかも知れませんが、複製を作っておいて作業すれば安心です。
ドンドン自分好みに変えて楽しんで下さい。

使い易い・見易いテンプレートを目指して頑張りますので、今後とも末永く当方テンプレートとお付き合い下さいね。

* by やっちゃん! --
こんにちは!
質問しておいて、すいません!今日無事に成功しました!とにかく、英語?(タグでしったけ?^^)がたくさん並んでいるだけで
もうドキドキしてしまうんで、
慎重に慎重にということで。
でもすごいですね、
いつかは私もこんな素敵なテンプレつくってみたいものです。
本当にありがとうございました!


やっちゃん!様へ * by aki --
Netで検索して調べてみましたら、使えるタグが出ていました。i-220
お手数ですが、先般掲載した部分を下記のように変更してみて下さい。
先ず、HTML編集枠1/3程スクロールした所が下記のように変更されていると思います。

<div class="entry_state"><a href="./?admin"><img src="http://blog-imgs-32.fc2.com/s/o/r/sorauta1/pencil.gif" width="12" height="12" border="0" style="margin-right : 5px;"></a><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) </div>

この部分を下記に変更して下さい。

<div class="entry_state"><a href="<%url>admin.php?mode=editentry&no=<%topentry_no>"><img src="http://blog-imgs-32.fc2.com/s/o/r/sorauta1/pencil.gif" width="12" height="12" border="0" style="margin-right : 5px;"></a><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) </div>

後は更新ボタンを押せば完了です。

やっちゃん!様のカスタマイズ、使い勝手の良い提案ですね。i-179
今後作成するテンプレートに生かしてみようかと思います。
貴重なご意見、有難うございました。i-234

* by やっちゃん! --
こんにちは!
すいません。また来ました・・。
えっと、えんぴつをクリックすると
その記事の編集画面に行かずに、
「新しく記事を書く」の画面にいってしまうのです。
なにかいい方法はありますか?
お時間あるときでいいのでよろしければ、お返事をお願いします。
何回もすいません。
トップ画像なんですが、今度挑戦してみたいなと思います★
☆★

やっちゃん!様へ * by aki --
やっちゃん!様、無事に表示出来た様で良かったです。(^_^)
エラー等ございましたらお教え下さいね。
背景やトップ画像もお好みにカスタマイズできますので、是非色々Tryしてみて下さい。
今後とも末永く当方テンプレートを宜しくお願い致します。m(__)m

個別記事の管理2009-08-03 (Mon) 01:07
lace-d3clace-d3c です。
3カラム・プラグイン1~3(プラグイン3は記事の上に表示)
「続きを読む」の折りたたみ・全記事一覧も対応。
ミニ横カレンダー付き。

本日、申請しました。(画像clickでsampleを表示します)
淡くて優しい色調のテンプレートです。
背景ドット画像の色は、CSSで背景色を変更する事が出来ます。
(記事やメニューのタイトル画像も背景色と一緒に変更されます)
トップの画像もお好みに簡単変更。

申請が通れば1週間位で共有化します。多分。(^^ゞ
宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : テンプレート
* Comment : (10) * Trackback : (0) |

kotori* 様へ * by aki --
無事に改変出来た様で何よりです。(^_^)
出来るだけテンプレートユーザー様のご要望はお答えしたいと思っておりますので、
また何かお気付きの点がございましたらお気軽にコメント下さいませ。
テンプレートは全てカスタマイズOK(著作権表記削除以外)です。
貴殿のお好みに合うように、お好きな画像・お好きな色で楽しんで下さいね。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

ありがとうございました * by kotori* --
早々のご対応、ありがとうございました。m(_"_)m
嬉しいです!
とっても便利になりました。\(^o^)/
これからも長く使わせていただきます。
ありがとうございました。(‐^▽^‐)


kotori* 様へ * by aki --
kotori*様、初めまして♪
コメント頂きまして 誠に有難うございます。
管理画面へのリンクについてですが、下記のように改変して頂く事で付ける事ができます。
難しくないので是非試してみて下さいませ。

先ず、テンプレートのHTML編集枠を1/6程スクロールした所にある
<div id="yoko_calender">
<!--横カレンダーここから(いらない場合はここから削除-->
という青文字部分の上に、下記のソースを入れて下さい。
<!--管理ページリンク-->
<ul class="admin">
<li><a href="<%server_url>control.php" title="管理ページトップ">Admin</a> * </li>
<li><a href="<%server_url>control.php?mode=editor&process=new" title="新しく記事を書く">Write</a> * </li>
<li><a href="<%server_url>control.php?mode=control&process=entry" title="過去の記事の管理">Edit</a> * </li>
<li><a href="<%url>?all" title="全記事一覧">All articles</a></li>
</ul>
<!--/管理ページリンク-->


次に、スタイルシート編集枠を1/3程スクロールした所に有る
#yoko_calender {
width:700px;
margin: 10px 0px;
position:relative;
}
の青文字部分を下記のように直して下さい。
#yoko_calender {
width:700px;
margin: 0px 0px 10px 0px;
position:relative;
}

最後に、同じくスタイルシート編集枠の一番下に下記のソースを追加して下さい。
/*管理ページリンク*/
ul.admin {
margin : 0;
height: 22px;
padding : 0px 20px 0px 0px;
list-style-type : none;
text-align : right;
}
ul.admin li {
display : inline;
}
ul.admin a:link {
color : #8f4b4b;
text-decoration : none;
}
ul.admin a:hover {
color : #FF8B8B;
text-decoration : none;
}


後は「更新」ボタンを押せば完了です。(このブログのTop画像右下に表示されているようになります。)
不具合が有った場合に備えてテンプレートの複製を作ってから作業する事をおススメします。
ご不明な点がございましたら、再度コメント下さいませね。

今後ともテンプレートを宜しくお願い致します。m(__)m

管理画面へのリンクについて * by kotori* --
はじめまして。
いつも素敵なテンプレをありがとうございます。
落ち着いた雰囲気で、見やすさがとても気に入っています。

一つ、教えていただきたいのですが、
管理画面へのリンクです。

今まで使っていたテンプレは、
TOP画像の片隅に「admin」とリンクがあり、
スクロールしなくても管理画面へ入れてとても便利でした。
今回、「lace-d3c」がとても気に入り、
それが無いだけで使わないのはとても残念でなりません。
こちらのテンプレで言うと、TOP画像の右下隅にリンクがあると
とても使い勝手がよくなります。

プログラムは全くのド素人で、だからこんな質問もしてしまうのですが、
簡単に追加出来るモノでしたらぜひご教示願います。
また、根底から作り直さなければならないほどの大掛かりなモノでしたら諦めます。

お時間のある時に教えていただければ幸いです。


momo様へ * by aki --
momo様、当方テンプレートをご利用頂き有難うございます。
ご質問の、改変したいテンプレートはlace-d3cで宜しいでしょうか?
その場合でご説明致します。
(不具合が有った場合のためにバックアップ(複製)をとった方がより安全です)

先ず、DLして頂いたlace-d3cの「テンプレート管理画面」から「HTML・CSS」の編集をクリックしてHTMLの編集枠(上段枠)を表示して下さい。
枠内の上から20段近く下にある

<script type="text/javascript">
<!--
ここから
//-->
</script>
ここまでを削除して下さい。(全部で19行位)

次に、同じく1/3程スクロールさせたところに

<!--more_link-->
<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;"> >> ReadMore</a>
</span>

<div id="varXYZ<%topentry_no>" style="display: none">

<%topentry_more><br clear="all">

<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">Return << </a>
</div>
<!--/BisEntryIfExtended-->
<!--/more_link-->
<!--more--><a name="more" id="more"></a> * * * <%topentry_more><!--/more-->


という部分(16行位)がありますので、ここを削除して下記のソースに張り替えて下さい。

<!--more_link--><div class="more_link"><a href="<%topentry_link>#more"> >> ReadMore</a></div><!--/more_link-->
<!--more--><a name="more" id="more"></a><hr><%topentry_more><!--/more-->


この部分はどちらも<!--more_link-->から<!--/more-->の範囲を削除し貼り付けるという事です。
後は「更新」ボタンを押せば完了です。

よく分からない・できなかった、という場合はまたカキコして下さいね。

* by momo --
こちらのテンプレート拝借させてもらってます!
そこでひとつ質問なのですが、続きを読むを押したとき記事の個別ページに飛ぶようにするにはどうすればよいのですか?
今のままだとTOPページでそのまま展開されますよね。。
もし解決法がありましたらご教授ください。

コメント有難うございます * by aki --
Lela*様 初めまして♪

当方テンプレートをお目に留めて頂き、誠に有難うございます。
2カラム版のご要望も幾つか頂いておりますので、少し遅れますが作成致しますね。
それまで暫くの間お待ち下さいませ。m(__)m
いつも試行錯誤で作成しておりますので、コメントを頂けると当方もとっても励みになります。
有難うございますi-179
共有化できましたら是非DLして下さいねi-185

はじめまして(^-^) * by Lela* --
とっても 可愛らしいテンプレートを作成していただき
ありがとうございます。 私も 2カラムを心待ちに
しています(^-^) どうぞ よろしくお願いいたします。

コメント有難うございます。 * by aki --
yasumi様 初めまして♪

いつの間にか共有化してたので、ちょっとビックリしてます。i-201(いつもは1週間位かかるので)
当方テンプレを気に入って頂き、誠に有難うございます。
2カラムバージョンも一応作ろうかと思っておりますが、暫く時間を下さいね。
ちょっとやる事が立て込んでおりまして…。
お盆明け過ぎ位には申請できるように作成したいです。
申請して共有化しましたら是非i-185ご利用下さい。
今後とも宜しくお願い致します。m(__)m

はじめまして * by yasumi --
akiさんのレースのテンプレ大好きで
いつもお世話になっています。
新作の淡い色のテンプレート素敵です。
2カラムの作成予定ありますか?

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