パート派遣主婦のぐーたら子育て生活〜ココロデザイン

ありがとうございます。

緑の白抜き文字が、目の悪い方には
ちょっと薄いのではないかと心配しています。

以前、Web業で少しお金をもらっていたことが
あったのですが、プロを語るのはかなり力が足りず
恥ずかしいので、かけたままだった
在宅の看板を下ろしちゃうことにしました。

ご指摘、ありがとうございました☆

どうもです。
やさしい、感じがいいです。
ストレスなく、やさしい、
そして見やすい。
さすが、プロですね♪

なるほどなるほど。できましたー

半端に知識があって申し訳ないです。
afterはそうやって使うんですね。
positionも今、読んでみました。
勉強になりました！

>かこさん
申し訳ないです。ここに書けば良かったんですね。

コメントいただいた件ですが、説明不足ですみません。
例えば、
#blogTitle:after{

}
を追加する時には、
#blogTitle{
position:relative;
}
が必要になります。
#blogTitle a:after{
であれば、
#blogTitle a{
position:relative;
が必要になる、って感じです。
多分これで表示される様になるはずです。なんか、色々説明不足で申し訳ないです。。

今回、:afterを使って追加する正方形を配置するのに、position:absolute;を使っているんですが、これの基準として、position:relative;を書く必要が出てきます。
ちょっと難しいので、興味があればcssのpositionについて調べてみて下さいｗ

ありがとうございます。
おーとえすさんのセンスがいいから♪

みかんさんのブログも、だいぶ復活したようですね。
よかった〜。
またマウス挟んでしめちゃわないように、注意です笑。

こんばんわ。
薄緑の綺麗な色で　とっても素敵です♪
すっきりして　記事も読みやすいです。

ありがとうございます♪
そうなんですよ。コメント欄とっても気にってます。

おーとえすさんのこのテンプレートって、コメント欄のところがすごくかわいい♪

ありがとうございます♪
見やすいですか。よかったです〜。
緑、テーマカラーです。

こんにちは

なかんか見やすいテンプレートですね。

緑は、いいかんじなきがしますが・・

おーとえすさん。今、左右もちんまりに修正中です。

これから、解読しつつ、上下についてるリボン幅を縮めて、
薄黄色の左の飛び出しも半分くらいにする予定です。
右のサイド幅を縮めたいので。

うちは日記系なので、短い記事は
スクロールなしで読めるのが理想。
たぶん、ずいぶん小さく感じられると
思うのですが、意図はそんなとこです。

はーい。直しました〜。

何でも言ってください☆
初期不良も含めて、テストですから。
そのへんはいくらでもご協力しますよ♪

完成形になったら、この改変版のCSSソースも
お渡ししますね。

あと、最後にもう一つすみません。
今フォントの指定が、

"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif

になってると思うんですが、これだとwindowsで見る方には良いんですが、macで見る方からすると少し見栄えが悪くなってしまう、と言う事があるようです。なので、

"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif

と言う様に変更しておくと、そのような事が起こらなくなり、windowsで見る方は引き続きメイリオと言うフォントでブログを見てもらえるようになります。
なので、その部分も訂正しておいて貰えると助かります。
色々初期不良が多くて申し訳ないです。。

申し訳ないって事は無いですよ。テンプレート利用してくれて本当にありがとうございます。

あ、いいんです。ぴょこぴょこは嬉しいので。
上下に大丈夫なら、ぜひ残したくって。
いいかんじになってきました。

知識が足りてないので、またいろいろ
ご相談させていただくかもしれません。

お時間とってもらって、申し訳ないです。
ありがとうございます！

>かこさん
お疲れ様です。
ぴょこぴょこは

