日影石

Webテンプレート配布サイト

Memo

冬のテンプレート


おまたせしました!新作のお知らせです。
最近めっきり寒くなったので、冬らしいテンプレートを1点追加しました。
新作のTemplate#033はTemplate#018を元に、HTML5とFlexboxで組み直しています。
古いブラウザではチェックしてません!(ドン)気になる方は当サイトのようにhtml5shiv.jsを導入してみてはいかがでしょうか。
今回のテンプレートもレスポンシブにも対応しております。
フォーム周りのCSSが従来のものよりちょっと違うので、お好みに合わせてカスタマイズしてみてくださいね。

Template#018も余計なHTMLが入ってる事に気づきまして(笑)、取っ払うついでにちょっと微調整しました。
メディアクエリの挙動で横スクロールバーが出る辺りの調整がかなり手抜きだったので、しっかり対策しました。
こちらもフォーム周りのCSSを改良してあります。
リセットCSSのせいでボタン押すあの感じもリセットされちゃうのでなかなか難しいところですね。
とりあえず押した際に背景色を変えることで対処しました。

以上です。めんどくさがりで気まぐれな人が管理しているテンプレート配布サイトなので、他のサイト様に比べるとサポートが全然充実してなくて申し訳ない限りです…
メールフォーム等あった方がいいと思うのですが、諸事情でちょっと抵抗がありまして…すみません。
タグやCSSがある程度理解できる中級者向けのテンプレートという事で宜しくお願いいたします(ぺこぺこ)
せめて、そのうちよくある質問とか作りたいですね。質問来ないですが!

カテゴリー: テンプレート | コメント(0)

WordPress化

散々迷ってましたが、この度サイトを再びWordPress化いたしました。
このデザインは自作のテーマです。静的HTMLの頃のものをそのままテーマにしてみました。
久々のテーマ作り、大変でした…!特にOGP周りの分岐タグとか!結構適当ですがいいかな。
表示がおかしい場合はリロードしてくださいませ。
アドレスもトップページ以外は変更となっています。テンプレートのサンプルやダウンロードURLはそのままです。

そしてお知らせです、当サイトで配布していたWordPressのテーマですが、メニュー周りのレイアウトが崩れる状態になっていたので現在修正中です。
その間しばらく配布を停止させて頂きます…すみません。

更に利用規約をちょっと変更です、WordPressのテーマとHTMLテンプレートの規約を同じにしました。
つまりリンクも著作権表記も不要(CSSに記載されているものは除く)となりました!
デフォルトでついているものはお邪魔でしたら取っちゃって全然構いません、気が向かれましたらサイトの片隅にでもリンクをそっとしてくださるととてもとても嬉しいです。

色々と気まぐれな運営のサイトですが、今後とも宜しくお願いいたします。

カテゴリー: 雑記 | コメント(0)

本格的に改装

多忙のため今月中更新できるか怪しかったのですが、この通り更新しました!
リニューアルです。思い切って基礎から変えてみました。
今まで使ってたデザインはまた配布すると思います。
表示がおかしい場合はリロードして頂ければと思います!

実はこのデザイン、元々テンプレート用に作ってたのですが…管理人が気に入ってしまったので当サイトのデザインとして使ってみました!
もちろんそのうち配布もしますよーお楽しみにしてくだされば嬉しいです。

このMemoはfreoを使わせて頂いているのですが、凡ミス多発してしまってデザインを整えるのに時間かかってしまいました。
最初はXAMPPでfreoを設置してローカルで様子見ながら作っていたのですが、一通りできたところでサーバーにアップしまして。
でもうっかりレスポンシブにするのを忘れてまして…!(笑)
サーバー上で対応させてました。
当初は今まで通りdisplay: table-cell;で2カラムにしてたのですが、使い慣れてるfloatに変更しました。

とりあえずIE9以降、Edge、Firefox、スマホで動作確認しています。
頑張りました!ぱちぱち。今後も頑張って更新していきますね。

カテゴリー: 雑記 | コメント(0)

またまた配色変更

サイトを少しリニューアルいたしました。
メニューがちょっとわかりにくい気がしたので、できる限り見やすくしてみました。
あとは配色を変更です。レイアウト変えるのは色々と大変(特にfreo)なので…!
バナーも変えましたよー!シンプルイズベスト。
表示がおかしい場合はリロードして頂ければ直ると思います。

新作も作りたいのですがなかなか時間が取れずにいます…。
もう今月も終わりそうなので、来月には作れるでしょうか。むむむ。

カテゴリー: 雑記 | コメント(0)

モノクロテンプレート


更新のお知らせです、レスポンシブテンプレートを1件追加しました。
人気のあった配色とレイアウトで、HTML5で作り直してみました。
白メインやモノクロっていいですよねー。作っていて楽しかったです!

お友達に勧められて、Bracketsというフリーのエディタを使い始めました。
とても高性能で便利なのでお薦めです!整形プラグインを入れて使っています。
慣れるまでこっちに移行していこうと思います。
Eveもシンプルなところが魅力的なので…!両方使っていこうかな。

8月はちょっと忙しかったり体調を崩したりしていたので、更新できるか怪しかったのですがギリギリ間に合って良かったです。
暑いのは苦手ですねやっぱり…最近また暑くなり始めたので、気をつけないといけないですね。

カテゴリー: テンプレート | コメント(0)

暑いですね


数日前にTemplate#007をレスポンシブに対応させました。
古いテンプレートなのでなかなか大変でした。
文字コードも変えてありますので、新たに書き換える場合はご注意くださいませ。
いい加減全てのテンプレートの文字コード統一させたいのですがなかなか手が回らず…
一個一個修正している感じです。
特に昔のものはお見苦しいソースで申し訳ないです。
ですがデザインをそのままでレスポンシブに!リサイクルですね。

