スポンサーサイト
2007.12.23 Sunday / @author:スポンサードリンク. / category:-.
一定期間更新がないため広告を表示しています
▲top. -. -.
Gun☆Ryu's TemplateJUGEMで使えるブログ・テンプレート
User Template File を公開しています |
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.は記述を部分的に省略しているので、コピー&ペーストではダメです。該当箇所を探して、必ず赤文字部分を直接編集してください
変更したことでレイアウトがくずれるものもあります。もとの設定を覚えておいて、戻せる準備をしてから行なうとよいでしょう。
テンプレートのCSS編集フォームでCSS内から“font-size: ●●;”の部分を探して、●●の数値を変更する。下記は、ブログタイトルのフォント変更例です。
※ブログタイトルのフォント変更例
h1 {
・・・(省略)・・・
font-size: 30px; (←“30”を他の数値に変更)
・・・(省略)・・・
}
数値を小さくする ⇒ より小さいフォントになる。
数値を大きくする ⇒ より大きいフォントになる。
※class="sideitem_center"を赤文字のように修正する
<!-- BEGIN freespace1 -->
<a name="p_freespace1"></a>
<h2>{freespace_title1}</h2>
<div class="sideitem_center2">{freespace_contents1}</div>
<!-- END freespace1 -->
<!--折り畳み生成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>
※ツリー表示をやめる場合※
<!--Tree構造生成script-->
<!--script src="http://...(省略).../makeTreeMain.js" type="text/javascript"></script-->
※ツリー表示にもどす場合※
<!--Tree構造生成script-->
<script src="http://...(省略).../makeTreeMain.js" type="text/javascript"></script>