Content

        

3年ぶりに新作共有テンプレートを配布いたします

2020/05/22
                 

ブルーアワー
 私、しばらくはブログを離れ、ホームページのデザインを行っていました。久しぶりにブログテンプレートの共有をしてみようと思い、カムバックした次第です。基本的には同じようなhtml/cssを書く訳ですが、FC2ブログ特有の規制があり、少し難儀しました。今回のテンプレートはflexboxレイアウト/レスポンシブ対応のオーソドックスな作品です。ブランクの分だけ多めに見ていただき、目新しい奴は今後の課題とさせてください。

スポンサーサイト



                         
                                  

コメント

        

わー、トップページのレイアウトが、斬新ですね^^

Janedoe1471さんへ

復活いたしました。これからもよろしく、お付き合い下さい。

    2020-05-24 10:11  てつぼちゃん 
テンプレート

てつぼさんこんにちは。

前のもてつぼさんのを使わせて戴いてたのですが、綺麗なのがあり又

使わせて戴きました。

有難うございます。

    2020-07-26 15:05  yoko 
Re: テンプレート

テンプレートのご利用ありがとうございます。カスタマイズもどんどんして下さいませ。

    2020-07-26 15:21  てつぼちゃん 

「CASTLE」を使わせていただいています。デザイン、見易さ、使い易さ全てが完ぺきで、大変素晴らしく、自分のささやかなブログが映えて喜んでおります。有難うございます。

当方、HTML、CSSの知識が乏しく分からない点が2点ほどあり、困っております。

1)本文中のハイパーリンクの色が黒ですが(編集画面では青になっています)、これを青にしたいと思います。しかし、a:linkで「black」を「blue」に書き換えてもダメでした。どうすればいいでしょうか?

2)本文下のコメント欄をもう少し上方(「スポンサーサイト」の上あたり)に移動することは可能でしょうか?その方法は?

ご多忙とは存じますが、お暇なときにでもアドバイスを頂戴できれば大変有難く思います。

    2021-03-21 11:17  watchat 
watchatさんへ

テンプレートのご利用ありがとうございます。
ご要望の件ですが、下記のようにCSSを書き換えていただければよいかと思います。
また質問がありましたら、ご遠慮なくどうぞ。

/* Entry
------------------------------------------------------------ */
.topentry {
width: 96%;
margin-top: 50px;
padding: 0 2%;
border-bottom: 0px solid black;
}

.topentry_title {
font-size: 16px;
padding-left: 10px;
border-left: 10px solid MidnightBlue;
}

.topentry-header > span {
display: block;
font-size: 16px;
color: Blue;
font-family: 'Lobster', 'Pacifico', cursive;
}

.entry_body {
overflow: hidden;
text-align: left;
}


.topentry_text .entry_more {
line-height: 1.7em;
}


.topentry_text a:link { /* これを貼り付けてください */
color: blue;
}


.entry_more_link {
text-align: left;
margin: -30px 0;
padding-left: 15px;
}


中略

/* コメント
------------------------------------------------------------ */
.sub_contents {
margin: 0px 0; /* ここの数値を変更してください */
}




.sub_contents_area_title {
color: black;
font-size: 16px;
margin: 0 0 20px;
}

    2021-03-21 13:43  てつぼちゃん 
watchatさんへ

スポンサーサイトは記事のすぐ下に割り込んでくるのです。だから有料プランにして消すしかないですね。

    2021-03-21 17:44  てつぼちゃん 
承認待ちコメント

このコメントは管理者の承認待ちです

    2021-03-21 18:26   

3月21日にご回答を頂いた者です。その節は有難うございました。

1)アドバイスの通りやってみたところ、本文記事のリンクのある文字部分は黒のままでした。(代わりにトップページの「最新コメント」と「月間アーカイブ」の2行が青になりました)

2)また、本文記事内のコメント部分は移動しませんでした。

何度もやって、その都度「プレビュー」で確認しましたが、だめでした。自分が何かバカなことをしているのかもしれませんが、分からないのが情けないことです。

一応、「更新」しておきましたので、HPをご確認頂き、さらなるアドバイスを頂戴できれば有難く思います。申し訳ありません。

    2021-04-02 16:55  watchat 
nekotaroさんへ

色々バグが混じっているのでしょう。もう一度オリジナルテンプレートをダウンロードし直してください。
なお、コメント部分の上には宣伝が入るのは仕方ないです。

    2021-04-02 17:14  てつぼちゃん 

こちらにご回答頂いていたことに気付かず、ご連絡が遅れて申し訳ありませんでした。

早速、テンプレートをダウンロードし直して、以下の通りに貼りつけを行いました。


.topentry_text .entry_more {
line-height: 1.7em;
}

.topentry_text a:link {
color: blue;
}

.entry_more_link {
text-align: left;
margin: -30px 0;
padding-left: 15px;
}


しかし、相変わらず記事ページのリンク部分の文字は以下のように黒のままで、リンクの存在が分からない状態でした。


これまで「NHKは悪質訪問販売か?」「NHKは公共放送と言えるか?」などで書いてきたが


ただ、トップページの変な部分が青く変わる不具合は発生しませんでした。

スポンサーサイトの位置については了解いたしました。

ちなみに、昨日、あれこれやっていたら、スマホ画面ではリンク部分が青字になりました(現在はまた黒字に戻っています)。

何とか青字にできないでしょうか?

    2021-04-07 11:04  watchat 
nekotaroさんへ

現在私のホームページに設定しているテンプレートをそのまま公開しています。見ての通りに記事のリンクは青色になっていましょう。だから貴方のホームページがあのようになる原因が分かりません。これ以上は対応困難ですが、ご容赦ください。

    2021-04-07 12:48  てつぼちゃん