スポンサーサイト

一定期間更新がないため広告を表示しています

cetegory : - ✤ - ✤ - ✤ -
2023年05月22日(月)  by スポンサードリンク [ Edit ]

Sky No.3 取扱説明書

注:UTFのサムネイルビューやIEと、
他のブラウザとでは、
見た目がやや異なる箇所があります(透過・角丸部分など)。


【Preview&Thumbnail】

Sky No.3

Sky No.3W400
(上部)

Sky No.3_2W400
(サイドのメニューOPEN時)

Sky No.3_3W400
(下部)


特徴・解説など

css内でもコメントしておりますが
  • 背景画像を取り除いても使用出来ます。
  • 全体の幅、左右のメニューや中央記事部分の幅は割と簡単に変更できると思います。
  • IE以外の大概のブラウザでは、ブラウザのサイズに合わせて背景画像のサイズが変化すると思いますが、不具合が生じる、又はサイズ変更不要の場合は、css内のbackground-size: 100%;の行を削除して下さい。
  • IEだと、✈(特殊文字)があまりキレイに表示されませんが、強引に使用しちゃいました、スミマセン。(気になる方はお手数ですが、HTML内で他の文字・記号等に書き換えて下さい。)
  • 各メニューの高さ(縦幅)の最大値(=max-height)は、cssにて変更可能です。
  • メニューは折り畳まない方が全体のバランスが取れるような気もしないではなかったけど、まあイイカナー。(折り畳み解除の方法については、下記の総合取扱説明書をばご参照下さい。)

■その他ご使用上の注意/その他の特徴・解説・修正のお知らせなど、
たらい回しでナンですが、詳しくはコチラをご覧下さい。

テンプレート総合取扱説明書 | Transmutation

その他、ご利用いただく上でのお願いは
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集
にある通りの原則を守って頂ければよいかと。

以上、宜しくお願い申し上げます。

2012年9月12日記。



新しいテンプレートを作る度に前作でのケアレス・ミスを発見してしまうわ・・・。
修正しなくっちゃ。

ああ、もう秋ね。
ということで聴いた曲。

Velas (September) - Yasuko Agawa (1985) - YouTube



阿川泰子 VELAS (SEPTEMBER) 歌詞
cetegory : テンプレート取扱説明書 ✤ comments(0) ✤ trackbacks(0) ✤ -
2012年09月12日(水) 19:33 by Emmanuel [ Edit ]

Girl No.1 取扱説明書

注:IEと他のブラウザでは表示に微妙に異なる部分があります(角丸部分、余白の高さ等)。

改訂のお知らせー2012/07/28
カレンダー、フォーム部分などを一部改訂しました。

PREVIEWはコチラ。
Girl No.1

Girl No.1

Girl No.1 Footer

【使用上の注意】
○許可
・カスタマイズは原則自由かな〜。が、原型をとどめる程度が吉かと。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止。
・フッター内の著作権表示の削除も禁止。
こちらも参考にして下さい。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説・修正のお知らせなど

■2012/07/28 下記の部分を改訂しました。
・左右のメニュー(ページを開いたときに左右のメニューが一旦表示されてから閉じるのを、最初から閉じた状態で表示されるように改善)。
・TOP、上へのリンク(jsを使用)。
・記事情報(パーマリンク付き投稿時刻を追加)。
・プロフィールのニックネーム(アルファベット使用時の全大文字化をやめました)。
・カレンダー、ページ送り(サイズ等)。
・Formのinput[type=text],button(サイズ、フォント等)。
・abbr、acronym(殆ど使用されることはないとは思いますが、カーソルの形状等)。

■カスタマイズについてはCSS内にて簡単に書いておきました。
ヘッダー画像についても書いておきましたが、他の画像に差し替えられます。

■記事情報部分の「edit」で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみ(於:解像度1024×600)で行っておりますので、他のPC、ブラウザでの表示に乱れがあるカモしれません。

■また、IEでは一部反映されないスタイルも使用しております(今回はあまりナイけど)。
その点については色々と対処できるかとは思いますが、ちょっと面倒臭いので潔く諦めました。
悪しからずご了承下さい。

