Gun☆Ryu's Template

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

スポンサーサイト

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

▲top.  -.  -.

CSSの切替スクリプト

現在自分で使用している、このブログのテンプレ。
実は『gr-SnowWhite』と『gr-SnowBlack』をスクリプトで切り替えています。

gr-SnowWhite.jpg gr-SnowBlack.jpg

上記2つのテンプレは、HTMLがほぼ一緒なので (笑)


方法は・・・
『gr-SnowBlack』のCSSだけを、JUGEM以外の自分のWebスペースに置いておく。
JUGEMのテンプレート選択は『gr-SnowWhite』にしておいて
  06:00〜17:59 >> 『gr-SnowWhite』(JUGEM内CSS)
  18:00〜05:59 >> 『gr-SnowBlack』(JUGEM外CSS)
となるよう、HTMLのCSS読込み部分をスクリプトで制御しているだけです。
(念のため規約熟読したのですが、CSSのJUGEM外置きは問題ないはずです)

スクリプトは単純です。。。
公開しますが、お試しは自己責任で!
質問やサポートは無しです。
続きを読む▼
▲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).

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

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

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

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

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

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

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

  • 説 明:

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

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

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


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

▲top.  comments(5).  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).
|1/1 PAGE|