*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

[重要]<strong>タグに<span>タグで装飾する際の不具合を修正しました。

[重要]<strong>タグに<span>タグで装飾する際の不具合を修正しました。

2019/08/19 の更新で、レスポンシブタイプ8種 2カラム及び3カラムのスタイルシート内に有る reset css を修正・更新致しました。ユーザー様からのお問い合わせで、<strong>タグ内に入れ子で文字の色や大きさ等を指定する<span>タグを使用すると、その部分だけ<strong>が効かなくなる旨の不具合報告を頂きました。調べてみましたら、テンプレートのスタイルシート上部に有ります/* -----reset css------ */以下の...

... 続きを読む

Re: どなるど 様へ * by aki
何度もお手数をお掛け致します。m(__)m
セレクタを削除した事でちょっと崩れたみたいですね。
一番下までスクロールして確認すれば良かった…。ご指摘有難うございます。

先程記事を少し修正・更新致しました。(共有テンプレも更新しました。)
1)で、削除セレクタが一つ増えています。1行目のemも削除して下さい。
2)に書いてある部分を、お手数ですが適用してみて下さい。
本当に…いつも確認して頂き、有難うございます。(;^_^A

Re: - 様へ * by aki
お返事はそちらにお伺い致しますね~。(^_^)

またまたスミマセン。。 * by どなるど
akiさん、またまた今晩は。
晴れたり曇ったりと落ち着かない天気ですね(^-^;

reset css を全コピペしてみました。
ところが…今度はブログの下の方にある
ページを移動するボタンが見た目ちょっとだけ
変わってしまいました。
(見た目だけで使用するのには問題ありません)

↓こんな感じです。
https://blog-imgs-128.fc2.com/l/e/c/lechat5/201908211610123ad.jpeg

私の環境だけかもしれませんが、確認お願いしますm(_ _)m

管理人のみ閲覧できます * by -

Re: どなるど 様へ * by aki
早速検証頂き 有難うございます。
そして、お手数をお掛けして申し訳ございません。m(__)m

更新したテンプレートは、ブログタイトル部分も font-weight:normal に修正したのですが、既にDLされた方の修正(記事)では、まとめて reset css 内に入れた方が分かり易くて簡単かな、と。^^;
見出しタグである<h1>や<h2>等でマークアップした部分は、そのままだと太字になるので、一度 reset css から外して、他のセレクタと干渉しないよう 最後に記述(font-weight:normal;)。
その後述で、太字・細字をcssで再設定、という形を取っております。


reset css を少し見直しました。^^;
方法は違いますが結果は同じことになるので、そのままでも問題有りません。

もし変更される場合は、追加して頂いたタイトル部のスタイルはそのままで結構ですので、ReadMoreにある reset css に貼り換えして下さい。
度重なる修正で、本当に申し訳ございません。m(__)m

p.s. いや~、せめて興奮して噛みつくのはやめて欲しい…猫の話、ですけどね。
まだ流血まではして無いですが、それは彼なりの手加減(口加減?)なのか…薄着の夏場はやめて…お願い…な気持ちです。(;^_^A

修正してみたら… * by どなるど
akiさん、今晩は(^-^)
TVではそろそろ暑さも落ち着いてくると言ってましたが、
暑いですね(^^;)

投稿通りに修正&更新してみたら…
んっ?!ブログタイトルが太くなっちゃった〜( ̄。 ̄;)
ので、最新のテンプレートをDLして比較してみたら
CSSのタイトル部分のところに
【font-weight:normal;】が追加されてたので
同じように追加して更新したら直りました(*^^*)

というご報告ですm(_ _)m

p.s.猫のはなちゃんの運動会もスゴそうですね。
多頭飼いになると…大運動会になりもっとウルサクなります(笑)
ウチはもうシニアなので運動会はしなくなりましたけどね(遠い目)

Comment-close▲

genial_resp のカスタマイズ(エントリー全文表示)

genial_resp のカスタマイズ(エントリー全文表示)

レスポンシブテンプレート、genial_resp 3c(3カラム), 2cr(2カラム右), 2cl (2カラム左)の記事表示の変更方法です。共有テンプレートDL時のトップページのエントリー表示は、2・3カラムとも記事毎の要約表示になっています。これを全文表示に変更する方法です。◎ テンプレートの設定画面を開いてHTMLを編集する。管理画面左の『テンプレートの設定』 →[genial_resp〇c]のHTML編集枠を開いて <!-- 全文表示用HTMLの貼り...

... 続きを読む

genial_resp のカスタマイズ(トップ画像変更)

genial_resp のカスタマイズ(トップ画像変更)

テンプレート genial_resp 2c,3c のトップ画像の変更方法です。表示領域のサイズに合わせて画像が拡大・縮小されるので、スマートフォンやタブレットなど 端末に合わせた表示が出来ます。画像をレスポンシブ対応させる方法は幾つか有りますが、パーセント指定と background-size:cover; を使った方法です。background-size:cover; は、画像の幅と高さの比率を固定して領域を覆うように表示し、はみ出した部分を非表示にします。テ...

... 続きを読む

Re: - 様へ * by aki
また何かご不明な点がございましたらお気軽にお声掛け下さいませ。
(^_^)

管理人のみ閲覧できます * by -

Re: - 様へ * by aki
お返事有難うございます。
一点、更新案内を拍手コメントにてしておりますのでご覧下さいませ。
お手数をお掛け致します。m(__)m

管理人のみ閲覧できます * by -

Re: - 様へ * by aki
お返事遅くなりました。m(__)m
解決できたとの事ですが、取り敢えずお伺い致しました。(^-^)
今後とも末永くお付き合い下さいます様、宜しくお願い致します。

p.s. 貴ブログの拍手コメントをご覧下さいませ。

管理人のみ閲覧できます * by -

管理人のみ閲覧できます * by -

Re: - 様へ * by aki
ブログを拝見しましたが、無事に反映されておりますよ。(^_-)-☆
暑い夏も、爽やかな気持ちで乗り越えましょう!

管理人のみ閲覧できます * by -

Re: - 様へ * by aki
いつもご愛顧、有難うございます。
お伺いしてお返事致しますね。(^-^)

Comment-close▲

カテゴリー別及び月別のアーカイブをリスト化

カテゴリー別及び月別のアーカイブをリスト化

先日(2019/07/26) の更新で、トップページが全文表示タイプ『serene_resp』『lace_al』 の2カラム及び3カラムに、カテゴリー別及び月別のアーカイブをタイトルリスト化するHTMLを追加しました。全文表示タイプテンプレートに加筆修正しました。トップページ要約表示タイプのテンプレートの場合、カテゴリー別や月別のアーカイブを表示した際も同じような形で表示されるので不要かもしれませんが、件数をまとめて表示したい方(管...

... 続きを読む

genial_resp テンプレート共有化しました。

genial_resp テンプレート共有化しました。

本日、申請していたテンプレート [genial_resp3c] [genial_resp2c-r(右メニュー)] [genial_resp-l(左メニュー)] の3点が共有化致しました。2日の夜に申請したので土日跨いで月曜日(5日)かなぁ~?最近共有化早いから…と思っていたら、されてましたね。共有化。(^-^)前作同様、イメージとしては『ボンヤリ・優しい・ゆったり・柔らか・ホノボノ…』な感じで、ちょっと爽やか~な風味(?)も加えてみました。英語では『明るく...

... 続きを読む

Re: どなるど 様へ * by aki
無事に設定完了、良かったです。(^-^)

子供の頃は、網戸の向こうに鈴虫やら松虫やら何やら色んな鳴き声の大合唱で夜も煩い位でしたが(新潟です(^^;)、現代の夜(今は宇都宮)は静かすぎて…うるさく夜鳴きするのは猫のはなちゃん位です。
ちょっとの時間でも運動会に付き合わないとウオウオ煩いので。(*´Д`)
多頭飼いだと相手しなくて良さそう…(返信は不要です。^^)

Re: aki 様へ * by どなるど
akiさん、早々にお返事いただきありがとう御座います(^-^)

あっちゃ〜❗設定でしたか(^^;)
テンプレートだと思い込んで…失礼しました。
教えていただいた通りにしたら、すぐ解決しました♪
本当にありがとうございますm(_ _)m

p.s. 夏と冬は電気代が怖いですよね〜(T^T)
今日、ツクツクボウシが鳴いてたので秋がすぐそこまで来てるかしら。。

Re: どなるど 様へ * by aki
こちらこそ、今晩は♪
お猫様やウサギ様に快適に過ごして頂くために^^;、昼夜エアコン入れっぱなしで(人間も快適ですけど)その分請求が今から怖いです…。
まぁ、我慢して体調崩すのが一番困るので。人も動物も。

コメントの昇降順ですが、これは管理画面の環境設定→ブログの設定→コメント設定、でコメント一覧表示を新しい順にして頂けばOKです。
設定画面って、一度設定してしまうとそんなに見る事無くなりますので、どんな項目が有ったか忘れちゃうんですよね。
…この質問で、私も先程久し振りに見ました。(^^;

コメントの新着を上に * by どなるど
akiさん、今晩は。
毎日、暑い日が続いてますね〜💦

どこかに書いてあったような気がするのですが…
見つけられなかったので質問させていただきます(^^;)

今回はコメント欄のことで質問です。
akiさんのブログのように、
コメントを新しいものほど上に表示させたいのですが、
簡単にできますでしょうか。。

Re: どなるど 様へ * by aki
解決しましたか!良かったです♪
PCのディスプレイサイズ以上に悩ましいのがスマホの画面サイズ、なんですよね。^^;
「ここで見切ったら良い!」と言われる幅は有るのですが、端末も新旧有るので…結局は自分でブラウザの幅を狭めて見て限界値を決めてる感じです。
なので…実機で確認するためにも、私のiPhoneは未だにSE(縦で幅320px)なんですよね。
旦那さんには無理やりAndroid持たせてるという…。ほぼ確認用。(^-^;

相変わらず代わり映えのないレガシーデザインなテンプレートですが、色々弄って試して楽しんで使って下さいませ。
今後とも宜しくお願い致します。(^-^)

p.s. 猫あるあるは奥が深い…けど面白い!です。
また伺いますね~♪

Re: aki 様へ * by どなるど
解決しました。ありがとう御座いますm(_ _)m

なるほど❗ディスプレイサイズで並びが変わるのですね。
勉強になりました(^-^)

p.s.「このクソ暑いのに」に爆笑してしまいました(笑)
それは猫あるあるですね。。猫はエアコンがお好きじゃないみたいです。
うちの子もエアコン点けてない部屋とか開けてる窓のそばで溶けるように寝てますよ〜熱中症にならないか心配になります(^^;)

さすけは、もう少し治るのに時間がかかりそうです。。
お見舞いコメントありがとう御座います。

あと、akiさんのテンプレートはカスタマイズしやすいように、
コメントを書いて下さってるので助かります。
本当にいつも素敵なテンプレートありがとう御座いますm(_ _)m

Re: どなるど 様へ * by aki
いつもご愛顧有難うございます。m(__)m
多分、仰られている画像の表示位置は、閲覧者のスマホのディスプレイサイズ次第で上にも左にもなります。^^;
前にiPadで2カラムと1カラムの境界を調整した事がありました。あれと一緒です。

1カラムになった後、元々の画像表示%や文字サイズ(表示行数等)を鑑みて、画像の右側に有る文字を下に落とす画面のサイズを指定しています。
例えば、ct_responsiveは400pxで横並びを解除(float:none;)しているのですが、serene_respやgenial_respは420pxで横並びを解除しています。
端末サイズも色々有りますので、これ以上狭めると横並びは読み難いかな~というサイズで見切っておりますが、ご自身で見て「まだいける!」と思われるようであれば変更して下さい。
serene_resp2cの場合は、スタイルシート編集枠かなり下の方に
@media only screen and (max-width:420px) {
という部分が有りますので、ここの420px400pxに変更して頂ければ400pxまでは横並び表示になります。

…という回答ですが、質問内容の理解は正しかったでしょうか?
最近頭が回らなくって…(;´∀`)違うようなら仰って下さいね~。

p.s. このクソ暑いのに猫のはなちゃんは「窓を開けろ!」と要求し、そのまま熱風何のそので爆睡しています。猫って暑くないのかなぁ?(やっぱり元野良だから?)
こっちは室温上がって困るんだけど…(*´Д`)
さすけ君、具合どうですか?早く元気になりますように!切に切に願います。

それと、遅れ馳せながら この度も素敵にカスタマイズ頂き、有難うございます♪

スマホでの表示について * by どなるど
akiさん、こんにちは(^-^)
またまた素敵なテンプレートの作成、
お疲れさまです&ありがとう御座いますm(_ _)m

今回もワガママな質問で申し訳ないのですが…
私が現在使っているテンプレート(serene_resp2cの要約表示)
と今回のこちらのテンプレートなのですが、

スマホで見た場合は画像が上で文章が下になりますが、
『ct_responsive2c』のように画像が左に文章が右(パソコンやiPadと同じ)に表示させる事は出来ますでしょうか?

p.s.
毎日、溶けそうなくらい暑いですね〜(^。^;)
熱中症や夏バテにならないように、ご自愛ください。。

Comment-close▲