■因みに、文法チェックもやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。(HTML,CSSで支障がない程度の誤字・脱字はあるかもしれませんが。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所発見時など、また当方の都合により、こちらの文章や、HTML、CSSを変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年7月10日夜記。

analogue:
だんだんとIEとの付き合い方にも慣れてきたので、今度はjsをブラッシュアップ・・・したいわ・・・出来たらするわ。
さういや今迄リセットCSSでリセットしたものを再指定してないことに気がついたわ・・・ボタンと水平線も含めてこれまでのテンプレートを修正しなくちやだわ、眩暈がするわ。
abbrとacronymもIEのこともあるのでリセット後に要追記ね。
JUGEMのエディターでの「文字を大きく、小さく」指定も、(全体にline-height:normal以外の指定をした場合)CSSで最初に
font {line-height:normal}
と指定してやると、IEでの文字の途切れや表示の重なりが解消されることに気が付いたわ。
誰も読んでなさそうとはいえ、取説もまとめページを作らないと面倒臭いわ。

テンプレートつて登録時の「ジャンル」選びでも迷うわね。

他のブラウザでは超カワイイ「✤」も、IEではイマイチだつたわ(泣)。

もっと記事の幅を狭くしてこぢんまりさせた方がいいのかしら・・・。
ただ、幅は結構簡単に変更できるので、デフォルトはこの位にしてみたわ。

テンプレートのタイトルつて、「女の子 1」とか素直に日本語でもいいんだけど、雰囲気的につい英語だらけにしてしまうわね。
他にもお気に入りの女の子画像で作るつもりで「No.1」にしたけど、色が秋冬向きのものが多いんで、この時季どうかなあ、と。
深緑系ではなく、女の子の唇繋がりで深紅系をトッピングに使用してもよかったんだけど、余計に秋冬向きといになるというか、暑苦しくなるからやめておいたわ。

フォームのボタンのフォントはIEに合わせて変えてみたわ・・・見た目的に複雑だわ。

↑とかいふのを、ロンドン・オリンピックの開会式を観ながら、修正したわ。

JUGEMテーマ:テンプレート
評価:
オムニバス,リキッド・ラウンジ・vs・ジャザノヴァ,ビスティ&メイランド・オール・ナイト,マイケル・メイヤー,ソウルスタイス,スムース,ジャーコ,フライング・ポップス,マーク・ファリナ
Rambling Records
¥ 1,592
(2005-10-13)
コメント:1曲目のどこか儚いやうな不安定感が印象深いかな、と。

cetegory : テンプレート取扱説明書 ✤ comments(1) ✤ trackbacks(0) ✤ -
2012年07月28日(土) 05:45 by Emmanuel [ Edit ]

3CF 1 取扱説明書


注:UTFのサムネイルビュー・IEと、
他のブラウザとでは、
見た目がやや異なる箇所があります(角丸部分など)。


【Preview&Thumbnail】

白:3CF 1W

3CF 1W

3CF 1W footer


黒:3CF 1B

3CF 1B

3CF 1B footer

たらい回しでナンですが、詳しくはコチラをご覧下さい。
テンプレート総合取扱説明書

jsとか、XHTML 1.0 Transitionalでplaceholderを使ってしまったりとか、中途半端なところもありますが、使用上は特に支障もないようなので、見切り発車で公開してスミマセン。
(ああ、listも気になる・・・。)
またおいおい改善できるところはしていく予定です。
最初は、もつとシンプルなものを作るつもりだったけど、どちらかというと女の子向けになってしまいました。
さういや、JUGEMの広告バナーでしかテストしてないけど、カラメルの場合はどうなのかしら。

といふことで新しく作る度に、解決策と新たな問題点が見つかるわ・・・これまでのも直したくなるわ・・・眩暈がするわ。
夏ね。

2012年7月24日記。
cetegory : テンプレート取扱説明書 ✤ comments(1) ✤ trackbacks(0) ✤ -
2012年07月24日(火) 00:30 by Emmanuel [ Edit ]

テンプレート総合取扱説明書

  【使用上の注意】
○許可
・カスタマイズは原則自由かな〜。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止。
・フッター内の著作権表示の削除も禁止。
こちらも参考にして下さい。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説・修正のお知らせなど

■カスタマイズについては、CSS内に簡単にですが書いておきました。

□折り畳み式メニューの場合:両サイドの各メニューの表示順は、HTMLにて各項目毎に移動すれば変更出来ます。
また、折り畳みをやめたい場合は<head>内の一つ目のjsの記述を削除して下さい。(あとは、HTMLの<body>タグ内の記述や、各メニューのタイトルを囲んで記述されている<a herf>〜</a>を取り除けば完璧かと。細かいレイアウトの点においてCSSで何らかの微調整が必要な場合もあるかもしれませんが。)

■記事情報部分の「edit」で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみ(於:解像度1024×600)で行っておりますので、他のPC、ブラウザでの表示に乱れがあるカモしれません。

■また、IEでは一部反映されないスタイルも使用しております。IEではなくても、ブラウザ毎に表示に微妙な際もあるかと思いますが、悪しからずご了承下さい。

■因みに、文法チェックも適当にやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。(HTML,CSSで支障がない程度の誤字・脱字はあるかもしれませんが。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所発見時など、また当方の都合により、こちらの文章や、HTML、CSSを変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年7月23日記。


JUGEMのテンプレートは
全体の幅が狭いものが多いんだけど
私のは大体950px以上なので
そこらへんはどうなのかな〜とフト思ったり。
使用禁止ブログのジャンル指定もよくなされていますが、JUGEMで違法サイトってどんなのがあるのか見たことがないので、書かないでおきました。
というか、違法か否かの自覚がナイから平然と違法サイトを運営出来ているのかもしれない人に対して何と言えばみたいな。
アダルトもJUGEMにあるのかな?
cetegory : テンプレート取扱説明書 ✤ comments(0) ✤ trackbacks(0) ✤ -
2012年07月23日(月) 03:38 by Emmanuel [ Edit ]

Skyシリーズ 取扱説明書

注:UTFのサムネイルビューと実際はヤヤ異なります、しくしく。
(特に透過部分が。)


PREVIEWはコチラ。
Sky No.2

Sky No.2

Sky No.2 Footer

PREVIEWはコチラ。
Sky No.1

Sky No.1

Sky No.1 Footer

【使用上の注意】
○許可
・カスタマイズは原則自由かな〜。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止。
・フッター内の著作権表示の削除も禁止。
こちらも参考にしてね。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説・修正のお知らせなど

■2012年7月7日。
No.1の各メニュータイトルのリンクに"title"追加。

■2012年7月8日早朝。
No.1のCSS内で実際の使用に関係ない部分を手直ししたけど、どうでもいいことよね。
何しても指定していない部分のid,class名も参考までに列挙してあったりと、ややこしいCSSでスミマセン。

■2012年7月8日17:30。
CSSの#wrapperの不要な(A)を取り、スクロールバーをややスリムに変更しちやいました、スミマセン。

■2012年7月8日夜。
No.2を公開してみたわ。
フラフラしながら作ったからアレなんだけど、一応公開してみたわ。
普通に藍、紺、水色、白でまとめたのも作ったけど、普通過ぎて陳腐な気がしたから、こっちにして様子見よ。

■う〜ん、JUGEMのエディターによるフォント・サイズの変更(「文字を大きく・小さく」)が反映されないのは、テンプレートのCSSでのフォント・サイズの指定のせいなのか何なのか知りませんが(どれでも大概してるんだけどナー・泣)、反映されない場合はエディターの<HTML>モードにて

<span style="font-size:希望のサイズ">文字の大きさを変更したいテキスト</span>

などとCSSで指定するとよいでしょう。

■また、記事内の<hr>(水平線)の色指定がIE9では反映されずグレーになってしまうようなので、気になる場合は指定ごと削除するか、display: hidden;などと指定して見えなくしてもよいと思います。

■カスタマイズについては、CSS内に書いておいたので、略します。
両サイドの各メニューは移動しやすいと思うし、折り畳みをやめたい場合はjsの記述とリンクタグを個別に、または<head>内から取つて微調整すればいいと思うので。
因みに背景画像を取り除いてもシンプルでいいかもね〜。

■「PROFILE」内にも「管理者ページ」他へのリンクを残してあるので、ヘッダー上部のリンクは取り除いてもOKです。

■記事情報部分の「edit」で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみ(於:解像度1024×600)で行っておりますので、他のPC、ブラウザでの表示に乱れがあるカモしれません。

■また、IEでは一部反映されないスタイルも使用しております(今回はあまりナイけど)。
その点については色々と対処できるかとは思いますが、ちょっと面倒臭いので潔く諦めました。
悪しからずご了承下さい。

■因みに、文法チェックも適当にやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。(HTML,CSSで支障がない程度の誤字・脱字はあるかもしれませんが。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所発見時など、また当方の都合により、こちらの文章や、HTML、CSSを変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年7月5日21時記。

独り言:
FC2で自分用に作成したのをJUGEM用に作成し直したので、FC2を探せばよく似たのを使っているヤツが一人存在しております。
この時季、赤系はお呼びでないようなので、また青系で作ってみました。
No.2のストレートな青の方が需要がある予感。
単純なお色違いでN0.2も作ったけど、文字色を微妙にピンクがかった色にした方が軽い酩酊状態に陥りそうな幻想的な雰囲気になる気がしてきたので考え中。
本当は青みがかった背景では、お花の赤みを生かしたかったんだよね。
NEO HIMEISMさんの素材はどこでも人気だから、誰かと素材がかぶっているカモしれないけど、まあいいや・・・と思う人気の素材屋さんが他にも幾つかあるわね。
ついでに言うと、シンプルかつナチュラルなインテリア雑貨風味か、メンヘラ風味(でも最近、医療系が減った気もするわ・・・血飛沫は相変わらず?だけど)、または初恋の味、カルピス風味の切ない感じの素材がJUGEMでは人気なのかもしれない・・・。
カチッとしたものよりもスキがある素朴な感じのものとかも・・・私には却って難しいんだけど。
と言いつつ、amazon商品をメインにしたのも自分用に作りたい気がする今日この頃。

JUGEMテーマ:テンプレート

評価:
スワン・ダイヴ
V2レコーズジャパン/コロムビアミュージックエンタテインメント
¥ 1
(1998-09-19)
コメント:秋とか春向きかな〜。

cetegory : テンプレート取扱説明書 ✤ comments(2) ✤ trackbacks(0) ✤ -
2012年07月08日(日) 17:25 by Emmanuel [ Edit ]

Woman in Petals 取扱説明書

注:UTFのサムネイルビューと実際はヤヤ異なります。
(特に透過部分が。)
(今回はスクロールバー多用のせいでIEが一番キレイかも。)

修正のお知らせ:
2012年7月6日未明。

コメント投稿フォームが作動しない点を修正し、再公開致しました。
よって誠に恐れ入りますが、それ以前にDLされた方におかれましては再DLして頂きますよう、お願い申し上げます。お手数をおかけ致しまして、誠に申し訳ございませんが、宜しくお願い申し上げます(号泣)。
同時にフリースペースのタイトルを太字化して見易く等改善させて頂きました。

Woman in Petals1

Woman in Petals2

PREVIEWはコチラ。

Woman in Petals


【使用上の注意】
○許可
・カスタマイズは原則自由かな〜。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止。
 (素材は私が購入したものを含むため悪用厳禁。)
・フッター内の著作権表示の削除も禁止。
こちらも参考にしてね。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説・修正のお知らせなど。

■「PROFILE」内に「管理者ページ」へのリンクを残してあるので、メニュー右端の「ADMIN」は取り除いてもOKです。

■記事情報部分の「edit」で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■カスタマイズについては1カラムで簡単なので別にいいかな?と思うので略します。
(記事〜プロフィール・エリアの幅は#wrapperのwidthか、#mainのwidthで調整できるかなと。)
本当は#containerか#mainのどちらかを取ってもよかったんだけど、あっても支障がないので残しておいた・・・というのは自分用メモです。
因みにどうでもいいけど、出来るだけ横スクロールしなくて済むように、PROFILEだけ幅を狭くしておきました。

■ただ、「スクロールしても消えないヘッダー」が邪魔な場合は
#header_containerの
position:fixed;

position:absolute;
に書き換えて下さい。

■記事内の<hr>(水平線)の色指定がIE9では反映されずグレーになってしまうようなので、気になる場合は指定ごと削除するか、display: hidden;などと指定して見えなくしてもよいと思います。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみ(於:解像度1024×600)で行っておりますので、他のPC、ブラウザでの表示に乱れがあるカモしれません。

■また、IEでは一部反映されないスタイルも使用しております。
その点については色々と対処できるかとは思いますが、ちょっと面倒臭いので潔く諦めました。
悪しからずご了承下さい。

■因みに、文法チェックも適当にやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。(HTML,CSSで支障がない程度の誤字・脱字はあるかもしれませんが。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所発見時など、また当方の都合により、こちらの文章や、HTML、CSSを変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年7月2日記。

JUGEMテーマ:テンプレート

テンプレート同様、冬向きの1枚だけど、14."Secret Garden"がエロ可愛いというかコケティッシュでそれなりに。
評価:
マドンナ
ワーナーミュージック・ジャパン
¥ 1,179
(2006-07-26)
コメント:そこはかとないスリルがよいかなと。

cetegory : テンプレート取扱説明書 ✤ comments(2) ✤ trackbacks(0) ✤ -
2012年07月06日(金) 05:07 by Emmanuel [ Edit ]

Woman in field 取扱説明書

UTFのサムネイルビューと実物は異なります(泣)。またIEと、その他のブラウザとでは表示に微妙に異なる箇所がありますのでご注意下さい。

修正のお知らせ:
2012年7月6日未明。
コメント投稿フォームが作動しない点を修正し、再公開致しました。
よって誠に恐れ入りますが、それ以前にDLされた方におかれましては再DLして頂きますよう、お願い申し上げます。お手数をおかけ致しまして、誠に申し訳ございませんが、宜しくお願い申し上げます(号泣)。

同時に、コメント入力欄の文字サイズの変更、フリースペースのタイトルを太字化して見易く等改善させて頂きました。

Woman in field
(↑私には珍しくIE版サムネイル)

PREVIEWはコチラ。
Woman in field

JUGEMでは300kbとなっていますが、実際は200kb強で縮小されてしまうようなので、軽くしているうちによ〜く見ると背景画像がやや荒くなりました・・・スミマセン。

使用上の注意はこんな感じです。

【注意事項】

○許可
・カスタマイズは原則自由かな〜。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止。
 (素材は私が購入したものなので、悪用厳禁。)
・フッター内の著作権表示の削除も禁止。
こちらも参考にしてね。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説・修正のお知らせなど。

2012/06/17朝修正。
/*=====各メニューの枠=====*/内の「.MENU」のfont-size: 14px;を削除。
これは一旦非公開にして再公開しなくてもいいのかな〜・・・というのはまた後で調べます、合掌。

■今回はあまり目立ちませんが、記事内の<hr>(水平線)の色指定がIE9では反映されずグレーになってしまうようなので、気になる場合は指定ごと削除するか、display: hidden;などと指定して見えなくしてもよいと思います。

■カスタマイズについてはCSS内の解説で大体わかるかな〜と思うので略します。

■「管理者ページ」へのリンクはMENUの「OTHERS」内に入れておきました。

■記事情報部分の「edit」で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみ(於:解像度1024×600)で行っておりますので、他のPC、ブラウザでの表示に乱れがあるカモしれません。

■また、IEでは一部反映されないスタイルも使用しております。
その点については色々と対処できるかとは思いますが、ちょっと面倒臭いので潔く諦めました。
悪しからずご了承下さい。

■因みに、文法チェックも適当にやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。(コメント内での誤字・脱字はあるかもしれませんが。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所発見時など、また当方の都合により、こちらの文章や、HTML、CSSを変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年6月26日 21時記。

呟き:
いま疲れているので、ケアレス・ミスがありそうな気もするけど、今のところ不具合もないようだから一応公開してみたわ・・・。
大分慣れてきたので、IEであまりてこずらなくなったけど、今度はサムネイル用のキャプチャをどうにかしないとだわ(泣)。
id,class名を自分好みに変更するのが面倒でやらなくなったけど、素直に公式テンプレをもとにカスタマイズした方がいいのかも・・・。
他のブログやWordPressなんかではあまり見ない<br class="clear" />とか要らないようで要るときがあるしで疲れちゃうわ(泣)。

JUGEMテーマ:テンプレート

何となく思い出す音楽。(1曲目:"Running up that hill(A Deal with God)")
評価:
Kate Bush
EMI
¥ 571
(2011-05-16)
コメント:1曲目が秀逸。

cetegory : テンプレート取扱説明書 ✤ comments(2) ✤ trackbacks(0) ✤ -
2012年07月06日(金) 04:37 by Emmanuel [ Edit ]

Stting Girl 取扱説明書

2012年7月6日深夜。
コメント投稿フォームが作動しない点を修正し、再公開致しました。
よって誠に恐れ入りますが、それ以前にDLされた方におかれましては再DLして頂きますよう、お願い申し上げます。お手数をおかけ致しまして、誠に申し訳ございませんが、宜しくお願い申し上げます(号泣)。
※なお、他の部分も微修正しておきました
(フリースペースのタイトルを太字にして見易く、リコメンドの商品画像を中央配置に、等)
↓に引き続き申し訳なや・・・。

UTFのサムネイルビュー・IEと、その他のブラウザとでは表示にやや異なる箇所がありますのでご注意下さい♥
また、誠に恐縮ですが、6月29日深夜、メニュー部分を大幅修正させて頂きました。それ以前からご利用の方におきましたは再DLして頂ければ幸いです。お手数をおかけ致しまして申し訳ありません。
合掌。


多分、max-widthとリストが原因かな〜と。具体的にはIEだと、メニューリストの並び順(配置)が変わったり、角が丸くなかったり、各タイトルのテキストがやや上にずれたりしますが、これでもIE様のために妥協・修正した部分が色々あって疲れちゃったので、今のところこれで勘弁してつかあさい。
2012/06/28追記。
スミマセン、Roseがおかしいんで修正します(泣)・・・ともかく両方ともmax-はやめてリストをテーブルにすればサムメイルの写真写りもよくなるかも。
と気が付いたので、Aqua、Roseとも
メニュー部分を大幅修正しました。
IEでブログと記事のタイトル上部が文字によっては途切れるのと、
カレンダーもフォント・サイズを小さくして、マス幅を統一しました。

ほか、左側の余白を少しあけて、全体の文字サイズも見た目そんなに変わらないけど、smallから13pxに変更しましたが、そこらへんはお好みで変更してもらえばよいかなと。


SittingGirlAquaサムネイル

PREVIEWはコチラ。
Sitting Girl Aqua


SittingGirlRoseサムネイル

PREVIEWはコチラ。
Sitting Girl Rose


使用上の注意としてはこんな感じかしら。

【注意事項】

○許可
・カスタマイズは原則自由かな〜。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止。
 (素材は私が購入したものを含む場合があるため悪用厳禁。)
・フッター内の著作権表示の削除も禁止。
こちらも参考にしてね。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説・修正のお知らせなど。

■2012/06/29 未明。
冒頭の通り、大幅修正後、再公開。泣き泣き。

■2012/07/06 未明。
冒頭の通り、コメントフォームの不具合修正後、再々公開。しくしく。
しかも、もっとシンプルなヴァージョンを作りたいなと密かに考え中。

2012/0625 9:50am修正。
表示に支障はないようですが、フッター内のJUGEM広告のid名が大文字になっていたのを小文字に修正致しました。
<!--JUGEM広告ここから-->
<div id="PR">
<!--JUGEM広告ここから-->
<div id="pr">
■JUGEMの記事投稿用エディターの「文字を大きく」、「文字を小さく」で指定した記事内の文字の大きさが反映されない場合はエディターの<HTML>モードにて、以下のように書き換えてみて下さい。

<font size="4">大きさを変えたい文字</font>

<span style="font-size:(実数値+%,em,px又は、xx-small=超極小〜medium=標準〜xx-large=超特大などのキーワード) ">大きさを変えたい文字</span>

■記事内の<hr>(水平線)の色指定がIE9では反映されずグレーになってしまうようなので、気になる場合は指定ごと削除するか、display: hidden;などと指定して見えなくしてもよいと思います。

■カスタマイズについてはCSS内の解説で大体わかるかな〜と思うので略しますが、サイド(ブログ・タイトルとメニュー)とメイン(記事)の左右を逆にする場合は、
#left_sideと#mainの
float: left;

float: right;
に変更し、必要に応じて他(.linkmenuとheaderのmargin-leftをrightに変更、画像の位置を左側に、等々)を微調整すればいいんじゃないカナー・・・と予想してみます。
なので、id名left_sideをただのsideにしておきたかったけど、表示に支障はないから気にしないことにします(←どうでもいいところで神経質)。

■右下の女の子の画像は、透明度、位置共に変更出来ます。
また、不要ならHTML(最後の方に記述)から削除して下さい。

■「管理者ページ」へのリンクはMENUの「OTHERS」内に入れておきました。

■記事情報部分の「edit」で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみ(於:解像度1024×600)で行っておりますので、他のPC、ブラウザでの表示に乱れがあるカモしれません。

■また、IEでは一部反映されないスタイルも使用しております。
その点については色々と対処できるかとは思いますが、ちょっと面倒臭いので潔く諦めました。
悪しからずご了承下さい。

■因みに、文法チェックも適当にやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。(コメント内での誤字・脱字はあるかもしれませんが。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所発見時など、また当方の都合により、こちらの文章や、HTML、CSSを変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年6月24日19時記。

独り言:
各タイトルとメニューの背景を取っ払った方が、地味度が増して儚げで、否アンニュイ度が増してよかったかもね。
フリーソフトのスクショ並のサムネイルって・・・。
(実際、「窓フォト」なんかでも同様になるので。)
エディターもGoogle Chromeに完全に対応できてないって・・・。一体どういうことなの・・・。と言いつつ、FC2で手の込んだものを作ろうとすると更に手間がかかるので、JUGEMのテンプレートを作ってしまう自分であった。

JUGEMテーマ:テンプレート

多分、何となく似合う音楽。
評価:
エイプリル・マーチ,イエ-イエ,ミシェル・レグランド,ポール・ピオ,ドクターオリーブ
Rambling Records
¥ 2,160
(2003-03-05)
コメント:多分、NHKのラジオフランス語講座のテーマに使用されていた曲も収録されてゐたと。

cetegory : テンプレート取扱説明書 ✤ comments(2) ✤ trackbacks(0) ✤ -
2012年07月06日(金) 04:07 by Emmanuel [ Edit ]

Water 3C Foldable 取扱説明書

2012年7月6日深夜。
1のコメント投稿フォームが作動しない点を修正し、再公開致しました。
よって誠に恐れ入りますが、それ以前にDLされた方におかれましては再DLして頂きますよう、お願い申し上げます。お手数をおかけ致しまして、誠に申し訳ございませんが、宜しくお願い申し上げます(号泣)。
※なお、他の部分もコギレイにしておいたので、再DLした方が何かとお得ではあります(泣笑)。
ついでに不具合はありませんでしたが、2もボタン等、ブラッシュアップしておきました・・・。



一応、詳細をば書きますと、元にした公式テンプレートでblog_descriptionのidとコメント投稿フォームのtextareaのid,nameが重複している(=どちらも"description")のはNGなので、修正したのが原因でした・・・確か正式にはidとnameは揃えなくてはいけなかったと思うので。←ナドと、さりげなく他人のせいっぽくしてみたわ・・・何にしてもblog_descriptionのidを変更した方が楽だったのに今気が付いたわ・泣。
因みに生意気ながら、それ以外にもあのフォーム内には動作には支障はなくともXHTML 1.0的にはまだ要修正箇所があるんだよう("/"が抜けている程度ですが)・・・他人様のことは言えませんがよい機会なので・泣。

サムネイルとプレビューはコチラ。

Water 3C Foldable 1

Water 3C Foldable 1


Water 3C Foldable 2

Water 3C Foldable 2


UTFのサムネイルビュー&IE使用時と
その他の場合では
微妙に異なる箇所があるかもしれないのでご注意下さい♥


■CSSがちょっと見難いのと背景画像の最下部辺りを手直したかったけど、ちよっと疲れたのでこのまま公開してみます。
■折り畳み用のjsをanalogueの別窓jsにしてもよかったかもしれないけど、また時間があればで。
■Georgia(フォント)も使わないほうがスッキリしたかもしれないけど、CSS内で削除すればいいだけだから、このままにしておきます。
(pre,codeのフォントも迷うところだわ・・・。というかIEで<code>の背景が間延びしてるのを直し忘れてゐるわ・・・あまり使う人もいないと思うけど。)
■スクロールによって枠線が消えるのをお楽しみ下さい(ウザかったらCSSのborder指定を削除して下さい)。
■かなりわかりにくいけど、a:hoverで青の中に潜む赤を感じて頂けたら、と。
■オーラソーマ風に背景アレンジも出来そうなんだけど、オーソドックスなブルーで統一しておきました。

使用上の注意としてはこんな感じかしら。

【注意事項】

○許可
・カスタマイズは原則自由かな〜。

×禁止
・テンプレート、素材共にカスタマイズの有無に関係なく再配布禁止よ。
 (素材は私が購入したものも含むので悪用厳禁。)
・フッター内の著作権表示の削除も禁止よ。
こちらも参考にしてね。
User Template File(UTF)をご利用される方へ | JUGEM FAQ よくある質問集

UTF公開時に注意すること

  • 公式テンプレートや他のユーザーが公開したテンプレートをそのまま公開することは禁止です。
  • UTFは登録する事により他のJUGEMユーザーが公開されたテンプレートを使用する事ができるようになります。
  • 画像の二次利用は禁止です。HTML/CSSを参考にするのは基本的に可能とします。しかしながら、UTF公開者がルールを明記している場合はそのルールに従うようにしてください。
  • 有名人の画像やキャラクター画像などのご使用はご遠慮ください。
  • また、素材配布サイトの画像を利用する際は配布元のルールに違反しないことを確認してから公開を行ってください。

その他の特徴・解説など。

■カスタマイズについてはCSS内の解説で大体わかるかな〜と思うので略します。

■背景に他の画像を使用して、文字が読みにくくなった場合などは、文字の色を変えるか、透過させたくない箇所に
background: 好きな色;
と指定する等で改善されるかと思います。

■「管理者ページ」へのリンクはMENUの「OTHERS」内に入れておきました。

■記事情報部分の [edit] で個別の記事編集画面が開きます。

■カテゴリー、アーカイヴ、サイト内検索の結果表示ページでは、 記事本文なし(本文リンク付きのタイトル、記事情報のみ)のリスト風に表示されます。

■ブラウザ・チェックはIE、Firefox、Google Chromeの各最新版のみで行っておりますので、他のブラウザでの表示に乱れがあるかもしれません。
また、IEでは一部反映されないスタイルも使用しております。
その点については色々と対処できるとは思いますが、ちょっと面倒臭いので潔く諦めました。
悪しからずご了承下さい。

■因みに、文法チェックも適当にやっておきました。 JUGEMの独自仕様部分等以外は概ねOKだと思います。
(</body>以前に</div>が一箇所余計にある、又は足りないのかもしれませんが、とりあえず不具合もないようなので、またおいおい調べます。)

The W3C Markup Validation Service

W3C CSS 検証サービス

改善箇所が発見されたらその都度、また都合によってこちらの内容とHTML,CSS自体を変更することがあるかと思いますが、今の時点ではこんな感じです。

以上、よろしくお願い申し上げます。

2012年6月20日記。

JUGEMテーマ:テンプレート

作成中に聴いた、cool&freshでまさに"frais"な名盤。
評価:
ザ・ゾンビーズ
テイチク
---
(1995-09-21)
コメント:「二人のシーズン」のみならず、ひんやりポップな名曲揃ひ。体感的にもcool。

cetegory : テンプレート取扱説明書 ✤ comments(2) ✤ trackbacks(0) ✤ -
2012年07月06日(金) 03:18 by Emmanuel [ Edit ]

Aqua&Rose 2C

またしてもブルー系のテンプレートを作つてしまつたわー。
モノクロか深紅系ばかり作つてゐたから
いい加減飽きてきたのよね・・・。

ついでに色違ひでピンクのも作つたけど。

しかも如何にも乙女ウケしさうな
アンニュイな配色にしようと思つてゐても
作成中は目だけでなく
心身ともに疲れてくるから
つい清々しい配色に変へてしまふといふ〜。

何にしてもIE、IEに疲れてしまつたわ・・・。
もう本当に泣きさう(泣)。
といふかキレさう(怒)。

某Webデザイナーがブログで
「もうブラウザの開発はやめて頂けたら」
と呟いてゐた気持がよくわかるわ。

IEでの
楽しみつて言つたら
スクロールバーだけなんだもん(泣)。

正直、あれだけはとつても有難いわ。

あーでも
デフォルトだとフリーソフトのDL→インストールも楽ね。

とりあへず
IEだとツールのF12開発ナントカを使へばいいのに
今更気が付いたわ(泣)。

他のブラウザでも
スクロールバーがjsとかなしに
カスタマイズできるやうになつたらいいのになあ。

アイディアはまだまだ尽きずとも、
IEに精気を抜かれた気がするわ・・・。

明日といふかもう今日からは
お片付けに励むわ・・・多分。

と思ひつつ
つい
透過pngをキレイに処理するチマチマ手作業に夢中になつてしまつたわ・・・。
でもこれでやつとやりたかつたことが可能になつたわ。

IEではline-heightを下手に1とかにすると大きなサイズの文字の表示が途切れるのね。
paddingを多めにつければよいとか思つてたけど
さうではなくてline-heightの問題だつたのかしら・・・。

vertical-alignを試してみたりと色々やつた、アレは何だつたのかしら(遠い目)。

次はJUGEMのムード台無しの広告をどうにかしないとね。
透過してゐても画像とかぶるとNG出されちやひさうだから念の為。

JUGEMテーマ:テンプレート
cetegory : テンプレート取扱説明書 ✤ comments(0) ✤ trackbacks(0) ✤ -
2012年06月23日(土) 01:12 by Emmanuel [ Edit ]