更にTemplate#014を先程微調整しました。
どうも背景画像と内容カラムの色バランスに違和感があったので、とりあえず半透明にしてなじませました。
困った時は半透明!管理人がよくやる方法です。

当サイトの方も、数日前にちょこっとリニューアルしました。
もうちょっといいデザインにしたくて画像を置いてオシャレ感を出してみました。

暑い日が続きますが、熱中症にお気をつけてお過ごしくださいね。
サイトをいじる時は水分補給もこまめにしましょう!

カテゴリー: テンプレート | コメント(0)

夜桜のテンプレート

20180715161206.png
新しいテンプレートを1点追加しました。
夜桜です!雰囲気第一に頑張ってみました。
#028のテンプレートを元に作っていたのですが、何かの拍子に上書きしてしまってほぼ完成していたHTMLとCSSがパーになるという事態が…
幸い(?)画像はバナー以外残っていたので、記憶を頼りに再現しました。
結果、前よりそこそこいい感じになったので良かったです!
グーグルフォントが強みかもしれないですね。いいのを見つけられたので嬉しいです。
テンプレートの日記にも書いてありますが、いい感じの夜桜の画像がなかなか見つからず、パブリックドメインの写真を合成して作ってみました。
Photoshopでやっても良かったのですが、普段から使い慣れているクリスタで作業しました。(本業はお絵描きなので)
結構適当ですがそれっぽく見えたら嬉しいです!

追記でこっそり私信です。
(テンプレートを微調整したので、先程ちょっと書き直しました)
続きを読む…

カテゴリー: テンプレート | コメント(2)

擬似フレームでレスポンシブ


更新しました、Template#002をレスポンシブ化しました。
インラインフレームを使っていたので擬似フレームで再現しました。
星が無駄にばらまいてあるデザインなので、これをどう綺麗に再現するか悩みました…
とりあえず疑似要素を使ってそれっぽくしてみました。
5年前の今頃に作ったテンプレートで、ほとんど修正せずに配布していた化石なので大変でした。
でも時間は前よりかかってない…といいな…!
Flexboxでレイアウトしようか悩みましたが、当然のごとく勉強不足でよくわからないので素直にfloatにしました。
左にメニューがあるレイアウトですが、解像度が小さくなると上に来るようになっています。
問題はその時のメニューが星のせいで押しにくい事です…
z-indexを使うとか色々対策はありましたが、タグが増えるのが嫌でスルーしちゃいました。

リヴリーの素材も配布中です、本当は何色か色を変えたものも配布したいですが流石にそこまで手が回らず(笑)
一押しのワタメだけでもレインボーカラーを配布しようかな?

カテゴリー: テンプレート | コメント(0)

サーバー変更しました

本館のサブドメインを使っている当サイトですが、本館の縮小運営に従いサーバー費を抑えるために移転しました。
ですがスムーズに作業が進まず、長時間ページが表示できない状態にあったことをお詫びいたします。

ロリポップ&ムームードメイン→さくらサーバ&ムームードメイン
という感じで移行していたのですが、色々なトラブルの他にSSL化が足を引っ張っていた感じです…。
とにかく大変でしたし、ページが表示されなくなった時はパニックでしたがなんとか無事終わってよかったです。頑張りました…!
アドレスは変更するかもと一時的にお知らせに書いてありましたが、閲覧者様に負担がかからないようになんとか同じもので済ませました。
なので今回の移転はURLに変更はございません。

ちなみにこの日記はfreoというプログラムを使わせて頂いてます。
昔本館でもお世話になった便利なPHPです!
設置も楽でテンプレートいじりも簡単にできたので助かりました。
記事は互換がなくエクスポートできなかったので自力で書き直ししました…頂いたコメントの日付までは再現できなかったですが大目に見て下さい。
フッターの著作権表記は消してもOKとの事ですが、感謝も込めて配布元のサイト様をリンクに追加いたしました。
実は最初はさくらのブログを検討してデザインも合わせたのですが、SSLに対応してない事に気付いて即却下しました!

今日はリヴリーのドット素材をせっせと作っていました。
←こんなのです。今置いてあるものに黒い縁を書き足しています。
あとは人気で描きやすいと思われるリヴリーをチョイスしてぽちぽち。
しばらくしたら新たに配布します。色はご自由に変えて構いませんので、リヴリーを飼ってる方は是非使ってみてくださいね。

カテゴリー: 雑記 | コメント(0)

文字コード変更


今製作中のテンプレートです。猫モチーフ。
お題の方は見出しのデザインに迷ってるのでもう少し時間かかりそうです…!

更新しました。
レスポンシブと記載があるテンプレート全ての文字コードを変更・微調整しました。
手打ちで作業していたので大分時間かかりました、頑張った…!
今までHTML5のメタタグの書き方を微妙に間違えてたので(それも昨日知りました)、恥ずかしかったので直した感じです。

WordPressのテーマもバージョンが上がりました、#002をFlexboxでレイアウトし直しました。
他、投稿記事のコメントページにリンクされない・コメントページのレイアウトが崩れるミスを修正しました。

Webデザインの勉強を始めたのは結構最近な方で、わからないところばかりなので調べつつ作っていますが、凡ミスが多いので気を付けたいです。
特にメニューの数の増減に柔軟に対応できればいいのですが、デザインを優先するとなかなか難しいですね。
素人が作っているテンプレートなので、お見苦しい所あるかもしれません。その辺りも目をつぶって頂けると幸いです…!
新作の他に過去のテンプレートも少しずつレスポンシブにしていきますね。

カテゴリー: テンプレート | コメント(0)