Gun☆Ryu's Template

JUGEMで使えるブログ・テンプレート
User Template File を公開しています

スポンサーサイト

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

▲top.  -.  -.

“gr-CoolWater” 公開

新しいテンプレートを作成しました。


例によって、素材の写真にひとめぼれ (笑)
素材をお借りした「君に、 -北風東風-」さんへ感謝。
素材以外は、“gr-WalkOnSky” “gr-OceanView” “gr-Cumulus”の系列で
チョコチョコっと弄っただけのものですが・・・

特に夏は、こういう涼しげな「青系」に目がとまっちゃって。
写真素材に依存した工夫のないテンプレばかりで申し訳ないです(^^ゞ


gr-CoolWater
gr-CoolWater.jpg
・シンプル/1カラム/青
サンプル / ダウンロード


  • 公開日:2007年08月07日(公開中)
  • 公開先:上記リンク参照
  • 最終更新日:2007年08月07日−18時
  • 動作確認:icon_os_windows.gif + icon_browser_firefox.gif icon_browser_explorer.gif icon_browser_opera.gif icon_browser_safari.gif icon_browser_netscape.gif   ( icon_os_mac.gif icon_os_linux.gif は未確認)
  • HTMLチェック:W3C Markup Validation Service
  • CSSチェック:W3C CSS Validation Service
  • コンセプト:

    素材配布されている「君に、 -北風東風-」さんの作品にひとめぼれ(笑)で作成。

  • 規 約:
    1. テンプレートと素材の再配布や2次配布の禁止
    2. 再配布や2次配布目的の、改版と修正禁止 (自分のブログでのみ、自己責任で修正可)
    3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
    4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
    5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止
  • 注 記:
    1. 規約遵守の上、JUGEMでのみのご利用となります。
    2. ご利用の方は、この記事にコメントくれるとうれしいです。
    3. 更新履歴は「続きを読む」で確認してください。
    4. こちらの注意も必読でお願いします。

続きを読む▼
▲top.  comments(23).  trackbacks(0).

“gr-Kitten” 公開

人気テンプレートランキング キレイJUGEMの共有テンプレート(UTF)
■人気テンプレートランキング■

集計期間:2007/07/19 〜 2007/08/02


Gun☆Ryu作成のテンプレが、1・2・3!!


ご利用のみなさま、投票してくださったみなさま
本当にうれしいです。ありがとうございました。


お礼の、新テンプレート公開です。


gr-Kitten
gr-Kitten.jpg
・シンプル/1カラム/白
サンプル / ダウンロード

素材の写真は、「NEO HIMEISM」さんよりお借りしました。感謝いたします。


  • 公開日:2007年08月02日(公開中)
  • 公開先:JUGEM−UserTemplateFile
  • 最終更新日:2007年12月17日-18時
  • 動作確認:icon_os_windows.gif + icon_browser_firefox.gif icon_browser_explorer.gif icon_browser_opera.gif icon_browser_safari.gif icon_browser_netscape.gif   ( icon_os_mac.gif icon_os_linux.gif は未確認)
  • HTMLチェック:W3C Markup Validation Service
  • CSSチェック:W3C CSS Validation Service
  • コンセプト:

    素材配布されている「NEO HIMEISM」さんの作品からイマジネーションを膨らませました。真夏に秋を先取りしたような色合いですが、猫好きにはたまらない写真をいい雰囲気のまま使わせていただきたく、こうなりました。

  • 規 約:
    1. テンプレートと素材の再配布や2次配布の禁止
    2. 再配布や2次配布目的の、改版と修正禁止 (自分のブログでのみ、自己責任で修正可)
    3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
    4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
    5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止
    6. 商用サイトでの使用禁止
  • 注 記:
    1. 規約遵守の上、JUGEMでのみのご利用となります。
    2. ご利用の方は、この記事にコメントくれるとうれしいです。
    3. 更新履歴は「続きを読む」で確認してください。
    4. こちらの注意も必読でお願いします。

続きを読む▼
▲top.  comments(2).  trackbacks(1).

素材配付元のリンクやバナーについて

Gun☆Ryuのテンプレートを
ご使用いただいているみなさん、ありがとうございます。

テンプレートご利用中の、一部の方にお願いがあります。。。
Gun☆Ryuのテンプレは、自己使用に限りカスタマイズOKのものがありますが (各規約参照)
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 注意:
  自分で画像を差換えた場合
  元の画像に係わる以下4点を、必ず修正してください。

  1.HTML内 コメント部分から「素材」に係わるURLなどの記述削除
  2.CSS内 コメント部分から「素材」に係わるURLなどの記述削除
  3.HTML内 素材配布元のリンク部分のみ 削除 (「削除禁止」とありますが削除)
  4.HTML内 素材配布元バナー部分のみ 削除 (「削除禁止」とありますが削除)

  ※ Gun☆Ryuに関連する部分の記述は削除しないように注意!

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

特に、3.4.の該当部分は
<!-- ▼削除禁止▼ -->
<!-- ▲削除禁止▲ -->
に挟まれていて、HTMLの記述が分りづらいために誤解を与えているようですが
素材配付元に、ご自分の配付物でないものの問合せがいって、
ご迷惑をかける可能性があります。

削除すべき部分がよく分らない方は、お使いのテンプレを明記の上
このエントリーにコメントください。フォローさせていただきます。


本日時点で、対象は以下のテンプレですので
画像を差換えていらっしゃる方は、今一度ご確認ください。
*gr-Piggy
*gr-Ducky
*gr-SkySeaCloud
*gr-Cumulus
*gr-WalkOnSky
*gr-OceanView
*gr-Kewpies

お手数かけますが、よろしくお願いします。
▲top.  comments(0).  trackbacks(0).

ブラウザ解析結果/2007年07月

このブログを見てくださった方のブラウザを解析・集計してみました。
結果はいちばん下に・・・


俺自身、勉強中で語れるほどじゃないけど
テンプレートを作成し始めて、ブラウザの差異と“標準”を意識します。

インターネット、HP(ホームページ)、blog(ブログ)・・・
これらが急速に発展した背景には、
HTTPプロトコルやHTML(HyperTextMarkupLanguage)という
技術的な面での“世界標準”、お約束が確立されたことがあります。

そもそも「HTML」とは、
「GML(Generalized Markup Language)」から始まり
「SGML(Standard Generalized Markup Language)」と変遷をたどった、
その名の通り「文書構造のマークアップ」を行うものでした。
簡単に言えば・・・タイトルや章立て、パラグラムなどの意味づけをする。
本来、マークアップはレイアウトではなく、文書構造を表すものなのです。

それがWebの発展とともにレイアウトと装飾の要求が高まり、
さらにクライアントプログラムである、ブラウザの覇権争いも絡み
それぞれの拡大解釈や独自の拡張がされていきました。
こうして、HTMLの仕様とブラウザは・・・
『標準』からだいぶ枝分かれしてしまったのです。

とはいえ・・・コンピュータの世界では、お約束や標準というのがとても大事です。
例えば、Webページをブラウザで表示する際
コンピュータ(プログラムを含む)は「HTTPプロトコル」という
決まりごとに則って処理をしています。

この処理(=手続き)は電話をかける場合に似ています。
受話器を上げる→ダイアルする→呼び出し音→相手を待つ・・・
相手の出る前に話してもしょうがないし、出たら「もしもし」ですよね?
あ! コテコテの外国人相手なら「もしもし」はダメですが・・・

HTTPプロトコルも、Webページを提供する側(サーバ)と
Webページを見る側(クライアント)の双方で、とるべき手順や決まりが
明確に決まっていて、それらを守らないと成立しません。

HTMLやブラウザの場合も、独自の解釈や拡張は決して望ましい状態ではないのです。
そのため、Web技術の仕様を管理・勧告し、標準化を目指して統括している
W3C』という国際的な非営利団体があります。
米国マサチューセッツ工科大学や日本の慶応大学などがホストとなり運営されています。
ここの公開する技術仕様や勧告が、最近話題の『Web標準』なのです。


ところが、独自色の強いブラウザがシェアの上で勝利したために
『Web標準』に準拠したHTMLやCSSを記述してもブラウザでの表示がおかしいとか
『ハック』と呼ばれる独自対応をしないといけないおかしな状態が、いまだに続いています。

ここで実験!
Acid2 Browser Testをブラウザで表示して
行った先で以下の2つをクリックをしてみて!?
・Take The Acid2 Test (クリックして閲覧中のブラウザをテストする)
・the reference rendering (Web標準に適合の場合に見える正しいマークを表示)

Web標準に適合したブラウザで閲覧するとスマイルマークがキレイに見られるはず。
適合していないブラウザでは崩れた図になってしまいます。
このテストはHTMLやCSS2.1などの W3C 勧告等に、どの程度準拠しているかを
測るためのテストで、“かなり厳しい”ものらしいですが。。。

自分でも試しました。(on Windows XP sp2)
・InternetExplorer Ver.6
・InternetExplorer Ver.7
・Netscape Ver. 7.1
・Firefox Ver. 2.0.0.6
・Opera Ver. 9.22
・Safari βVer. 3.0.3(522.15.5)
結果、合格したブラウザは“2つ”しかありませんでした(苦笑)



2007年07月のブラウザ別解析結果
(合計:16045アクセス/対象頁:全ページ/対象日:2007年07月)
▲top.  comments(0).  trackbacks(0).

ツリー表示対応

テンプレご使用いただいてる方から
リクエストをいただいたので・・・

ツリー表示対応

対象は、いままでツリー表示に
対応していなかった以下のテンプレです。
*gr-Cumulus
*gr-ImgChanger
*gr-WalkOnSky
*gr-OceanView

ただし、2007年07月21日−05時以降のダウンロードで
HTML内に[ Ver.20070721-0220 ]のような数字で
バージョン表記があるものだけです。
バージョン表記は今後更新されますが
バージョン表記そのものがない場合、
以下の編集をしてもツリー表示されません



■ツリー表示の手順■
ダウンロードしたままではコメントとトラックバックの
ツリー表示はされません。以下の手順でHTMLを編集してください。

1.JUGEMの管理者ページから「テンプレートの編集」の画面へ。


2.「テンプレート選択」から対象のテンプレの「編集」を選択。


3.「HTML編集フォーム」から以下の記述を探す。


<!--Tree構造生成script-->
<!--★(A). 有効にするには(A).(B).の2行を削除してください★
<script src="http://・・・(省略)・・・/makeTreeMain.js" type="text/javascript"></script>
★(B). 有効にするには(A).(B).の2行を削除してください★-->
<noscript class="caution">JavaScriptを有効にしてください</noscript>

4.ツリー表示する場合、赤文字部分のように編集する。


<!--Tree構造生成script-->
<!--★(A). 有効にするには(A).(B).の2行を削除してください★-->
<script src="http://・・・(省略)・・・/makeTreeMain.js" type="text/javascript"></script>
<!--★(B). 有効にするには(A).(B).の2行を削除してください★-->
<noscript class="caution">JavaScriptを有効にしてください</noscript>

5.「テンプレートの更新」ボタンを押下する。


6.ツリー表示しない状態に戻す場合、3.の記述に戻し「テンプレートの更新」ボタンを押下する。


注意:上記、3.と4.は記述を部分的に省略しているので、コピー&ペーストではダメです。該当箇所を探して、必ず赤文字部分を直接編集してください




テンプレお使いの方で、リクエストかご意見があれば
ぜひコメントください。いろいろ参考にさせていただきます。
ただ・・・すべてに対応できるわけではないことはご理解ください。

これからもよろしくお願いします。

▲top.  comments(15).  trackbacks(0).

スペルミス修正+バージョン表記

スペルミス修正

また恥ずかしいミス発見・・・スペルミス。
記事の著作者表示を・・・

(×) aouther
(○) author

かなり恥ずかしいです。 (il`・ω・´;)
テンプレ御使用の方、すいません。

対象のテンプレは、以下になります。
*gr-Black&White
*gr-Cumulus
*gr-ImgChanger
*gr-WalkOnSky
*gr-OceanView

気になる方は、再度ダウンロードしていただくか
HTML編集で、該当箇所を直接修正してください。
お手数おかけしますが、よろしくお願いします。


バージョン表記

ついでに・・・
現在公開中のテンプレ、すべてにバージョン表記をしてみました。

ソース(HTML、CSS)の先頭コメント部に
[ Ver.20070721-0220 ]などと入れてあります。

これは、ソースに表記したものですから
実際のブログをブラウザで見たときには表示されません。
(“ソースの表示”などで確認することはできます。)

この修正に関しては、以前のバージョンを
そのまま、お使いいただいてまったく問題ありません。


こんな更新ばかりで、すいません。。。((。´・ω・)。´_ _))
▲top.  comments(0).  trackbacks(0).

“gr-Kewpies” 公開

人気テンプレートランキング すべてJUGEMの共有テンプレート(UTF)
■人気テンプレートランキング■

集計期間:2007/06/23 〜 2007/07/07

Gun☆Ryu作成の“gr-Ducky”
1位記念(ジャンル=すべて)!
新しいテンプレート作成しました。


gr-Kewpies
・かわいい/2カラム右メニュー/ピンク
・サンプル ⇒ こちら
・ダウンロード ⇒ こちら

gr-Kewpies.jpg


素材の写真は、“gr-Ducky”と同じく
ぷあぷあ」さんよりお借りしました。
ぷあぷあ」さんとテンプレご利用のみなさんへ、お礼の気持をこめてリリースです。


  • 公開日:2007年07月08日(公開中)
  • 公開先:JUGEM−UserTemplateFile
  • 最終更新日:2007年07月21日-05時
  • 動作確認:icon_os_windows.gif + icon_browser_firefox.gif icon_browser_explorer.gif icon_browser_opera.gif   ( icon_os_mac.gif icon_os_linux.gif ・icon_browser_netscape.gif icon_browser_mozilla.gif icon_browser_safari.gif は未確認)
  • HTMLチェック:W3C Markup Validation Service ⇒ こちらを参照
  • CSSチェック:W3C CSS Validation Service ⇒ こちらを参照
  • コンセプト:

    素材配布されている「ぷあぷあ」さんの「キューピー」という作品群からイマジネーションを膨らませました。

  • 規 約:
    1. テンプレートと素材の再配布や2次配布の禁止
    2. 再配布や2次配布目的の、改版と修正禁止 (自分のブログでのみ、自己責任で修正可)
    3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
    4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
    5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止

  • 注 記:
    1. 規約遵守の上、JUGEMでのみのご利用となります。
    2. ご利用の方は、この記事にコメントくれるとうれしいです。
    3. 更新履歴は「続きを読む」で確認してください。

続きを読む▼
▲top.  comments(6).  trackbacks(0).

■重要■ Recommendの折り畳み不完全を修正

■お詫び■
昨日の更新で、はずかしいミスがありました。
2007/07/03・08時 以降に対象のテンプレをダウンロードされた方
できれば、最新版(2007/07/04・21時)に差し替えてください。
ご迷惑をおかけしてすいませんが、よろしくおねがいします。

修正内容
(1).Recommend(おすすめ)の折り畳み不完全を修正
  すべてのメニューを折り畳み可能に修正した際
  Recommend(おすすめ)だけ不完全で、1商品しか折り畳まれなかった。
  リストアップされた全商品が折り畳まれるように修正。

対象テンプレとダウンロード先
* gr-Ducky ・・・ ここからダウンロード
* gr-SkySeaCloud ・・・ ここからダウンロード
* gr-Black&White ・・・ ここからダウンロード
* gr-Piggy ・・・ ここからダウンロード
* gr-LikeEditor ・・・ ここからダウンロード

再度ダウンロードしていただくか
HTMLのわかる方は「テンプレート編集」−「HTML編集フォーム」で
Recommendの該当部分を、以下のコードで置き換えてください。

<!-- Recommend -->
<a name="p_recommend"></a>
<h2 id="recommendname">Recommend</h2>
<div id="recommendlist">
<!-- BEGIN amazon -->
<div class="sideitem_center">
<a href="{amazon_url}" target="_blank"><img src="{amazon_ImageUrlSmall}"></a>
<br />
<a href="{amazon_url}" target="_blank">{amazon_ProductName}</a>
</div>
<!-- END amazon -->
</div>
<!-- /Recommend/ -->

▲top.  comments(0).  trackbacks(0).

マイナー・アップデート/独自メニュー追加と全項目折り畳み対応 他

公開中テンプレのすべてをマイナー・アップデートしました。
今までのものを、そのままお使いいただいても問題はありません。

更新内容
(1).デコメ対応
  デコメの投稿が、写真や罫線の属性指定の影響を受けるので修正。
(2).banner追加
  「Gun☆Ryu's Template」のバナーを追加。
(3).独自メニュー追加
  フリースペース以外に、サイドメニューで使える項目を5つ用意した。
(4).すべてのメニュー項目折り畳み対応
  フリースペースなど、今まで折り畳み対象外だった項目も折り畳み対応した。

テンプレと更新内容の対応
※上記「更新内容」の番号で表しています。
* gr-Ducky ・・・ (1)(2)(3)(4)
* gr-SkySeaCloud ・・・ (1)(2)(3)(4)
* gr-Black&White ・・・ (1)(2)(3)(4)
* gr-Piggy ・・・ (1)(2)(3)(4)
* gr-LikeEditor ・・・ (1)(2)(3)(4)
* gr-Cumulus ・・・ (1)(2)(3)
* gr-ImgChanger ・・・ (1)(2)(3)
* gr-BlueGray ・・・ (1)(2)

※以下の2つは、公開当初から対応済み
* gr-OceanView ・・・ (1)(2)(3)
* gr-WalkOnSky ・・・ (1)(2)(3)

補足説明
■「(3).独自メニュー追加」について
  フリースペース以外に、メニューで自由に使える項目を5つ用意しました。
  下記の例のようなひとかたまりで、自由にお使いください。

※「テンプレートの編集」−「HTML編集フォーム」から、次のかたまりを探す。

<!-- ownitem1 -->
<!-- (A).使用する場合、(A)(B)の2行を削除する
<a name="p_ownitem1"></a>
<h2 id="ownitem1name">ここにタイトルを入力</h2>
<div class="sideitem_center" id="ownitem1list">ここに表示内容を</div>
(B).使用する場合、(A)(B)の2行を削除する -->
<!-- ownitem1 -->


※(修正.1)(修正.2)の行を赤文字のように書き直すか、行そのものを削除して
 (修正.3)(修正.4)の行、赤文字部分を必要な内容に書き換える。

<!-- ownitem1 -->
<!-- (A).使用する場合、(A)(B)の2行を削除する --> ←(修正.1)
<a name="p_ownitem1"></a>
<h2 id="ownitem1name">ここにタイトルを入力</h2> ←(修正.3)
<div class="sideitem_center" id="ownitem1list">ここに表示内容を</div> ←(修正.4)
<!-- (B).使用する場合、(A)(B)の2行を削除する --> ←(修正.2)
<!-- ownitem1 -->


※かたまりのまま、メニュー内で場所を変えることは可能ですが
 かたまりを間違えたり、移動先を間違えたりすると
 表示がおかしくなることがあります。
 自己責任で、慎重に行なってください。

■「(4).すべてのメニュー項目折り畳み対応」について
  サイドメニューの折り畳みは、できるものとできないものが混在していましたが
  すべて折り畳み可能としました。(テンプレや素材の著作権表示のある「Others」を除く)
  初期表示での開閉設定は、以前の“HOW TO”を参照してください。
  ⇒ こちらの「折り畳み設定」

▲top.  comments(0).  trackbacks(0).

“gr-WalkOnSky” “gr-OceanView” 公開

“gr-Ducky”1位記念!!
新しいテンプレートを2点作成しました。

gr-WalkOnSky
・ジャンル/カラム/色 ⇒ キレイ/1カラム/青
・サンプル ⇒ こちら
・ダウンロード ⇒ こちら

gr-WalkOnSky.jpg

gr-OceanView
・ジャンル/カラム/色 ⇒ キレイ/1カラム/青
・サンプル ⇒ こちら
・ダウンロード ⇒ こちら

gr-OceanView.jpg


何より、素材の写真にひとめぼれ (笑)
素材以外は、“gr-Cumulus” “gr-ImgChanger” の系列で
チョコチョコっと弄っただけのものですが・・・お礼の気持をこめてリリースです。


  • 公開日:2007年07月03日(公開中)
  • 公開先:上記リンク参照
  • 最終更新日:2007年07月21日−05時
  • 動作確認:icon_os_windows.gif + icon_browser_firefox.gif icon_browser_explorer.gif icon_browser_opera.gif   ( icon_os_mac.gif icon_os_linux.gif ・icon_browser_netscape.gif icon_browser_mozilla.gif icon_browser_safari.gif は未確認)
  • HTMLチェック:W3C Markup Validation Service ⇒ こちらを参照
  • CSSチェック:W3C CSS Validation Service ⇒ それぞれ、こちら と こちら を参照
  • コンセプト:

    素材配布されている「Sky Ruins -haya-」さんの作品をお借りして、“gr-Ducky”1位感謝テンプレを2点作成。

  • 規 約:
    1. テンプレートと素材の再配布や2次配布の禁止
    2. 再配布や2次配布目的の、改版と修正禁止 (自分のブログでのみ、自己責任で修正可)
    3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
    4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
    5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止

  • 注 記(※):
    1. 素材の画像サイズ「1024×768 pixel」を超える画面表示では、上部・左右に余白ができることがあります。
    2. 規約遵守の上、JUGEMでのみのご利用となります。
    3. ご利用の方は、この記事にコメントお願いします。
    4. 更新履歴は「続きを読む」で確認してください。

素材をお借りした「Sky Ruins -haya-」さんへ感謝。
Gun☆Ryuのテンプレに投票してくれた方々へ感謝。
続きを読む▼
▲top.  comments(16).  trackbacks(0).
<<|2/4 PAGE|>>