Gun☆Ryu's Template

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

スポンサーサイト

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

▲top.  -.  -.

“gr-ImgChanger” 公開

新しい(?)テンプレート作成しました。
先日公開した“gr-Cumulus”の改造版です。
・ジャンル/カラム/色 ⇒ シンプル/1カラム/白
・サンプル ⇒ こちら
・ダウンロード ⇒ こちら

ブログタイトルの画像を、自分の好きな複数の画像
ブログ表示のタイミングで切り替えるようにしたものです。

表示更新(再表示)のタイミングでも切り替わります・・・
ただし、ブラウザのキャッシュが効いて、同じ画像が再表示される場合があります。


横600px × 縦225px の画像を自分で何枚かご用意のうえ
配布テンプレートのなかに記述してある説明にしたがってご利用ください。
(※そのままだと、Gun☆Ryuが用意したサンプル画像のままで切り替わります。)

・実際のテンプレート使用例 ⇒ こちら
・画像の差換え手順を「続きを読む」に載せました。
 配布テンプレートのなかの説明とあわせてお読みください。


gr-ImgChanger
gr-ImgChanger.jpg

  • 公開日:2007年06月30日(公開中)
  • 公開先: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 ⇒ こちらを参照
  • コンセプト:

    ブログタイトルの画像を、自分の好きな“複数の画像”で切り替えられるようにしました。レイアウトは、先日公開した“gr-Cumulus”の改造版です。

  • 規 約:
    1. テンプレートやスクリプトの再配布や2次配布の禁止
    2. 再配布や2次配布目的の、改版と修正禁止 (自分のブログでのみ、自己責任で修正可)

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

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

ブログのフォントサイズ変更

今回は、ブログのフォントサイズ(文字の大きさ)を変更する方法。

せっかく、テンプレを使用してくれている方のなかに
ブログタイトルが折り返してしまっているのを見かけます。

また、Gun☆Ryuの設定したフォントサイズが気に入らない
・・・という方もいるだろうと思うので、お題にあげました。

自分でテンプレートをいじったことない方や、ガマンして使っていた方も
これを試して、テンプレをもっと気に入ってくれたらうれしいです。

ブログのフォントサイズ(文字の大きさ)を変更する方法
  • 内 容:フォントサイズを変更する方法。
  • 対 象:Gun☆Ryu公開テンプレのすべて。
  • 注 意:

    変更したことでレイアウトがくずれるものもあります。もとの設定を覚えておいて、戻せる準備をしてから行なうとよいでしょう。

  • 説 明:

    テンプレートのCSS編集フォームでCSS内から“font-size: ●●;”の部分を探して、●●の数値を変更する。下記は、ブログタイトルのフォント変更例です。

※ブログタイトルのフォント変更例

h1 {
    ・・・(省略)・・・
    font-size:          30px;    (←“30”を他の数値に変更)
    ・・・(省略)・・・
}


数値を小さくする ⇒ より小さいフォントになる。
数値を大きくする ⇒ より大きいフォントになる。

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

“gr-Cumulus” 公開

新しいテンプレート作成しました。
・ジャンル/カラム/色 ⇒ シンプル/1カラム/白
・サンプル ⇒ こちら
・ダウンロード ⇒ こちら

ネーミングに悩み
英語で入道雲をなんと言うのか調べたら、いろいろありました。

cumulus [n.] 積雲 ([a.]=cumulous)
nimbus [n.] 雨雲、乱雲
cumulonimbus [n.] 積乱雲 (「cumulous + nimbus」で「雨を伴った積雲=積乱雲」)
thunderhead [n.] 入道雲、積乱雲 (嵐を呼びそうな積雲?)

“cumulus”採用!!
しかし・・・英語のニュアンスの違いって、難しいね。

gr-Cumulus
gr-Cumulus.jpg

  • 公開日:2007年06月28日(公開中)
  • 公開先: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(2).  trackbacks(0).

フリースペース/背景色変更(gr-Black&White)

