Article
3年ぶりに新作共有テンプレートを配布いたします
2020/ 05/ 22
私、しばらくはブログを離れ、ホームページのデザインを行っていました。久しぶりにブログテンプレートの共有をしてみようと思い、カムバックした次第です。基本的には同じようなhtml/cssを書く訳ですが、FC2ブログ特有の規制があり、少し難儀しました。今回のテンプレートはflexboxレイアウト/レスポンシブ対応のオーソドックスな作品です。ブランクの分だけ多めに見ていただき、目新しい奴は今後の課題とさせてください。
スポンサーサイト
コメント
2020-05-23 20:03 Janedoe1471
Janedoe1471さんへ
2020-05-24 10:11 てつぼちゃん
テンプレート
前のもてつぼさんのを使わせて戴いてたのですが、綺麗なのがあり又
使わせて戴きました。
有難うございます。
2020-07-26 15:05 yoko
Re: テンプレート
2020-07-26 15:21 てつぼちゃん
当方、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
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 てつぼちゃん