*Essence

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

 > Template

ct_responsive のカスタマイズ(ドロワーメニュー・その他)

ct_responsive のカスタマイズ(ドロワーメニュー・その他)

テンプレート『ct_responsive』をご利用頂き、誠に有難うございます。m(__)m15日、トップページ記事のサムネイル表示方法を変更・更新致しました。FC2の独自変数 を使って表示していたサムネイルを、記事画像 に変更しました。画像はサムネイルでは無く縮小表示ですが、imgタグ必須のalt属性が付けられる・縦横比の縦が足らない時に補填する黒背景が嫌、という理由でこの形に致しました。この更新内容を下記追記部分に掲載します...

... 続きを読む

ct_responsive のカスタマイズ(背景画像変更)

ct_responsive のカスタマイズ(背景画像変更)

トップの画像をご自身のお好きな画像に変更したら、それに合わせて是非♪背景画像もお好みのものに変更してみましょう。背景の画像は、前記事のRead More 『背景色変更』にも記述して有る箇所です。スタイルシート編集枠内上部(ほんの少しスクロールした所)のbody::before{ background:#fff url(https://blog-imgs-122.fc2.com/s/o/r/sorauta1/wgg-st4.png) repeat center; /* 色+背景画像 */ position:fixed; display:block;...

... 続きを読む

ct_responsive のカスタマイズ(トップ画像・背景色変更)

ct_responsive のカスタマイズ(トップ画像・背景色変更)

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

... 続きを読む

Wizard 様へ * by aki
Wizard 様、初めまして。
拙いBlogにご訪問頂き、誠に有難うございます。(^-^)

相互リンクのお誘い、早速 [magic] をサイドメニューに貼らせて頂きました。
もう一つの方は、宜しければ弊サイト [web material *Essence] のAuto Links のページにご自身で登録をお願い致します。m(__)m
…というのも、只今弊素材サイトでは『HP素材・HP作成支援サイト』の相互リンクのみ、且つサイトバナー及び説明文を送信して頂いたサイトに限定して掲載しております。
お手数お掛けして申し訳ありません。

更新無精ですが、宜しくお付き合い下さいます様宜しくお願い致します。m(__)m

いつもたのしく拝見しております! * by Wizard
いつもたのしく拝見しております!

いつもたのしく拝見しております^^
僕もテンプレートやプラグインをつくっています!
良かったら、相互リンクを
していただけないでしょうか^^?
こちらのブログからは、
リンクさせていただきました!

http://magiceffect.blog.fc2.com/
https://magicpark.web.fc2.com/

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

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

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

... 続きを読む

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

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

本日、申請していたテンプレート [ct_responsive3c] [ct_responsive2c-r(右メニュー)] [ct_responsive2c-l(左メニュー)] の3点が共有化致しました。← [ct_responsive3c(3カラム)]ディスプレイサイズによって、カラム数が 3 → 2 → 1 と変化します。← [ct_responsive2c-r(2カラム・右メニュー)]ディスプレイサイズによって、カラム数が 2 → 1 と変化します。← [ct_responsive2c-l(2カラム・左メニュー)]ディスプレイサ...

... 続きを読む