今回は、gr-Black&White限定
フリースペース/背景色変更の方法。
“gr-Black&White” 公開』に同様の記述ありますが・・・

gr-Black&Whiteのフリースペース背景色を変更
gr-Black&White サイド背景 (デフォルト) gr-Black&White サイド背景 (変更後)
  • 内 容:フリースペースにおいて、背景色が黒であるため文字が同化して見えなくなる場合に、背景色を変更する設定方法。
  • 対 象:“gr-Black&White”のみです。
  • 注 意:好きな色に変えられるわけではありません。
  • 説 明:HTML内から該当のフリースペース部分を探し、下記のように修正する。
※class="sideitem_center"を赤文字のように修正する

<!-- BEGIN freespace1 -->
<a name="p_freespace1"></a>
<h2>{freespace_title1}</h2>
<div class="sideitem_center2">{freespace_contents1}</div>
<!-- END freespace1 -->

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

サイドメニュー/折り畳み設定、ツリー表示設定

Gun☆Ryuの公開したテンプレートは
申し訳ないのですが原則「改版・修正を禁止」とさせていただいています。
どうしてもと言う方は、個別にお問合せいただくようお願いしています。
※その理由は、こちらをご覧ください
 ⇒『公開したテンプレートの規約について

・・・とはいえ
数ある中から、せっかく選んで使ってみようと思ってくださった方々に
少しでもご自分の好みにあわせていただけるよう
“HOW TO”という形で手を加えられる部分をお知らせしようと思います。

ただし、規約はそのまま遵守いただき
ご紹介する方法は、あくまでも自己責任で試していただくようお願いします。


今回は、タイトルのように
サイドメニュー/折り畳み設定、ツリー表示設定 について。

サイドメニュー イメージ

折り畳み設定
・内 容:初期表示でのサイドメニュー展開/折り畳みを変更する。
・対 象:サイドメニューに [◇][−]が表示され、展開したり畳んだりできるものが対象です。
・注 意:初期表示の制御ですので、操作した状態を記憶する機能はありません。
・説 明:HTML内から下記部分を探して‘on’(=展開),‘off’(=折り畳み)を書き換える。
<!--折り畳み生成script-->
<script type="text/javascript">
<!--
var fNaviOption = new Array; //初期表示オプション

fNaviOption['profile'] = 'on' ; // プロファイル
fNaviOption['newentry'] = 'on' ; // 最新エントリー
fNaviOption['entry'] = 'off'; // ページエントリー
fNaviOption['comment'] = 'on' ; // 最新コメント
fNaviOption['tb'] = 'off'; // 最新トラックバック
fNaviOption['category'] = 'off'; // カテゴリー
fNaviOption['archive'] = 'off'; // アーカイブ
fNaviOption['link'] = 'off'; // リンク

InitFoldNavi(fNaviOption); // ナビゲーションの折り畳み
// -->
</script><noscript class="caution">JavaScriptを有効にしてください</noscript>

ツリー表示設定
・内 容:サイドメニューのコメント・トラックバックのツリー表示を変更する。
・対 象:サイドメニューでコメントなどがツリー表示されているものが対象です。
・注 意:コメントだけ、トラックバックだけなど個別の制御はできません。
・説 明:HTML内から下記部分を探して赤文字のように書き換える。
※ツリー表示をやめる場合※

<!--Tree構造生成script-->
<!--script src="http://...(省略).../makeTreeMain.js" type="text/javascript"></script-->


※ツリー表示にもどす場合※

<!--Tree構造生成script-->
<script src="http://...(省略).../makeTreeMain.js" type="text/javascript"></script>

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

“gr-Black&White” 公開

新しいテンプレート作成しました。
公開先からダウンロードしてください。

gr-Black&White
gr-Black&White.jpg

  • 公開日:2007年06月21日(公開中)
  • 公開先: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. テンプレートの改版と修正の禁止
      (下記、「How To」以外の修正は、お問合せください)
    3. テンプレート作成元の著作権表記とリンクの削除禁止

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

