テンプレート[メタちっく-3] | ひいろんＢＬＯＧ

テンプレート[メタちっく-3]

| 2008年11月12日(水) |

12 |

0 |

またまた久しぶりのテンプレート配布です(^^;

…っても新作ではなく。。
以前公開した【メタちっく】を３カラムにカスタマイズしたモノです。。

今まで配布していたのは２カラムでしたが、昔使用してした３カラム用を配布用に変更…って形になります。。
（昔使用していたモノは『Firefox』で閲覧すると表示崩れしてます…汗）
テンプレート[メタちっく-3]

【サンプルはこちら】
３カラムに変更するにあたり、サイドリストの幅は変更してあります。。

…っても昔使用していたモノと同じ幅ですけど。。

【ダウンロードはこちら】

毎度の事ですが、カスタマイズはご自由に…です☆

例によって、一応『OTHER』に貼ってあるバナーとリンクだけは残しておいてくださいです。。

一応sb用に作ってありますが、多少の変更で
『Serene Bach』
『JUGEM』
『ロリポブログ』(多分OKでしょ?)
でも大丈夫だと思いますです☆

ちなみに…
現在『Serene Bach』を使用してますが、そのまま流用可能みたいです。。。

以下使用方法です… 【テンプレート[メタちっく-3]の使い方】
ダウンロードファイルは圧縮してありますので、解凍ソフト等で解凍してください。
解凍したファイルは、こんな感じになってると思います。。

[htemp017]
　　├　HTML.txt
　　├　CSS.txt
　　└　[img_h017]
　　　　　　　├　画像・・・
　　　　　　以下画像

ま、察しの良い方は使い方わかると思いますが…

テンプレートの編集で、ＨＴＭＬ・ＣＳＳのテキストファイルをそれぞれコピー＆ペーストで貼り付けしてやってください。。

んで、画像が入ったフォルダ[img_h017]をsb.cgiと同じディレクトリにアップすればＯＫです☆

…解りました？
（説明下手ですんません…汗）

尚、[環境設定]でログの保存形式を【個別エントリーをhtml保存】に設定されてる場合、ログのディレクトリと画像フォルダが同一とならないので…
テンプレート内の画像表示部分を絶対パスで記載するようにする事で正常に表示されます。。
っつ～か、多分殆どの方に当てはまってしまうかと…汗

その場合、面倒ですが下記の様にHTML及びCSSを変更してください。。

【例：リスト表示部　HTML】
<img src="./img_h017/entrylist.gif" title="記事リスト" />
　　　　　　　　　　↓
<img src="あなたのブログＵＲＬ/img_h017/entrylist.gif" title="記事リスト" />

もしも、使いたいけど上手くいかない…わからない…等ありましたら、コメントくださいです☆

2008年11月12日(水) 15:01 |

ネット > ダウンロード |

12 |

0 |

<<前の記事：テンプレート[W-Square-3]

：次の記事>>

「テンプレート[メタちっく-3]」のリンクタグ

コメント[12]
Facebookコメント
はてブコメント
blogcircleコメント

comment by: Organa

こんにちは、ひいろんさん
早速ＤＬさせて頂きました。ありがとう御座います。
少し色の変更などしてみました。

Amazonの表示なのですが、以前のブログと同じように個別に表示することは可能でしょうか。
商品説明の文字も小さくしたいのですが、出来ますでしょうか。

それから、一番上に表示されているブログタイトルの色を変えたいのですが、どうしたら良いでしょう。
この文字だけはリンク文字の設定を外して個別につけることは出来ますか？

どうぞ宜しくお願い致します。

2008年11月13日(木) 12:15

comment by: ひいろん

[Organaさん]
早速DLど～もです☆

Amazonの表示ですが…
下記の用にHTML部を変更する事で対処できます。。



<div class="links">
<img src="./img_h017/myselect.gif" title="おすすめ品" />
<div class="linktext">{amazon_item}</div>
</div>


JUGEMでのAmazon商品の文字は【amazon_text】という名前でCSS制御されてるので、それをCSSで設定してあげればOKです。。

ブログタイトルについては【h1】で制御されてるので、そちらもCSSの変更で対処出来ます。

リンクを外されたいのであれば、独自タグを使用せずに直接テンプレートに書き込めばOKです。。。

と…簡単に書きましたが(^^;

どうでしょうか？

2008年11月13日(木) 13:29

comment by: Organa

ひいろんさん
お返事ありがとう御座います。

＞リンクを外されたいのであれば、独自タグを使用せずに直接テンプレートに書き込めばOKです。。。

リンクはかけたいけど別にしたというのも直接書き込むことで解決するということですね。

Amazonのほうもありがとう御座います。
ロリポのタグと同じに変えて大丈夫ということですね。

やってみます。ありがとう御座います！

2008年11月13日(木) 17:46

comment by: ひいろん

[Organaさん]
ブログ移行色々と大変でしょうが、頑張ってください♪

っと、テンプレート末永く可愛がってやってください(^▽^

2008年11月13日(木) 18:45

comment by: Organa

こんばんは

＞テンプレート末永く可愛がってやってください(^▽^
はい、モチロンです！ありがとう御座いました。

2008年11月15日(土) 20:23

comment by: Organa

こんにちは　ひいろんさん

データのコピーもあと少しとなりました。
今朝気がついたのですが、エントリーリストやコメントリストに続きが表示されていないのです。
「1 / 112 >> 」こういうものです。

これはどのタグを追加すればよろしいですか？

2008年11月20日(木) 08:09

comment by: ひいろん

[Organaさん]
ページナビの事ですね。。
最近のJUGEMの独自ブロックや独自タグの事は良く解かってないんですけど。。
（最近JUGEMのテンプレートいぢりしてないんで…汗）

以前は…


<div class="page_link">
{prev_page_link} {page_now} / {page_num} {next_page_link}


この様に表示させてました。。

多分、これでいけるとは思いますが…ね(^^

2008年11月20日(木) 09:13

comment by: Organa

早速お返事ありがとう御座います！
そのタグはどこに埋め込めばよろしいですか？

2008年11月20日(木) 09:31

comment by: Organa

度々申し訳ありません。
ページナビのタグの件はわかりました。

今度はコメント欄を表示したら表が崩れてしまったのですが・・・
タグを入れたせいということはありますか？

2008年11月20日(木) 12:06

comment by: ひいろん

[Organaさん]
只今サイトを確認させていただきましたが…
特に表示が崩れている様な感じはしませんでしたが(^^;

もしも上記のレスのままHTMLを変更したのが原因だとすると…
CSSで【page_link】を定義されてる可能性がありますね。。

【page_link】を見直すか、新たに定義されてみてはどうでしょうか？

2008年11月20日(木) 12:30

comment by: Organa

ご報告が大変遅れました。
色々お手数をおかけして申し訳ありませんでした。
お陰さまでなんとか新ブログをオープンしました。

皆さん、このテンプレートは素敵だと言ってくれています。ひいろんさんが３カラムに作り直して下さったお陰です。ありがとう御座います。

これからもテンプレ製作を続けていただけると嬉しいです。私にとってはひいろんさんのテンプレはなくてはならないものですから。

本当にありがとう御座いました。

2008年11月22日(土) 20:53

comment by: ひいろん

[Organaさん]
どもども☆
わざわざ報告いただきありがと～ございます♪

新ブログオープン＆お誕生日おめでとうございました(^^
（ブログ拝見させていただきました。。）

ここんトコ、テンプレート作製へのモチベーションが落ちてましたが…
Organaさんみたいに大事に使っていただける方が居た…って事で、上がりつつありますので…

まぁ、公開はボチボチとマイペースになると思いますが…
頑張ってみますです(^▽^

2008年11月23日(日) 12:38

コメントする