info
jugem用テンプレートを配布しています(ロリポブログでも使用可>>カスタマイズ必要箇所あり)。テンプレート一覧などかんたんにまとめてありますので上部メニューの"template"をクリックでご覧下さい。さらなる詳細はそれぞれエントリーにて個別に記載してあります。
記:2008/12/20
---
SQUARE;凹凸_mp, SQUARE;凹凸_01に続いて凹凸シリーズ3つめ。
また同じ色合い(white+black+red)なのも飽きたのでwhite+gray+blueで作ってみました。
リンク部分のブルーは、もっとグレイッシュ系な色合いにしたかったのですが、リンク部分(blue)と本文(gray)を見た時、同系過ぎずリンク部分がわかりやすい方が良さそうだったので妥協してこの色に。
フリースペースをいくつ使うのか、どこに設置させたいのか…など、お使いになりたい状態によって凹凸のライン具合をそろえながらタグを記述する必要があるため記述してありません。HTML内のタグの並びを見てやり方がわかる方は、ご自分のお好みに合わせて凹凸が繋がるようタグを記述していただくことになります。
(追記: Mobileの下にフリースペースを設置する場合のカスタマイズ方法をアップしましたのでエントリ上部の【 Customize Sample 】からリンク先参照でどうぞ)
折り畳みについてはこちらでも書きましたが「JUGEMカスタマイズ講座」で紹介されているスクリプトを使用していますので、そちらをご覧になっていただければ設定の方法が書かれています。
やってみたけれど わからない・できない という方がいらっしゃいましたら、設置したい場所や表示の状態(開・閉)等の詳細を書いていただきご質問いただければお答えいたします。
(加筆更新: 2008/10/26)
Comments
2006/06/18 2:36 PM
SQUARE;凹凸_02のテンプレが気に入り使用させていただきました。
1つ質問なのですが…
SQUARE;凹凸_03 のカラーの組み合わせが気に入り、使用されている青を紫に変更してみたのですがコメント欄やトラバ欄のリンクされていない部分とサイドの<Sponsored Link...>の▼部分のみ青が残ってしまいました。CCSで変更部分を探してみたのですが私の知識が未熟の為かあとどこを変更すれば紫になるのか分からなくて…。
お時間のある時で構いませんのでご指導いただけると幸いです。
どうぞよろしくお願い致します。
2006/06/18 10:43 PM
またお聞きすることがあるかもしれませんがそのときはよろしくお願い致します。
2006/06/18 11:23 PM
テンプレ気に入ってくださったようでとても嬉しいです。ありがとうございます。
返信が遅くなりまして申し訳ありません。コメント投稿者名などのフォントカラーの件ですが、自己解決されたようてすね。
ご指摘いただいた3箇所はHTML内にてカラー指定してあるため、カスタマイズしていただくにあたり、わかりづらくて申し訳ありませんでしたm(__)m
また何かご不明な点などありましたらコメントいただけたらと思います。よろしくお願いいたします。
2006/08/11 6:26 PM
SQUARE;凹凸_02を愛用させて頂いております。
Terrapin様のテンプレはどれも好みですが特にアマゾン画像が縦に並んでいるのが気に入ってます^^
早速で申し訳ないのですが・・・
ひとつ教えて頂きたいです
先日まで何も問題がなかったのですが、タグを自分がいじってしまい失敗したために再DL致しました。
確認をした所LINKの部分の凹凸が変形(?)してしまい、くずれてしまいました。
確認をしても自分のみのようで…色々と調べているのですが、タグも下手な横好きで限界がきてしまい煮詰まってしまいましたT-T
お忙しい所恐れ入りますが、何か解決策のようなものがあれば教えて下さいm(__)m
説明下手ゆえにブログのURLを記載しております
よろしければご確認下さいませ
2006/08/11 6:48 PM
あれから色々とこちらを拝見していたら解決しそうな記事がありました
先走ってしまってすみません^^;
今から確認をして挑戦します!
お騒がせしてしまいスミマセンでしたT-T
2006/08/13 4:33 PM
レスが遅くなりまして申し訳ありませんm(__)m
テンプレを使ってくださりありがとうございます。
凹凸が崩れたという件ですが、現在携帯からアクセスしているため、アツさんのブログのテンプレ具合いをこちらで確認させていただくことが出来ないのですが、その後無事解決されましたでしょうか。
もしまた何かご不明な点などありましたらコメントいただけたらと思いますm(__)m
2006/10/16 12:02 AM
こちらのテンプレートを気に入って使わせていただいたのですが、不具合がありまして・・・
私のサイトの「ぼくとママとおまわりさん」のコメントを見ていただきたいのですが、どうもMacから書き込みをする際に文字化けがおこるらしいのです。原因が分からず・・・以前は文字化けが起こらなかったらしいのでテンプレートを変えてみたら大丈夫とのことで・・・
私はこちらの凹凸_02が大変気に入ったので使いたいのですが、この原因は私の方で解決できることなのかどうか分からずカキコミをしてしまいました。
2006/10/16 12:11 PM
テンプレ気に入ってくださったようで嬉しいです。ありがとうございます。
Macでの文字化けの件ですが、もしかしたらこちら( http://cooperate.jugem.cc/?eid=190 )が参考になりそうな予感です。
上記リンク先を参考に、CSSにて下の方にある textarea と input の font-family 内を修正すれば解決するかもしれませんので一度お試しください。
2007/01/06 5:17 PM
SQUARE;凹凸_02を一目みて気に入り今年から使わせていただいてます〜。
いくつか質問があるのでよろしくお願い致します。
1:右のメニューのブログペットをonににしておかないとその下のもう1つのフリースペース(カウンター)がメニューから消えてしまいます。どうすれば全部offにした状態でメニューだけを表示できますでしょうか。
2:ブログペットの下の枠線が二重になってしまうのですが治す事はできますか?
3:テンプレだと一番下にくる【powered by 〜】の部分がサイドメニューの下に表示になってしまいます。元の位置へ表示するのはどのようにすればよいのでしょうか。
4:サイドメニューのリンクやカテゴリーを現在の右寄りではなく左寄りにすることはできますか?
質問が多くてお手数をおかけ致しますが色々調べていじってみたのですがぐちゃぐちゃになってしまったので、お時間のある時にでも教えてください(*T-T)
よろしくお願い致します_(._.)_
2007/01/06 11:30 PM
はじめまして。テンプレ気に入ってくださったようで嬉しいです。ありがとうございます。
早速ですがりみさんのブログのソースをザックリとですが見させていただきました。
【1, 2, 3】
質問の1〜3に関してですが、blogpetのスクリプトの前に記述されている<div id="kyameko">がありますが、このタグに対して</div>で閉じていないのがおそらく原因だと思います。が、CSSの方を見させていただいても#kyamekoで始まる記述も当たりませんので<div id="kyameko">自体を削除されてもレイアウト的にもデザイン的にも問題ないと思いますので余分な<div id="kyameko">のみ削除してHTMLを更新してみてください。
※あと余談になりますが、"COUNTER"に関して記述された部分(freespace2)ですが以下をコピペで差し替えてみてください。そうすれば開閉どちらの状態で表示しても凹凸のラインがちゃんと表示されるようになります。
<!-- BEGIN freespace2 -->
<div class="linktitle01_btm" id="fs02name">{freespace_title2}</div>
<div class="linktext" id="fs02list">
<div class="linktext01_btm">{freespace_contents2}</div>
<div class="menu_btm03"> </div>
</div>
<!-- END freespace2 -->
---
【4】
メニューのタイトルのことでしたらCSSにて /* メニュー */ 以降にある .linktitle01 と .linktitle01_btm と .linktitle02 と .linktitle02_btm の4箇所のそれぞれにある text-align: right; を text-align: left; に書き換えれば左寄りに表示されると思います。
タイトルではなくメニュー内に表示される部分についてでしたらCSSにて /* メニュー */ 以降にある .linktext 内の text-align: right; を text-align: left; に書き換えれば左寄りに表示されると思います。
以上の回答をふまえ修正していただければ いただいたご質問全て解決に至ると思います。が、りみさんのブログのソースを全てチェックしたわけではなく取り急ぎ該当部分のみチェックしただけですので回答が的を得ていない可能性もあります。ですのでもし解決しない場合はお手数ですが再度コメントいただければと思います。よろしくお願いいたします。
2007/01/07 12:17 AM
2007/01/07 3:22 AM
ご丁寧にどうもありがとうございますー。
一通り治してみました。
ブログペットとカウンター綺麗に表示できるようになりました。本当にありがとうございます。
あと追記で教えていただいたメニューのレイアウトの件ですが線がやはり途中で切れてしまいますねぇ。
ツリー化スクリプトに問題があるのかもしれません・・・調べておいてみます。
お忙しいのにご丁寧にお返事をいただき感謝です!
どうもありがとうございましたー_(._.)_
また何かあったらよろしくお願い致します。
2007/01/07 3:26 AM
更新させるのわすれて確認していたことにいま気づき・・・
お恥ずかしいー。
というわけで綺麗にレイアウトできています。
どうもありがとうございました!
2007/01/07 4:59 PM
ご質問いただいた件、こちらで追記させていただいた件共に解決されたようでよかったです。
テンプレをお使いになってみてまた何かご不明な点や不具合などございましたらコメントいただければ対応いたしますのでよろしくお願いいたしますm(__)m
2007/01/20 5:30 PM
さて、ひとつ質問なのですが、記事内を続きを読む・・にしているのですが、クリックして個別アーカイブ(コメントとか記入するページの方)に飛ぶのはタイムロスがあり、サイドに音楽を貼り付けてますので、音楽をかけた場合再生を繰り返さなくてはいけなくなるので、続きを隠すだけのスクリプトというものがあればどう修正すればいいのか教えていただけないでしょうか。 お忙しいところすみません! どうぞヨロシクおねがいいたします。
2007/01/20 5:38 PM
2007/01/21 12:22 AM
先日はコメント残してくださってありがとうございました。
さっそくですが、ご質問いただきました「続きを隠すだけのスクリプト」についてですが、"JUGEMカスタマイズ講座"内で紹介されているスクリプトでお望みの状態にすることが出来るのではないかと思います。
■JUGEMカスタマイズ講座 | 「記事の内容」の一部を隠す
http://nz.jugemers.net/log/eid37.html
上記リンク先に詳しく方法など書かれていますのでわたしが解説する必要もなさそうです(笑)…ということで取り急ぎ解決しそうなページのURLの提示のみで失礼しますm(__)m
2007/01/21 1:25 AM
ありがとうございます!!
解決しました。涙。
こんなサイトがあることすら気づかなかった未熟者のわたしをお許しください。泣。
ご迷惑をおかけしてもうしわけありませんでした。
以後気をつけます。
丁寧に教えてくださり本当にありがとうございました!
2007/01/22 5:47 PM
> ご迷惑をおかけしてもうしわけありませんでした。
いえいえ。お気になさらず。
Muu*dyさんのお望みの状態にすることができたようでなによりですm(__)m
2007/01/27 3:55 PM
ロリポブログで此方様のテンプレート、square;凹凸_02を使用させて頂いています。シンプルで可愛らしくて愛用しています(^^)
早速用件の方ですが、今回記事を作成の際に日付、曜日、時刻の表示が何故か出なくなっているようなんです。HTMLやCSSを自分なりに見たところ、おかしい点は見当たらないようなんですが、上記三つが表示されません。ロリポブログで使用しているから、というのが原因なのでしょうか?お忙しいようですが、ご返答お願い致しますm(__)m
2007/01/28 12:07 AM
はじめまして。
テンプレご使用くださりありがとうございますm(__)m
ご質問いただきました件ですが、「テンプレ一覧/ご利用規約」のエントリ内にて書かせていただいておりますが、Jugemとロリポブログでは一部独自タグが共通しないものがあるようです。
ですのでお手数で申し訳ございませんがロリポブログで機能する独自タグと差し替えていただく必要がございます。
http://terrapin.jugem.cc/?eid=144#lolipo_blog
<!-- BEGIN entry --> 以降にあります
{entry_year}.{entry_month}.{entry_day}.{entry_eng_week_short}
部分を削除し {entry_date} と記述。
{entry_time_only} 部分削除し {entry_time} を記述してみてくださいm(__)m
2007/01/28 6:45 AM
エントリ内に書かれていたことに気付かず、その上目を通さずにいました。申し訳ありません。
ご指摘いただいた通りに修正しましたらちゃんと表示されていました。お手数かけてすいません。
これからもこちらのテンプレートを愛用させて頂きます。近頃冷え込むことも多いのでお体に気をつけて下さい(^^)有難うございました!
2007/01/30 6:40 PM
jugemのUserTemplateFileを拝見して、使わせていただいております。
途中、ツリー化している部分でサイドの線が崩れたりしまして、こちらの皆様のコメントとTerrapinさまのご回答を参考に、何とか綺麗に設置することができました(と思います)。
また解らないことがあったらお邪魔しようと思っております。
お世話になります、どうぞよろしくお願いします。
2007/02/02 5:36 PM
レスが遅くなりまして失礼いたしました。
------
>KISAさん
先日ご質問いただいた件、無事解決されたようでよかったです。
以下はKISAさんのブログを見させていただいて気づいた部分です。参考までに。
■フッター部分の"powered by JUGEM"の表記ですが、ロリポブログをお使いですので"powered by lolipoblog"などと表記し直した方がよろしいかと思います。
HTMLにて<!-- footer -->以降にあります
powered by <a href="http://jugem.jp/" target="_blank">JUGEM</a>
部分を以下のように修正していただければよろしいかと。
powered by <a href="http://lolipop.jp/" target="_blank">lolipoblog</a>
■サイドバーの"Sponsored Link"の表記部分ですが、Jugemの有料ユーザーとロリポブログでは広告非表示なので必要ない状態になっていると思います。ですのでその余分な部分を削除するようでしたら下記リンク先を参照で削除してみてください。
http://terrapin.jugem.cc/?eid=161
また何かご不明な点や不具合などございましたらコメントいただければ対応いたしますのでよろしくお願いいたしますm(__)m
------
>とこたんさん
はじめましてこんにちは。
テンプレご使用くださいましてありがとうございます。
ツリー化で凹凸のラインが崩れる件ですが、このエントリ内のコメント欄に目を通していただけたようで、無事解決されたとのことでなによりです。
>また解らないことがあったらお邪魔しようと思っております。
はい。コメントいただければ対応いたしますのでその際にはお気軽にどうぞm(__)m
2007/02/16 2:50 AM
>> りみさん, とこたんさん
凹凸シリーズのテンプレにてツリー化スクリプトを設置すると凹凸のラインが一部表示されない件について先日このエントリのコメント欄内で書かせていただきましたが、先日書かせていただいた回避方法を加筆修正したものを別エントリにアップいたしましたので、お手数をお掛けいたしまして申し訳ございませんがもしこのコメントをご覧になっていただけましたら下記リンク先のエントリをご覧いただき、再度カスタマイズしなおしていただけますでしょうかm(__)m
http://terrapin.jugem.cc/?eid=188
(※2007/01/07 12:17am投稿のツリー化について書かせていただいたコメントは、他の皆さまが加筆修正後のカスタマイズ法に気づかぬまま当時のコメントを参考になさらないよう非公開にいたしました)
++++++++++++++