How To:サイド部のフリースペース背景色を変更
 フリースペースを利用すると、背景色が黒であるため
 文字が同化して見えなくなることがあります。
 その場合、以下の例に従って修正を行なってください。
HTML内からフリースペース部分を探し
class="sideitem_center"を、赤文字のように修正する

<!-- BEGIN freespace1 -->
<a name="p_freespace1"></a>
<h2>{freespace_title1}</h2>
<div class="sideitem_center2">{freespace_contents1}</div>
<!-- END freespace1 -->

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

“gr-Ducky”,“gr-Piggy” ヘッダ部修正

修正内容:
ブログ・タイトル下の説明(description)の行数が増えると
ナビゲーション部やブログ本文に重なってしまうのを修正しました。


気になる人は、最新をダウンロードしてください。
お手数おかけしますが、よろしくお願いします。

・gr-Ducky ⇒ ダウンロードする
・gr-Piggy ⇒ ダウンロードする


gr-Ducky
gr-Ducky.jpg

gr-Piggy
gr-Piggy.jpg


※追記:“gr-SkySeaCloud”の同様の現象は
     そのデザイン上の制約から、対応は予定していません。
     申し訳ないですが、説明文自体の行数を調整お願いします。

※関連エントリ:
 ・“gr-Ducky” 公開
 ・“gr-Piggy” 移転
 ・“gr-SkySeaCloud” 移転
▲top.  comments(0).  trackbacks(0).

公開したテンプレートの規約について

今日は、Gun☆Ryuが掲げた「規約」についてちょっと説明。(笑)


公開したテンプレートには
下記のような(かなり厳しい)規約がついているものがあります。

規 約:
  1. テンプレートと素材の再配布や2次配布の禁止
  2. テンプレートの改版と修正の禁止 (修正の必要があれば、問合せしてください)
  3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
  4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
  5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止


この規約に込めた思いは2つ。

(1) お借りした素材を責任もって守るため。
(2) 自分のテンプレートをベースに
  新たなテンプレート作成を望まないため。

・・・です。

(1)の理由:
 UTFへの公開で、素材からみの問題が
 (うっかり公開や、元素材のリンク残りなど)
 少なからずあるようなので・・・

(2)の理由:
 まだまだXHTML+CSSは不勉強な点があるのと
 JUGEMで用意された公式テンプレートを
 勝手に書換えて作成しているので・・・
 それを知らずにそんなものがJUGEM内で増えるのも
 どうかと思って・・・

そんな訳で掲げた規約ですので
その辺をご理解の上、必要があれば個別に問合せください。

よろしくお願いします。

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

“gr-Ducky” 公開

テンプレート公開用ブログ、新設記念。
新しいテンプレート作成しました。

gr-Ducky
gr-Ducky.jpg

  • 公開日:2007年06月18日(公開中)
  • 公開先: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. テンプレートの改版と修正の禁止 (修正の必要があれば、問合せしてください)
    3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
    4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
    5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止

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

素材をお借りした「ぷあぷあ」さんへ感謝。
続きを読む▼
▲top.  comments(5).  trackbacks(2).

“gr-Piggy” 移転

テンプレート公開用ブログに移転。
以前公開していたブログからのリンクと
以前公開していたUTFのリンクは後ほど削除します。

gr-Piggy
gr-Piggy.jpg

  • 公開日:2007年05月01日(公開中)
  • 公開先: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. テンプレートの改版と修正の禁止 (修正の必要があれば、問合せしてください)
    3. 素材のみの利用や抽出、および再配布/2次配布/加工の禁止
    4. 素材配布元およびテンプレート作成元の著作権表記とリンクの削除禁止
    5. テンプレートに関しての技術的質問を、素材配布元に行なうこと禁止

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

素材をお借りした「ぷあぷあ」さんへ感謝。
続きを読む▼
▲top.  comments(2).  trackbacks(2).
|1/2 PAGE|>>