*Essence

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

Top Page › Archive - 2018年12月
2018-12-30 (Sun)

明日から帰省するので不在です。

明日から帰省するので不在です。

2018年12月30日、今年最後の『ゆるJOG』に中央公園、行って来ました。画像は午後3時前くらいで日が照っているけど、やっぱし寒いっ!空から小さな白いものが時々落ちてくるのは、雪なのかなぁ~・・大池の渕の一部が凍ってた。…さて、寒波の様子はどうなんだろう?31日から1月2日まで新潟に帰省致します。勿論、安全運転を心掛けて。御用の有る方は、年明け3日より コメント・メールにてお願い致します。おまけ画像♪…距離は縮まっ...

… 続きを読む

ゆきゆず 様へ * by aki
明けましておめでとうございます♪
本年も宜しくお願い致します。m(__)m

ゆきゆず様のお宅には沢山のねこちゃんがいらっしゃるので、随分とお布団の中も暖かいのでしょうね~(記事、見ました(^^♪)
うちは布団での粗相癖が有るので、一緒に寝たくても寝られません。。(;_;)…羨ましいです。
ウサギと猫がもっと仲良くなってくれたら嬉しいんですけど。
時々動物記事も有りますので、是非また遊びに来てくださいね♪

あけましておめでとうございます * by ゆきゆず
昨年は沢山お世話になりありがとうございました!今年も素敵なテンプレ楽しみにしています。
にゃんこさんとうさぎさんのお団子かわいい💗💗💗
お知り合いから大親友になるかもですね。
にゃんこさんとうさぎさんのブログも楽しみにしています。
楽しい年始をお過ごし下さい💡

yomogimochi1012 様へ * by aki
いつもコメント、有難うございます♪

これから帰路に就きます。安全運転で。(^-^)
昨年は寒波予報で帰るの諦めたのですが、今年は帰ります!
実家に母親一人、大晦日を過ごさせるのは余りに寂しくて申し訳無くて…ね。

はなちゃんといなばさんは相変わらずです。^^;

新しい年も宜しくお願い致します♪

良いお年を * by yomogimochi1012
お気をつけて帰省されてください。

そして、はなちゃんといなばさんの写真、
待ってました!!
この画像の温かさ、空気感にほっとするんですね。(^^♪♪

今年も愉しませていただきありがとうございました。

Comment-close▲

2018-12-28 (Fri)

年末の寒波到来に(私も^^;)注意!

年末の寒波到来に(私も^^;)注意!

年末の帰省時期に今年も寒波がやって来る…と、天気予報で言っています。。去年の同時期も同じように「寒波到来!」…ってやってたので、実家帰省諦めたのに、実際はそんなでも無かった(らしい)。自分で実家に届くように注文していた『カニ2キロ』、正月に遊びに来た姪っ子から「美味しかったよ~ごちそうさま♪」というメッセージと共に、新潟の郷土料理のっぺい汁とカニの画像がメールで送られて来た…(平成30年(2018年)1月1日...

… 続きを読む

61の手習い 様へ * by aki
テンプレート及び素材のご利用、ご訪問を頂き、誠に有難うございます。
ご質問の件ですが、背景画像は問題無く全面にリピート表示されています。
両サイドにしか表示されていないように見えるのは、記事+メニューを包括するボックスの背景が非透過の白で、ブラウザの中央に配置されているためです。
(このテンプレートのデザインはそれで正しい表示です。)
ご希望の半透過表示にする方法は簡単ですので、下記のように変更して下さい。

スタイルシート編集枠を1/3(より少し上)までスクロールした所に

/* 2カラム+ベース部分 */

#box{
width:1140px;
height:100%;
margin:0 auto;
text-align:left;
background-color:#fff;
}

という箇所が有ります。そこの
background-color:#fff; を
background-color:rgba(255,255,255,0.5);
に変更して下さい。(こんな感じで↓)

#box{
width:1140px;
height:100%;
margin:0 auto;
text-align:left;
background-color:rgba(255,255,255,0.5);
}

ここの 0.5 という数値が透過度で、1.0が非透過ー0が透過 の間で調整します。
RGBAカラーモデルについては下記URLをご参照下さい。(素材サイト:web material *Essence)
https://e-ssence-main.jp/tips-page/t-rgba.html

貴殿ブログのお返事も感謝致します♪
是非 色んな記事を発信し、末永くご利用頂けます様 宜しくお願い致します。m(__)m

お世話になっております^^ * by 61の手習い
こんにちは
貴ct_responsive2c-lを使わせて頂いている61の手習いと申します。
この度は、拙ブログまでおいでくださり、ご丁寧なコメントまでいただき、ありがとうございました。

ご親切に甘え、一点ご質問させていただきたくお伺いいたします。
ご覧いただきましたように、本人の意図としては、*Essence様作成の背景を使用しているつもりなのですが、背景が全面に表示されず、両脇のみの表示になってしまっております。
(多分、本体部分の透過性の問題なのだと思われますが・・・)
こちらのように半透過で背景が全面に表示されるようになったらいいな、と考えますが、対処のやり方がわかりません。
ご教示賜れば幸いです。

ブログやHTMLに不慣れで、実は62の手習い者ですが、今後ともよろしくお願いします。

年末年始の帰省とのこと、十分ご自愛ください。

Comment-close▲

2018-12-22 (Sat)

Christmasだから、では無いですが…

Christmasだから、では無いですが…

もうすぐクリスマス!だから…という訳では無いですが、背景を夜景にした(だけ)の暗色テンプレートにしました。 (因みに…背景画像中央の明るい部分に『魔晄炉』は無いです…サムネイルが微妙にミッドガル…^^;) ちょっと使ってみたい♪という稀有な方がいらっしゃいましたら、スタイルシートの貼り換えだけで適用できますので使ってやって下さい。(^-^) *暗色CSS適用済み見本『nightscape1.html』←クリック! 『ct_responsiv...

… 続きを読む

Re: aki 様へ * by 呑兵衛あな
なるほど...です。
>でないと、トップページで全て完結してしまって 誰も個別記事に来てくれなくなりますから。

というセンスがFC2テンプレーと作者には多く見受けられますね~
私の育ちとしては、個別記事をいちいち見る手間をかけずに、TOPを広げたらすべてを見通すことができるのが望ましいのですが。
私の俳諧先..主として高齢者ですが、個別記事を広げるような面倒な事はしませんね。

おっと、余談でした。本コメに返コメは辞退します

Re: 呑兵衛あな 様へ * by aki
お手数を煩わせて申し訳ございませんでした。
エントリーページ全文表示カスタマイズでは、記事に追記が有った場合の「ReadMore」で個別記事ページに移動します。
その際のReadMoreに枠は付いておりません。
枠の付いているReadMoreは、個別記事画面での追記時展開用ボタンなので枠を付けています。(CSSなので枠を外す事も出来ます。)
個別記事ページに展開表示する場合は
<!-- 記事ページの追記開閉が不要の場合はここから削除 -->
から
<!-- 追記開閉が不要の場合はここまでを削除し、この部分に<%topentry_more>(全角山括弧を半角に変更して)を入れる -->
までの作業をして頂ければ展開している状態で表示されます。
「続きはCMのあとで」…みたいなのが嫌な場合は、上記のカスタマイズをして下さい。m(__)m

もともとFC2ブログでは、エントリーページでは追記部分を表示しません。
追記は個別記事で表示されます。
でないと、トップページで全て完結してしまって 誰も個別記事に来てくれなくなりますから。(^^;

Re: aki 様へ * by 呑兵衛あな
>このブログでの「Read More」のボタンの動作と少し違うような....

とは、当該記事を単品で表示した場合は「Read More」の周囲をBoxで囲われるのですが、複数表示させた場合にはBoxが表示されない..と言いたかったのですが。
https://nonn63400.blog.fc2.com/blog-entry-4076.html
https://nonn63400.blog.fc2.com/

PS:自己レスです。
「genial_resp3c」を全文表示で仮設置してみましたところ、「ct_responsive3c」を黒表示させた改造最終版と同じ表示でした。
よって、私が質問した改造最終版での「Read More」ボタンの表示は正当であると考え、質問を取り下げます。
お騒がせしました

Re: aki 様へ「Read More」 * by 呑兵衛あな
早速対応していただき、ありがとうございます。
説明の通りに入れかてみました。

このブログでの「Read More」のボタンの動作と少し違うような気もしているのですが、これでOKなのでしょうか?

Re: 呑兵衛あな 様へ * by aki
呑兵衛あな様、先ずはお礼を。
「お気付き頂き有難うございました。」
これは、追記を開閉するためのJavaScriptがHTML内にもともと記述して有ったのですが、5/14の修正記事(2)
https://sorauta1.blog.fc2.com/blog-entry-317.html
にございますように、とあるJavaScriptとバッティングして開閉しなくなる不具合を見付けましたので、CSSで開閉するように修正致しました。
その際のHTMLソースを、[ct_responsive]全文表示カスタマイズ記事に修正記述するのを失念致しておりました。
先程記事も修正致しました。
お気付き頂き、改めて御礼申し上げます。
有難うございました。

現在キチンと追記が開閉するのであれば、相性の悪いJSは記述されておりませんのでそのままご利用頂けます。
もし、今後の追加プラグイン等で不安が有るようでしたら、HTMLを少し書き換えるだけの簡単な作業なので、是非修正・更新をお願い致します。
変更箇所は、HTML編集枠内1/3程スクロールした所に有る

<!-- 記事ページの追記開閉が不要の場合はここから削除 -->
<!--permanent_area-->
<a href="javascript:void(0);" onClick="showHide('more<%topentry_no>');">Read More</a>
<noscript>
<a href="<%topentry_link>#more">Read More</a>
</noscript>
<div class="sidehide" id="more<%topentry_no>">
<hr class="hr1">
<%topentry_more><a href="#readmore" onClick="showHide('more<%topentry_no>');">Return</a>
</div>
<!--/permanent_area-->
<!-- 追記開閉が不要の場合はここまでを削除し、この部分に<%topentry_more>(全角山括弧を半角に変更して)を入れる -->


という部分を、下記のように変更して下さい。(コピペでOKです。)

<!-- 記事ページの追記開閉が不要の場合はここから削除 -->
<!--permanent_area-->
<div class="hidden_box">
<input type="checkbox" id="navTgl">
<label for="navTgl" class="open">ReadMore</label>
<div class="hidden_show"><%topentry_more>
<label for="navTgl" class="close">Close</label>
</div>
</div>
<!--/permanent_area-->
<!-- 追記開閉が不要の場合はここまでを削除し、この部分に<%topentry_more>(全角山括弧を半角に変更して)を入れる -->


上記5/14の記事(2)に有る追加CSSは既に有りますので、HTMLだけを修正・更新して下さい。
お手数をお掛け致します。m(__)m

No Subject * by 呑兵衛あな
以下の「表示試験」において【追記】として書いてみました。
https://nonn63400.blog.fc2.com/blog-entry-4076.html

「Read More」と「Return」の表示が、全文表示と要約表示で異なる事に気が付きました。
要約表示だと囲み枠が表示されますが、全文表示だと表示されません。
自力復旧を試みようと、HTML等で「Read More」「Return」をさがしましたら、いっぱい有りまして挫折しました。
現在、不自由する事はありませんが、ご報告まで。

PS、コメントの編集テスト

Re: 呑兵衛あな 様へ * by aki
リスト位置の調整、出来たようで何よりです。(^-^)
当方も聞かれないと思い出せなくて「ああそう言えば」…と確認が出来ました。
(要するに、方法忘れてた訳です。^^;)有難うございました。
また何か有りましたらお声掛け下さいませ。

Re: aki 様へ * by 呑兵衛あな
ありがとうございました。
バッチグーです...んん~、古い(汗)

Re: 呑兵衛あな 様へ * by aki
本文の方ですか?
一番簡単なのは、ul や ol にpadding-left:で余白を設ける方法です。
下段に追加したCSSに、更に一行追加して下さい。

/* リストマークを黒丸・数字表示 */
ul li{list-style-type:disc;}
ol li{list-style-type:decimal;}
ul, ol{padding-left:20px;}

追加するのは赤い文字部分です。
リストの位置はデフォルトでoutside、且つインデントも揃っています。
(list-style-positionをinsideにしてしまうと、今度はインデントが揃わなくなる。)
なので、outsideのままで余白を設けて調整する、というのが1番簡単です。
余白の数値は、全体を見ながら良い位置をご自身で調整して下さいませ。

Re: aki 様へ、お願い * by 呑兵衛あな
リストマークを字下げしたいのですが、どうしてもできませんでした(涙)
字下げしたCSSを提供して頂けないでしょうか

Comment-close▲

2018-12-20 (Thu)

ct_responsive のカスタマイズ(コメント装飾・絵文字)

ct_responsive のカスタマイズ(コメント装飾・絵文字)

テンプレート『ct_responsive』をご利用頂き、誠に有難うございます。他のテンプレートには付けていたのですが、若干 表示完了が早くなるとの事で『ct_responsive』には付けていなかった、コメントの投稿・編集欄に文字装飾・絵文字挿入機能を付けてみます。これ ↑ です。文字入力の際にクリックするとこんな風に ↑ 開きます。先ず、テンプレートのHTML編集枠を半分程スクロールした所に<div class="form-right">という部分...

… 続きを読む

2018-12-10 (Mon)

ct_responsive の修正・更新致しました。(2)

ct_responsive の修正・更新致しました。(2)

テンプレート『ct_responsive』をご利用頂き、誠に有難うございます。m(__)m12/10 環境設定→ブログの設定で『画像高速表示』を「利用する」に設定した場合、テンプレートのHTML内に記述して有るコメントアウトの一部分が表示されてしまう不具合の報告を頂きましたので、この度 修正・更新致しました。『画像高速表示』を「利用する」に設定されていらっしゃるユーザー様へこの事象は『画像高速表示』を「利用する」に設定していて...

… 続きを読む