.side_text a:hover{
margin-left:-10px;
padding-right:10px;

の、marginとpaddingの部分を消せば無くなります。

にしても、結構上下の幅は軽減されたな、って感じですね。良かったですｗ

うん。けっこういいかも。

.side_text{
の記述はもとに戻しました。この方がいいです。
後は色調整かな。

カレンダーは緑色が濃くなるんですね。
私は文字色がつくほうがいいと思うので
そっちでやってみます。あとで。

おーとえすさん。ありがとう。

なるほど、カレンダー前までやりました。
色を変えた方がいいですね。これだと。

むむむ。
上下に詰まるのは、嬉しい。
このテンプレ、ぴょこぴょこが売りだと思うけど
それをなくして、前の白テンプレの仕様に
しようかな。

あと、すみません。もう一つだけ。
.calendar a{
の記述で、

border-top:2px solid #ad9;
border-bottom:1px solid #8b7;

と言う部分があると思うのですが、それを

border-top:2px solid #7d6;
border-bottom:1px solid #5b4;
background-color:#6c5;

と変更すると、カレンダーの中のリンクが少し分かりやすくなるかな、と思いますので試してみて下さい。後日変更した部分でして。。
失礼しました。

すみません、追記です。
更に、
side_text a{

}
の間に、
display:block;
と書いてある部分があると思うのですが、それを
display:inline-block;
にすると、最新コメント欄も多少ましになるかな、と思います。
あと、その場合、

.side_text a:hover{
margin-left:-10px;
padding-right:10px;

と言う記述があると思うのですが、それを
.side_text a:hover{
margin-left:-10px;
padding-right:16px;

と直して置いて下さい。記述ミスがあって、それの影響が出てしまうので。。
この方法も、好みだとは思うので、採用するかは好みで決めて下さいｗ
長々失礼しました。

テンプレートの方の実験期間が延びたのか、割と正式採用に近いのか分かりませんが、とにかくありがとうございます！

正式採用にされるのであれば、スタイルシートではなくて、HTMLのコードの方に埋め込まれている画像の削除とかもした方が良いかもな、とは思いますが、若干面倒かもしれませんね。。申し訳ないです。。

サイドバーについては、
.side_text{
display:inline-block;
}
とすると、少し元のテンプレートとはかなり印象が変わってしまうかもですが、前回の白のテンプレートみたいになって、サイドバーの上下の広がりが多少は改善されるかと思います。
ただ、今回は割と無茶にサイドバーを作ってしまってるので、多少変な感じにはなってしまうかと思いますが。。

かこんちのリンク集で私の上を目指している方へ

うちに逆らうってことは地球の自転に逆らうってことやで笑

上からNARU子さん。

下剋上はいつでもおとずれます。
りょうちゃんより上を目指してみます笑？

心姫さん。すっきりしてます？
こないだのより私らしいでしょうか？
そうですね。緑は外せない。

包み込むかんじ？笑

おーとえすさん、ホントにありがとうございます。
もうちょっといじらせてくださいね。

最新コメント欄、難しいかなぁ。

＞キーワードチョイス２よりも下にある。
格下に見られるのは遺憾です。

リンク集の順番で僕より「下」にTomさんがいる（笑）
ある意味、僕の願いが叶った（喜）

いつか、僕の「上」に順番が変わるように、頑張りたまへ。
上からNARU子より（笑）

おぉ、変ってる。
スッキリ感がありますね。
緑がかこさんのテーマカラーっぽいです。

カスタマイズお疲れ様です。
オレンジが良い感じですね。

サイドバーはちょっと難しいんですよね。特に最新コメントに関しては他と色々違うので、色々。。
ただ、次回作成する時は色々考えてみます。

む。これで一段落にする。
薄黄色の緑はいまいちだったのでオレンジピンク。
おしゃれ感に欠けるかな。落ち着くけど。

>ああそうか、薄い黄色にブログタイトルと
>同じ、緑でもいいかな。

そんなカンジ。

私は、茶色かな〜と思うけど。
あんまり薄い色だと、中抜き文字が見えないよね。
薄黄色にグレーとか、茶色の文字？

ああそうか、薄い黄色にブログタイトルと
同じ、緑でもいいかな。

そだね。細めの緑の枠線。まあ、でもそれより。
ピンク色の調整の方が、効果的だと思う。

お騒がせしました。

＞Tomはこの色の組み合わせ、好きでしょ？
全体的にはいいと思う。
１ヵ所だけ、サイドバータイトルのピンクが違うほうがいい。
やってみないとわからないけど、黄色とか？

うん。ダメだったね。

枠線で囲むだけならいいかも。
でも説明が面倒だからやらないでいいや。

ありがとう。戻していいよ。

Tomが見たら、戻すよ？

何度やっても
＜太＞＜色:#0000ff＞margin:0;
となってしまう。

この行は
margin:0;
だけです。

あー、これ一か所試しにやってみたけど、だめだね。
色薄い方がいいよ。ね。

あはは。そうだよね。
最近ソースいじってないから笑。

ありがと。やってみる。

＞変更したけど、変わらないよ？

スタイルシートを変更しても
.sideboxの中にソースが入っていなければ、当然適用されえません。

下のようにサイドバーのひとつの項目にバナーと広告のタグをまとめて書けば変わる。

<div class="sidebox">
ここにバナーのソース１
ここにバナーのソース２
ここにバナーのソース３
ランキングのソース
楽天のソース
</div>

サイドバーの各項目に分けて書くのなら
すべて、<div class="sidebox">と</div>のなかにソースを入れて書き直し
スタイルも再変更。

.sidebox{
padding-left:50px;
background-color:#9c8;
<太><色:#0000ff>margin:0;
padding:0;
}

最新コメントが4段より2段がいいなぁ。
それとサイドの文字はもう少し小さくしたいかな。
ピンクの中抜きのとこ。

Tomはこの色の組み合わせ、好きでしょ？

youさんとこも心配ね。
いろいろ試して、何故かよくなったとは書いてあったけど。

＞.sidebox{
＞padding-left:50px;
＞background-color:#9c8;
＞}
変更したけど、変わらないよ？

本文の文字サイズと、エントリータイトル小さくしたら、
よくなったでしょ？

>キーワードチョイス２よりも下にある。
格下に見られるのは遺憾です。

最下層を甘んじて受け入れるんだな。
長いこといじっぱりしてた罰だ。罰（笑）。

このスキンは、非常に見やすいね。
色などの好みは、人によってあるだろうけど、
それはすべてのスキンで言えること。

サイドバーが大きいのがいい。

ただ、プロフィールの下のバナーや広告などの
背景色も濃く出来れば統一感が出て、もっとキレイになる気がする。
そこいら辺のカスタマイズ方法は
http://oands.digiweb.jp/temple2_green/syosai.html
に書いてあるけど、.sideboxのCSSに
.profile_name_text divと同じ背景色が付くように

.sidebox{
padding-left:50px;
}

を

.sidebox{
padding-left:50px;
background-color:#9c8;
}

に変更したらどうだろう。

＞Tomさんのリンクが戻ってる〜。
戻っていない
キーワードチョイス２よりも下にある。
格下に見られるのは遺憾です。

うちは、動いてますよ、少ないけど・・・。
最近、ブログに入れなかったり、
コメントいれてもエラーが多かったりしますね。
youさんもそんなこと言ってて、
たしかにあそこのブログ、いつもすんなり記事が見れない・・・。

心姫さん。もうちょっとしたら、また実験再開するよ。

今日、心姫さんちも、アクセス0かな？
ファンブログカウンターが、うちもりょうちゃんも
おかしくって。

アリスさん、来てくれてたよ。
心姫さんの紹介だったのね。ありがとう♪

＞Tomさんのリンクが戻ってる〜。
＞なんか安心しました。
本当に、ご心配おかけしました。ありがとう。
もう、多分、大丈夫。

いいな、風呂上りの一杯飲んで、気持ちよく寝る。
心姫さんも、最近寝不足だったもんね。
ありがとね。

しまった、見逃した！
昨日、お風呂上りに１杯飲んだら、
なんか気持ちよくそのまま、寝てしまった・・・。

Tomさんのリンクが戻ってる〜。
なんか安心しました。

ところで、伝えるのをすっかり忘れちゃってたんですが、
私のとこに来て下さったアリスさんが、
コメント欄に画像表示する方法を知りたい、とおっしゃったので、
かこさんのブログをご紹介しました。

そのことを、かこさんとTomさんにお伝えしとこう、って思ってたのに、
そのまますっかり忘れてました。
失礼しました〜。

このテンプレは、コメント欄がすごくいい。
サイドが上下に長いのがみずらいかな。
特に最新コメントのとこ。

あと、本文タイトルの文字を少し小さくして
行間を狭めれば、使いやすくなるかなぁ。

いらっしゃい、そら豆っち♪

おーとえすさん、すごいよね。
私も、あるテンプレをいじることしかできないよ〜。

一瞬どこに来たのかと思った。
テンプレ作れるなんて
尊敬しちゃいますね〜。

元のテンプレをいじるくらいが
わたしの限界

SGLさん。来てくれてありがとう♪

うんうん。ピンクが濃すぎるんだよね。
おーとえすさんとこで書いたんだけど
オレンジピンクの方が好き。

コメント欄も見やすくなったよね。

ただ、こないだのテンプレもそうなんだけど
全体の見通しが悪くて。
うちの記事やコメントは、もっと上下に
ちんまりしている方が、読みやすいんだよね。

実は配色的には、前のテンプレの方が
好きだったりします。

もとのガーデンのテンプレに画像があちこち入ってるみたいですねー。
幅960でサイドバーが広く、336サイズのGoogleレクタングル大がきちんと収まるので、このテンプレートはかなり化けますよ！
めっちゃ考えてある！
みどりとピンクはとても相性がいいんです。ただピンクの色彩がRGBカラー過ぎるので、もうちょいオレンジ系のくすんだピンクにして、右のボタン類をクリーム色とかにすると、本文が目立ってよいです！
メイリオが環境によっては初期ボールドになっちゃってるので、そこ直して、ヘッダに画像h1ボタン付けたらもうずっと全然これでいけると思います。

・・はっ。なんとﾅﾏｲｷﾅ俺様＞＜ｗ

ああ、なるほど。桜。春だしね。
うーん、好きな人は好きだと思うの。
私が照れるだけ〜。

たしかに茶色だと地味かも。普通すぎるってのは
分かりますな。

使用感等は、また改めて。

今回もお試し利用ありがとうございます。
少し元のテンプレートの差によって、若干デザインがサンプルと異なってたりしますね。

と言うか、ピンクを恥ずかしい、と感じるってのは想定外でした。勉強になりますｗ
自分的には桜とかのイメージだったんですが。
もう少し地味めに作っても良いって事ですね。

今度作る時はそういう事も考えてみます。
他の詳しい感想も楽しみに待ってます。辛口コメントでよろしくお願いします。ｗ