05≪ 2017/06 ≫07
123456789101112131415161718192021222324252627282930
個別記事の管理2009-08-06 (Thu)
今回は共有化まで早かったぁ~~
厳密に言うと 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 とは文字の先頭部分の色です。メニュータイトルに設定しています)

以上ですが、ご不明な点がございましたらコメント下さい。
宜しければポチッと♪→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

* by やっちゃん!
こんにちは!
みごと成功しました★
汗汗^^。
ありがとうございました!
助かりました!

やっちゃん!様へ * by aki
やっちゃん!様、度々のご訪問 誠に有難うございます。
ご要望の「各記事毎に管理画面へ行ける画像リンク」の方法です。
サンプルを用意したので見てみて下さい。

トップページ
http://sorauta1.blog98.fc2.com/?template=lace-d3c_1&index
個別記事
http://sorauta1.blog98.fc2.com/index.php?style2=lace-d3c_1&no=97

これで宜しければ下記の変更を実行して下さい。
先ず、テンプレートの設定画面lace-d3cのHTML編集枠を表示して下さい。
1/3程スクロールさせた所に
<div class="entry_state"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>) </div>
という部分が有りますので、ここを
<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>
というように変更して下さい。(コピペ可)

上記のhttp://blog-imgs-32.fc2.com/s/o/r/sorauta1/pencil.gif
の部分が鉛筆の画像なので、ここのURLを変更すれば貴殿のお好きな画像に変える事が出来ます。
画像URLの後にwidth="12" height="12"と有るのは画像の大きさです。
変更する画像の幅(width)と高さ(height)に変更して下さい。
作業が終わったら更新ボタンを忘れずに。(^_^)
(もしもの時のため、作業前に複製を作っておくと万全です。いらなくなったら削除して下さい。)

ご不明な点等ございましたらまたコメント下さいね。

* by やっちゃん!
こんにちは!
又、お邪魔させて頂いております。
えっと前回管理画面を出す方法教えて頂いて、成功したんですが、管理画面に行ける方法を各記事ごとにすることは可能でしょうか?(日付の横に管理画面にいける方法とかです)
私のブログの場合、過去の記事に書き加えるということをしておりまして・・・・
しかもですが、管理画面にいける方法として、そこが素材をつかったものにしたいのですが、(そのアイコンをクリックしたら管理画面にいけるとかです)
どうでしょうか?

又、お時間ある時でお返事頂けたら嬉しいです
宜しくお願い致します。

コメント







管理者にだけ表示を許可する